Quick Reply

Quick Reply in Vivaldi Mail is perfect for those fast, short replies, and feels like using an instant messenger. By removing the need to switch screens to open the composer window, this feature allows you to respond to emails more quickly.

To send a quick reply:

  1. Open the email message you want to reply to.
  2. Focus on the text field at the bottom of the message pane.
  3. Type your message.
  4. Click Send.
Quick Reply field with a drafted message in Vivaldi Mail.

Quick Reply field’s visibility

To hide/show the Quick Reply field:

  1. Go to Settings > Mail > Mail Settings > Quick Reply.
  2. Choose between:
    • Hide Quick Reply,
    • Minimize Quick Reply,
    • Show Quick Reply.

If you choose to display the Quick Reply field, you can also decide whether to quote the message you’re replying to by default or not.

Resize Quick Reply

To change the size of the Quick Reply field:

  1. Place the mouse cursor on the top edge of the section.
  2. When you see a double-ended arrow, click and drag the mouse up or down to resize it.

Minimize Quick Reply

If you’ve set Quick Reply to be shown or minimized, you have the option to easily toggle its visibility from the message view.

To minimize Quick Reply:

  1. Place the mouse cursor on the top edge of the section.
  2. When you see a double-ended arrow, double-click to hide the section.
    Alternatively, click and drag the edge all the way down.

To display minimized Quick Reply field:

  1. Place the mouse cursor on the narrow area between the email message and the Status Bar.
  2. When you see a double-ended arrow, click to show the section.
    Alternatively, click and drag the section to your preferred size.

Proton VPN for Vivaldi

The VPN feature in the Vivaldi browser is provided through a partnership between Vivaldi Technologies and Proton AG. Proton VPN is integrated into Vivaldi, allowing you to connect to a VPN server effortlessly with your Vivaldi account for free and access extra features after upgrading to a paid plan.

What is a VPN?

A virtual private network (VPN) is a service that changes how websites see your connection. Instead of seeing your connection coming from your normal IP address, they will see it coming from the IP address of the VPN provider, Proton in this case. The VPN connection encrypts traffic between you and the VPN service, so that other people who can normally view your unencrypted website traffic, cannot see the traffic. It will still be visible to anyone who can view the network communications between the VPN service and the website.

The VPN feature provided by Proton in Vivaldi is a type of VPN called a “secure web proxy”, meaning that it only affects the web traffic for Vivaldi, and does not affect the network communications of your other apps.


Why would you want a VPN?

A VPN can be used to temporarily cause a website to think you are connecting from a different country. This might be used in cases where a website does not allow access to people from your region. If using it for this purpose, you should use a new private browsing session, so that the website cannot use cookies, JavaScript storage or cache to recognize you from previous visits when you were not using the VPN.

A VPN might also be used to add a little more privacy from other users of your local network. However, it cannot shield the communication between the VPN service and the website, so it should not be used if complete privacy is needed.


Which Legal Jurisdiction is the service operated in?

Proton VPN, a service operated by Proton AG, is based in Switzerland, with company-owned servers located in Switzerland and Germany.

Account authentication is done by Vivaldi. Vivaldi Technologies is a Norwegian company with servers located in Iceland.


Connect to a VPN server

To use Proton VPN in Vivaldi, you need a Vivaldi account. If you don’t have an account yet, you can sign up here. If you already have a Proton account, you can use that for login as well.

When you’re connected to VPN, all your web traffic in Vivaldi will go through Proton VPN, but the connection does not extend to Vivaldi Mail.

To start using Proton VPN:

  1. Click on the VPN button on the right side of the Address Bar.
  2. Click Sign in with Vivaldi.
  3. In the new tab, log in with your Vivaldi account credentials.
  4. Allow Vivaldi to share your account’s recovery email address with Proton (only shown during first use).
  5. Once logged in, click on the VPN button again.
  6. Click Connect.

Once you’re connected, in Proton VPN’s menu, you’ll see that the “Unprotected” sign has changed to “Protected” and the button says “Disconnect” now. The VPN button on the Address Bar also changes color, allowing you to quickly check the connection status as you browse.

In addition, you’ll get a system notification letting you know that a connection was made. When you disconnect or the connection is dropped for some reason, you’ll also get a notification.

Proton VPN's menu open in Vivaldi browser.

Proton VPN’s advanced features

To access additional features:

  1. Open the VPN menu.
  2. Click on Features near the top left corner of the menu.
  3. Toggle features on and off as needed.

Auto Connect

With auto connect enabled, you’ll be reconnected to VPN automatically every time you open the browser.

Please note that because of how extensions are loaded after the browser starts, the VPN will be initialized a short period (a few seconds) after Vivaldi starts. Immediately after starting, Vivaldi will load the active tab without being able to use the VPN.

WebRTC leak protection

WebRTC leak protection stops your browser from leaking your IP address to websites and apps using WebRTC. This may affect video calling or live-streaming performance on some websites.

Notifications

When notifications are enabled, you’ll receive system notifications every time a connection is made or disconnected.

Extra features, such as Secure Core and Split Tunneling, are available with a paid plan.


Upgrade plan

With the free account, you’ll be connected to the fastest server for your location. To choose a location yourself, you need to upgrade to a paid plan. In addition to being able to choose a connection location, with a paid plan you’ll get access to other premium Proton VPN features and Proton’s services. Learn more about Proton’s plans.

To view and select a plan:

  1. Open the VPN extension menu.
  2. Click on Settings in the bottom left corner of the extension’s menu.
  3. Click on Manage subscription.
  4. Select a plan.
  5. Fill out the payment details and make the payment.

By upgrading to a paid plan with a Vivaldi account you’ll be contributing to Vivaldi and supporting us in building a better browser.


Stop using VPN

To disconnect from a VPN server:

  1. Click on the VPN button on the right side of the Address Bar.
  2. Click Disconnect.

To log out of the extension:

  1. Click on the VPN button on the right side of the Address Bar.
  2. Click on Settings in the bottom left corner of the extension’s menu.
  3. Click Sign out at the bottom of the extension’s menu.
  4. Confirm your decision by clicking OK.

To disable VPN altogether:

  1. Go to Settings > Privacy and Security > Privacy > Proton VPN.
  2. Disable Enable Proton VPN.

Troubleshooting issues

For additional information about Proton VPN, visit their Help pages on https://protonvpn.com/support/.

Unable to log in or register a Vivaldi account

If you’re not able to log in to your Vivaldi account or have trouble creating an account, take a look at our Help page about Registration and login issues.

Connection issues

When you’ve connected to VPN, but want to verify that it’s working, follow the instructions in this blog post by Proton.

Service availability

To see the status of Proton’s services, check their status page.

“Unable to find appropriate server”

If you see this error message after clicking “Connect”, log out of your account and back in. Then try connecting again.

Address Field in Vivaldi on Android

Address Field is a section on the Address Bar where you can see the URL of the page you’re currently on. There you can enter a new web page link to navigate to the website or a search term to see search results. But the Address Field in Vivaldi has a lot more to offer. Continue reading to learn all about the Address Field.

On the Address Field you’ll find:

  •  Site Info and Content blocker – check your connection security and access Site Settings, as well as change the tracker and ad blocking level for the website.
  • Address and Search field – type in the link you want to visit or a search term you want to look up.
  •  Reload – if you’ve scrolled too far down and swiping down to reload isn’t reasonable, you can tap on the Reload button.

Address Field settings

To move the Address Bar to the bottom of the screen together with the Tab Bar:

  1. Go to Vivaldi menu button Vivaldi menu > Settings > Tabs.
  2. Toggle on/off Address Bar At Bottom.

Address Field Options

  • Show X for removing suggestions – To remove irrelevant suggestions in the drop-down menu you can long-press on an entry and tap OK in the confirmation dialog. Alternatively, you can enable Show X for removing suggestions in Settings > Address Bar > Address Field Options to show an X button next to suggestions that can be hidden.
  • Show Typed History – It can be handy to see what you previously typed in the Address Field and tap on the suggestion to get to results faster. If you’d rather not see your typed history, you can disable it from Settings > Address Bar > Address Field Options.

Address Field Suggestions

In Settings > Address Bar > Address Field Suggestions, you can decide whether you see suggestions as you type in the Address Field from your browsing History, Bookmarks, and Direct Match, and more.

Access Vivaldi Social from Mastodon apps

Vivaldi Social can be accessed from any web browser by logging in on the link https://social.vivaldi.net/. Mastodon also supports Progressive Web Apps.

In addition to the web version, you can access your Vivaldi Social account from various apps built for Mastodon. Check out the selection of available apps for both mobile and desktop on https://joinmastodon.org/apps.

To login to Vivaldi Social from an app:

  1. Install the app of your choice.
  2. Select Log In or the option that allows you to pick your Mastodon server.
  3. Enter Vivaldi Social’s domain name – social.vivaldi.net.
  4. Select logging in with vivaldi.net.
  5. Enter your Vivaldi account’s username and password.
  6. Give the app permission to access your account and its data.

The steps you need to follow may differ slightly from what’s listed here, depending on how the app’s onboarding process has been implemented. Furthermore, the in-app experience will likely be a little different from the web version as well. Explore the different apps to find the one you like best.

Translate on iOS

Break down language barriers and open up the web with Vivaldi Translate.

Accessing the Translate Panel

To open the Translate Panel:

  1. Tap on the Panel button.
  2. Tap on the Translate panel button.

Translate text

To translate text in the panel:

  1. Open the Translate Panel.
  2. Type or paste the text into the input field.
  3. Tap Translate.

If the language isn’t detected automatically, tap on Auto Detected at the bottom of the panel and select a language. You can also change the language the text is translated into.

Clear translation

When you’re done with the translation or want to translate something else, tap  Clear below the output field.


Full page translations

To translate all text on a web page

  1. Either, tap on the notification offering to translate the web page, on the Translate button on the Address Bar (see screenshot), or go to the Vivaldi menu > Translate.
  2. Review the translation’s languages.
  3. Tap Translate.
Vivaldi on iOS with a web page open. An arrow points to the translation button on the Address Bar.

In addition, you can select whether to:

  • Always translate pages in that language.
  • Never translate pages in that language.
  • Offer to translate that language, but never on the site you’re currently on.

Translate text from a web page

To translate only some sections of the web page:

  1. Highlight the text you want to translate.
  2. Tap on Vivaldi Translate in the small menu that appears.

The Translate Panel will open with both the source text and the translation. If your selected text is very short, you may have to select the source language manually.


Translation settings

By default, when you translate selected text, the translation will be displayed in a dialog. If you prefer to open the translation in the Translate Panel:

  1. Go to Vivaldi menu > Settings > Content Settings.
  2. And enable Prefer Translate Panel.

To review and edit which languages get offered to translate the web page and which do not:

  1. Go to Vivaldi menu > Settings > Accept Languages.
  2. Add and edit languages for which translations will or will not be offered for.

Tap on Edit in the bottom right corner to reorder and remove languages.

Disable translation offers

If you don’t want to see notifications on web pages offering to translate the content for you:

  1. Go to Vivaldi menu > Settings > Accept Languages.
  2. Disable Translate pages.

Translation history

To view past translations, tap on the clock button near the bottom of the panel.

Two iPhones with the Translate Panel open. An arrow points from the Translate History button on one device to the history entries on the other phone.

Delete history

To delete a single translation history entry

  1. Open the Translation History.
  2. Long-press on the entry you want to delete.
  3. Select Delete from the context menu.

To delete multiple entries:

  1. Open the Translation History.
  2. Tap on Edit in the bottom right corner.
  3. Select the entries you want to delete.
  4. Tap on More.
  5. Select Delete Selected from the menu.

To delete all history:

  1. Open the Translation History.
  2. Tap on Edit in the bottom right corner.
  3. Tap on Delete all in the bottom left corner.

How Ad Attribution is implemented

In order to improve the result of ad monetization for sites where a user has decided to enable ads, Vivaldi has now included support for ad attribution. You can read more about why this change was implemented here.

This page mainly aims to describe how Ad Attribution is implemented and explain the choices that led to this implementation. The goal is to be fully transparent about what may be allowed through and when.

As with the rest of the ad blocker code, this implementation is fully available as part of our released source code bundles. This allows you to fully verify that our implementation is as described here and in other articles.

Allow Ad Attribution rules

The main challenge with ad monetization is that many ad providers rely on known trackers in order to prevent click fraud and ensure that conversion has occurred before paying out. The only solution to this is unfortunately to allow such trackers to load, regardless of what our tracker blocking lists say. However, we also want to ensure that these trackers are not loaded as part of general browsing.

In order to satisfy all these requirements, I have extended the normal ad blocker rules format. This is the same format used by all popular ad-blockers and rules lists. The extended format consists of three new options that will be detailed below.

This implementation was chosen as it allows us to reuse most of the ad-blocker functionality to effectively accomplish the goal of ad attribution while also allowing us to use the automatic update mechanism coming with ad blocker rules lists. This ensures that we can promptly fix any mistake.

How it works

Ensuring that ad attribution works is a complex task that takes multiple steps to accomplish. In general, the focus is on the site which uses ads for support, however most of the work is done after clicking on a given ad. As part of the implementation, we go through the following states.

1. Navigating to a site which the user wants to support.

When this occurs, the ad attribution implementation records that it should be looking for ad clicks. We say that it is primed.

Ad attribution is normally primed on any site where the ad blocker is disabled, regardless of the state of the tracker blocker. Priming ad attribution means we will check whether the next navigation is an ad click. It has no other effect.

In order to be able to support ad attribution for our partner search engines even when ad blocking is enabled for all sites, we introduced the attribute-ads rule option:

@@||partner-site.example.com/page-i-want-to-Support$attribute-ads

This causes ad attribution to be primed on the matching page, regardless of the ad blocker status. In practice, we would also add a document option (identical to the document allow rules supported by AdBlockPlus), in order to allow the partner site to show ads:

@@||partner-site.example.com/page-i-want-to-Support$attribute-ads,document

2. Matching an ad when Ad Attribution is primed.

When this occurs, the ad attribution implementation will examine the URL being loaded as well as the URLs of any redirections which occurs as part of loading.

If none of those URLs matches a known ad, then ad attribution remains disabled. It may be primed again if the site where the user ends up is one the user wants to support.

If the URL matches a known ad, then ad attribution moves to the next stage and the process continues.

The ad-query-trigger option is used to indicate that a rule should be used to match ad URLs:

||advertiser.example.com/ad-URL$ad-query-trigger=&click-id-param=|&other-click-id-param=

The ad-query-trigger option takes a value that is composed of several query string fragments, separated by |.

Once a document matching the pattern for an ad-query-trigger rule was reached, directly or via redirect, further redirections will be examined. For those redirections, the query string of the URL will be examined. If it contains any of the strings provided as value to the option, ad attribution will be fully enabled and the origin of the matching URL will be stored as the ad landing origin for this tab.

The ad-query-trigger option requires a pattern that provides a domain name in the ad URL pattern. This means, the pattern should be host-anchored and the domain should be followed by ^,/ or ?

Once ad attribution is enabled for a specific tab and origin, that state is preserved so long as the tab navigates within this same origin. Navigating to a different origin will cause ad attribution to be disabled, but it’s state will be preserved for a half hour. Further navigations within the deadline extend it to a half hour. If the deadline passes, further navigations outside the original origin clear the state fully. Navigating back to the landing origin will re-enable ad attribution.

The ad attribution state is normally confined to the tab where it was enabled. However, a same-origin navigation to a new tab from a tab where it is enabled will preserve its state.

Ad attribution also always gets disabled seven days after being triggered.

3.Matching trackers when ad attribution is enabled

When ad attribution is enabled, it examines resources loaded on pages whose origin match the landing origin. In order to indicate which resources should be allowed for ad attribution, rules with the ad-attribution-tracker option are used.

@@||advertiser.example.org/track-click$ad-attribution-tracker=advertiser.example.com/&click-id-param=|advertiser.example.net/&ad_id=

The body of this rule matches the url of the resource itself, while the value of the ad-attribution-tracker option provides the context in which it should be allowed. The value of this option consists of a pairs of domain/query-fragment separated by |. The domain part is matched against the domain of the ad that was clicked (the ad itself, not its landing origin). The query-fragment is matched against the query fragment used to enable ad attribution. A pair matches if both components are a match. This rule matches if the resource url matches and any of the domain/query-fragment pair is a match. When a tracker is allowed this way, it bypasses blocking both in the ad blocker and the tracker blocker.

These rules are currently only available in the “Allow Ads from our Partners” list that is provided by Vivaldi. This is to avoid situations where they may be employed in malicious rules lists. You can examine our list to learn of which partner sites have ad attribution enabled and which trackers are allowed as a result here.

Get the Most Out of Your Dashboard

The Dashboard is designed to give you full control of your digital life in one centralized space. Here’s some tips on how to customize the Dashboard and its widgets to get the most out of your Start Page.

Pop-out video in Vivaldi on iOS

Pop-out Video, aka Picture-in-Picture, is a popular feature on desktop, but did you know it’s also available on Android and iOS? The main difference is that, on your mobile device, you can’t browse other tabs in Vivaldi while Pop-out Video is enabled, but you can use most other apps.

Enable Pop-out Video on iOS

  1. While browsing with Vivaldi, find a video you want to watch.
  2. Press play and enable full-screen view of the video.
  3. Go to your phone’s home screen.

The video will continue playing in a small rectangle on your home screen. You can move the video by dragging it around and use the two-finger zoom gesture to change the size of the video.

Tap on the rectangle to see video controls. Pop-out Video includes controls for:

  • Pausing the video.
  • Fast forwarding or rewinding the video by 10 seconds.
  • Closing the popped-out video.
  • Returning to the main window.

Due to restrictions set by Google, the feature may unfortunately not work on YouTube’s website.

Save Passwords in Vivaldi on iOS

Store your account login credentials in the Vivaldi browser for faster browsing.

Save passwords

To save a password:

  1. Log in to the account on the site you want to save the login credentials on.
  2. Immediately after logging in, tap Save on the dialogue that appears at the top of the screen.

Tap on Settings icon Settings > Never for this site, if you don’t want to save any passwords for the site you have open.

A web page open in Vivaldi on iOS. Banner recommending to save the login password is displayed below the Address Bar.

To toggle saving passwords on or off:

  1. Open the Vivaldi menu button Vivaldi menu > Passwords.
  2. Tap on Settings in the bottom left corner.
  3. Tap on the Offer to save passwords toggle.

View and manage passwords

To view your saved passwords:

  1. Go to the Vivaldi menu button Vivaldi menu > Password Manager.
  2. Verify your identity.
  3. Tap on the saved entry you want to view.
  4. You’ll see the site link, username, password, and a note.

To view the password, tap on the eye icon.

To copy the password:

  1. Tap on the Password field.
  2. Select Copy.

To edit a saved password entry:

  1. Go to the Vivaldi menu button Vivaldi menu > Password Manager.
  2. Verify your identity.
  3. Tap on the saved entry you want to update.
  4. Tap Edit in the top right corner.
  5. Make the changes.
  6. Tap Done.

Password Manager widget

You can add a shortcut to view your saved passwords in the form of a home screen widget.

To add the Passwords Manager widget:

  1. Long-press on the home screen.
  2. Tap on Edit in the top right corner and select Add Widget.
  3. Find Vivaldi and tap on it.
  4. Swipe to the Password Manager option.
  5. Tap Add Widget.

Delete passwords

To delete a saved password:

  1. Go to the Vivaldi menu button Vivaldi menu > Password Manager.
  2. Verify your identity.
  3. Tap on the saved entry you want to remove.
  4. Tap Edit in the top right corner.
  5. Tap Delete password.

Log in in other apps with the help of Vivaldi’s Password Manager

You can use Vivaldi as a password manager to autofill login details in other apps you’ve installed on the device.

To start using Vivaldi as a password manager:

  1. Go to your phone’s settings > General > Auto-fill & Passwords.
  2. Enable Vivaldi.

To log in:

  1. Tap on the username or password field on the login page.
  2. Tap the key icon.
  3. Select Vivaldi.
  4. Verify your identity.
  5. Select the login credentials you want to use.
  6. Log in.

Webpage Widgets

The Webpage widget on the Dashboard loads a normal but slightly restricted webpage. You can make custom optimized widgets by creating a normal webpage.

Webpages loaded as Webpage widgets are loaded using a Mobile User-Agent.

The widget’s viewport is 394×380 pixels (an almost square 39∶38 aspect ratio).

All dialog interactions are disabled, including alert() and Permissions Prompts. The Webpage widget shares security-context and permissions across regular tabs. Your users can grant permissions, like geolocation, in a regular tab to grant that permission to your Webpage widget.


Ensuring Widget Performance

To make your widget performant, it’s important to deploy on-device caching using HTTP Caching. The stale-while-revalidate caching directive can help you achieve a compromise between an instantly-loading widget and up-to-date information.