Web Panels

This post is also available in: 日本語 Español Português Français Nederlands Српски Ukrainian

Web Panels are customisable Tabs which allow you to keep your favourite sites easily accessible in the side Panel of Vivaldi. Opening a Web Panel will allow you to simultaneously view its content alongside the tab(s) in your main window.

Add a new Web Panel

  1. Open the Panel area either by clicking the Panel toggle button Show Panel icon on the left side of the Status Bar or using the corresponding Keyboard Shortcut (F4 / ⌥⌘ P)
  2. Click the Add button Add Web Panel button to:
  • add the current active page,
  • one of your frequently visited websites or
  • to type a URL.

Add a new Web Panel from the context menu

  1. Right-click anywhere on an open web page to open the context menu
  2. Select Add Page to Web Panel from the menu
  3. The page will be available immediately as a Web Panel.

In case you’re asked to download an App or a message says that the page is not available on Mobile, right click on the Web Panel button and select Show Desktop Version. You can do the opposite (select ‘Show Mobile Version), when you wish to switch from desktop view to mobile view.

Adding a web panel using a right-click context menu

Access Web Panels

To open a Web Panel, either:

  • Click on the Web Panel’s button in the side Panel;
  • Use a Keyboard Shortcut (set a specific shortcut for each Web Panel in Settings > Keyboard > View);
  • Type “Web Panel #” in Quick Commands;
  • Open Vivaldi Menu > View > Web Panels and click on the web panel you want to open;
  • Use a Mouse Gesture (create a gesture for each Web Panel in Settings > Mouse > Gesture Mapping);

In case you have more Web Panels than your window height can accommodate, then place the mouse cursor on the side bar and scroll up and down.


Customise Web Panels

Some Web Panels need more space than others. To have panels with separate width:

  1. Right-click on the Web Panel’s icon;
  2. select Separate Width;
  3. from the outer edge of the panel drag it to preferred size.

To display navigation buttons, right click on the Web Panel’s icon > Toolbar > Display All Controls.

Web Panel controls

Reorder Web Panels

To change the order of Web Panels:

  1. Hold down the Shift key.
  2. Drag the Web Panel to it’s preferred location.

Web panels can be rearranged among themselves. They can’t be mixed with the browser’s Panels.


Periodic Reload of Web Panels

Periodic web panel reload can be used on sites where the page is often updated, but the new content isn’t automatically displayed.

To reload a web panel every X minutes:

  1. Right-click on the Web Panel;
  2. Select Periodic Reload;
  3. And pick the interval between 1 and 30 minutes.

To disable Periodic Reload of a Web Panel:

  1. Right-click on the Web Panel;
  2. Select Periodic Reload;
  3. Select Disable or Disable all, if you have more than one Periodic Reload active.

Open a page from a Web Panel in a new Tab

To open the page you currently have open in the Web Panel in a Tab:

Option 1

  1. Right-click on the Web Panel’s icon.
  2. Hover over Open in.
  3. Click on either New Tab, New Background Tab, Current Tab, New Window, Private Window depending on, where you want to open the web page.

Option 2

  1. Right-click on the Web Panel’s top menu bar.
  2. Hover over Open in.
  3. Click on either New Tab, New Background Tab, Current Tab, New Window, Private Window depending on, where you want to open the web page.

Option 3

If you have a mouse with a middle mouse button (in some cases the scroll wheel), click on the Web Panel’s icon with the middle mouse button to open the page in a new background tab.


Remove a Web Panel

To remove a web panel:

  1. Right-click on the Web Panel’s icon;
  2. Select Remove Web Panel.

To restore a deleted Web Panel:

  1. Right-click on the Panel;
  2. Go to Removed Web Panels (if you right-clicked on a Panel or Web Panel button, go to Panels > Removed Web Panels);
  3. Click on the Web Panel you want to restore.

Alternatively, click on Clear All to remove them permanently.

To just hide, instead of remove a Web Panel:

  1. Right-click on the Web Panel;
  2. Go to Panels;
  3. Click on the Web Panel you want to hide in the context menu.

Panels and Web Panels with a check-mark in front of their name in the right-click context menu are displayed, those without are hidden.


Popular uses for Web Panels

Below we’ve listed a few of the most common uses for custom Web Panels. Keep in mind that due to the smaller view area, mobile-friendly sites will work best. Try adding one yourself by opening the link and adding it via the instructions above!

Was this page helpful?