Desktop Web App 2 - Customization options

2023-06-23 12:26:34 UTC


This guide goes through the common settings available in Visiolinks Desktop Web App 2. It doesn't address more complicated matters, such as validation and file flow. These subjects are in other guides.

The focus of this guide is on the interface settings. 

Changes and updates

All information about changes and updates can be found in the Desktop Web App 2 release notes. We will update this guide whenever new options are added.


Global settings

These settings are across different regions/publications. All other settings (modules, region menu & publication menu) can all differ in settings. 



Choose the language the interface should be displayed in. Doesn't affect the publications, just the interface.

The most texts have the option to be overwritten if you prefer a different text.


Date format

Date order will be different depending on chosen language. Example below is for English.

Choose between the following formats:

  • 9/7/2022
  • Sep 7, 2022
  • September 7, 2022
  • Wednesday - 9/7/2022
  • Wed, Sep 7, 2022
  • Wednesday, September 7, 2022 



The icon displayed in the browser tab



App title

As default it will be a dynamic title that changes depending on what content is showing, but can also be specified and in that case it will not change but always show the specified title.




Choose either:

  • No search
  • Search only in active region
  • Search across all regions



Region picker

You have to option to hide region titles if you prefer a cleaner visual style.

- You have the option to always show region picker. By default the browser remembers what region you used previously. 

- Setting to choose what view is displayed after you select a region. Default is "Start" view, but you can select a different view ie. "archive" or "related".


For layout you can choose one of the following:

- Simple buttons


- Publication covers half size


- Publication covers full size


You can also set a top logo and set a max width.


The publications can be adjusted by area width, item width and margin. They will adjust within these requirements. This means that if you limit the area width to 800 and item width to 300, there will not be room for 3 columns and they will instead be displayed in 2 columns.

Area width:


Item width:2022-11-15_13-44-053.png





Enrichments are elements in the publications which are clickable, most commonly clickable ads or emails. You can choose to have them blink when opening a page and/or you can have a hand icon displayed.


Login & Validation

There are 2 types of validation:

  • Standard validation - user login as usual
  • Token validation - user log in on your website and is automatically validated on Desktop Web App 2

For Standard validation you can choose any of the following:

  • Enable "Show password" button
  • Enable "Purchase" button - requires a link to where on your website that a reader can purchase subscription
  • Enable "Voucher" button
  • Enable "Forgot password" button - requires a link provided by you



For Token validation you can choose any of the following:

  • Back button on token error
  • Session Timeout headline
  • Button label
  • Button URL
  • Logout URL
  • Specify validation cookie

Intro Splash

This is a graphic displayed shortly before the website opens. This can be enabled through Visiolink Hub or done manually here.

If done manually it will require the following:

  • Image URL
  • Image height
  • Image width
  • Minimum duration (in ms) - This can also be set if enabled through Hub


Sharing, Print & download

You can enable or disable sharing and specify which of the following should be available

  • Email
  • Facebook
  • Twitter
  • LinkedIn
  • Whatsapp - Note: This only works if you have Whatsapp installed on a phone/tablet device - we cant reliably detect what device the user is using, so we can't limit this to only be shown on phones and tablets.
  • Print (choose allowed number of prints)
  • Download PDF



Enable/disable Google Tag Manager with following settings:

  • Tag manager account
  • Google Analytics code
  • Module tracking enabled/disabled



Choose either Visiolink or Google Publisher Tags


Consent manager

Can have up to 3 links, each with a URL and title of your choice.

Also have a setting which needs to be enabled if targeted ads exist in the app.




You can use a custom font, either for the entire solution or per region. However you have the responsibility to ensure the font is legitimate to use and you need to send the font to us in .woff2 format.


Color theme 

Colors can be set on app level (same on all regions) and fonts can be set on each region. Details will come in a separate guide.


Reader Mode

If you don't want to use the Web App part of our solution, then we can enable "Reader Mode", which means that any link will open directly in a publication and when you go back from a publication you go to a specified webpage (usually your own).



Modules can be added in any order and in any number.


Header Module

The standard top module which displays the latest publication, including any sections and also the latest previous publications, which is scrollable.


  • For the background you can pick an image or choose a gradient color
  • Pick if the "Previous editions" box should expand to the right edge or be limited to only show 2 publications
  • Show titles on top, on bottom or not at all (for previous editions)
  • Show date on top, on bottom or not at all (for previous editions)
  • You can also define text color




Article Teaser Module

A module containing articles from the latest publication.


  • Add a "See More" button
  • Add this to the menu



Historical Editions Module

A module containing older publications, specified in options.


  • Display publications from X years ago (e.g. 1,3,5,10,50)
  • Module headline
  • Module height (in px)
  • Show titles on top, on bottom or not at all 
  • Show date on top, on bottom or not at all 


Publications Module

A module displaying one or several other publications.


  • Specify which publications to display
  • Module headline
  • Module height (in px)
  • Show titles on top, on bottom or not at all 
  • Show date on top, on bottom or not at all 
  • Add a "See More" button
  • Add this to the menu



Google Ads Module

A module showing ads from Google Ads


Weekli Module

A module showing content specified from a Weekli script (using an iFrame)


Custom Module

You also have the option for custom modules, either with iFrame or custom HTML. These modules are designed to be a placeholder for code you deliver to us, but will, cant and wont take responsibility for building and maintaining code in these custom modules. 


Region Menu

We have two different menus. One when a region is selected (in left side) and one when a publication is selected (in right side). Here are the options for buttons in the region menu + some region specific settings.

Same for all menu items is that you can specify title and icon if you prefer something different than the default. The icons needs to be provided by you and no larger than 1mb in size. 



Single Page spread 

An option to force singlepage view of publication


Can set an image and an URL to go to when clicked. You can also set a padding.

If nothing is set, everything will move up.



Region picker

In a region there is a button that will go back to the region picker. By default this is the name of the chosen region, but alternatively you can give it a different text (example "Regions"). This will take effect on all regions and can't be region specific.

You can also hide this if you don't want it displayed.




You can insert a divider where you want to group items.

There will always be a divider below the region picker and above Privacy.




This button go back to the front page of the region. 



App Guide

Will open a view displaying a how-to-use guide, which will help the user navigate the website.r



Will open the archive content. Will go to the same view as when you click on the top right icon in the "Previous editions" box of the top module.


Choose either:

  • No archive
  • Display monthly selection
  • Display weekly selection

You can choose section headlines when scrolling:

  • No headlines
  • Month & year
  • Year

You can choose ascending or descending order. 


You can set a limit for the archive to X publications.


Note: Even though the archive is set to show week/month, the archive have infinite scroll, so it's never limited. This means that if you select week 32, it will first display publications from week 32, then week 31, then week 30, etc.





Article teasers

Opens the overview of articles in the latest publication. Will go to the same view as the "see more" button in the Article teaser module. 

You have a setting to hide date in top of article overview (as many publications have the date in the name as below)




Custom publication titles

Opens a view with a specific publication(s). You can specify which publications this should link to and a name for the button. Can be done by specifying a list of publications or by using a related script.





Opens a link to any specified location. Requires a link and a name for the button. Can open a separate tab or open in same tab.




Opens the search function to search either in the selected region or across regions.





This button accesses the GDPR settings and is always there.



Loading animation

We have a standard loading animation (below) that can be replaced with an image. Can be changed per region.


Example of a image that has replaced our load animation.



Publication Menu

We have two different menus. One when a region is selected (on the left side) and one when a publication is selected (on the right side). Here are the options for buttons in the publication menu.


This button goes back to the front page and is always there.



App Guide

Opens a view displaying a how-to-use guide, which will help the user navigate the website.



Full Screen

Sets the window to full screen.



Info View

Opens a view with information. This information is cross-platform and specified with your project manager.





Opens a link to any specified location. Requires a link and a name for the button. 



Page Overview

Gives a clear overview of pages and sections




PDF Download

Downloads the publication as a PDF

Can display a warning that PDF is for personal use only



Cut and Save

Select and area of the publication and save it as a PDF




Publication Articles

Gives a clear overview of the articles in the publication.





To search within the publication.





This button accesses the GDPR settings and is always there.



Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request