Synlighet

You can choose to display or hide building blocks based on a visitor’s:

  • device type (mobile or computer),

  • country (IP-based geolocation),

  • website language,

  • UTM parameters, and

  • login state.

Mobile/computer

To toggle the visibility of a building block based on the visitor’s device type:

  • Open the website editor and select a block.

  • In the Customize tab, under the block’s customization options, look for Visibility.

    • Click the (Show/Hide on Desktop) button to hide the block for users visiting your website from a computer.

    • Click the (Show/Hide on Mobile) button to hide the block for users visiting your website from a mobile device.

  • Click Save to apply the changes.

It is also sometimes possible to hide elements within blocks. It is mostly used to hide specific elements inside blocks that may be too wide to be correctly displayed on mobile devices. To see if the option is available, select an element within a block and look for the Visibility option under the element’s customization option.

Example

The selected image is hidden on mobile devices.

Example of an column element hidden on mobile devices

Conditions

To access the country, website language, UTM parameters, and login state conditions:

  • Open the website editor and select a building block.

  • In the Customize tab, look for Visibility.

  • Click No condition and select Conditionally instead to display the different options:

    • Country: the country of the visitor’s IP address.

    • Languages: the website language used by the visitor.

      Observera

      This option is only available if more than one language is installed.

    • UTM Campaign: the selected campaign.

    • UTM Medium: the selected medium of any campaign.

    • UTM Source: the selected source of any campaign.

    • Users: select whether the visitor should be Logged In or Logged Out to view the block. By default, the option is set to Visible for Everyone.

  • For one or more of the first five options, choose if the block should be Visible for or Hidden for, then click Choose a record… and select it.

Tips

  • You can select multiple records for each option by clicking Choose a record… again.

  • Click the (remove) button to remove an option.

Click Save to apply the changes.

Example

A block with the following configuration will only be displayed to visitors with a Belgian IP address, for which the website is displayed in French, unless they visit the page using the Sales campaign tracked URL.

Example of a block configured with several visibility conditions

Osynliga element

Blocks and elements with custom visibility settings are listed at the bottom of the website editor sidebar. You can preview how the page would look like by clicking the (visible) button to hide a block or element, or the (hidden) to show it in the website editor.

Blocks and elements with custom visibility settings displayed at the bottom of the editor