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.
Adding a new Web Panel
- Open the Panel area either by clicking the Show Panel icon on the left side of the Status Bar or using the corresponding Keyboard Shortcut (F4 / ⌥⌘ P)
- Click the Add Web Panel button to
- add the current active page,
- one of your frequently visited websites or
- to type a URL.
Adding a new Web Panel from the context menu
- Right-click anywhere on an open web page to open the context menu
- Select Add Page to Web Panel from the menu
- 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.
Accessing 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);
Customising Web Panels
Some Web Panels need more space than others. To have panels with separate width:
- Right-click on the Web Panel’s icon,
- select Separate Width and
- drag the panel to preferred size.
To display navigation buttons, right click on the Web Panel’s icon > Toolbar > Display All Controls.
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!
- Resources for work and research (e.g. StackOverflow, DevDocs);
- Translation tools like Google Translate;
- Grammar or copy writing tools such as a Thesaurus;
- Social media and News feeds (e.g. Twitter, Instagram, HackerNews);
- Chat apps (e.g. Messenger, WhatsApp).
- How to post on Instagram from Vivaldi browser
- Work smarter and stay focused with Vivaldi’s Web Panels
- Keep Your Friends Close: Using Web Panels for Social Media
- 5 Web Panels for Programmers