Layers Overview

Video Tutorial:

Article: 

Adding layers to your Convertri pages means you can create multiple screens on your site like pop-ups or product overviews. Think of them as overlays, which you can show or hide on your page by configuring Actions.

Adding a Layer

  1. Click the Layers button in the top toolbar to open up the Layers panel, then click New Layer.
  2. Enter a name for your layer, and click OK.
  3. When a layer has been successfully added to the page, a red checkmark will appear on the Layers button in the top toolbar.

The Layers Panel

The Layers panel is where you’ll be able to configure options for each of your individual layers.

Select/Deselect - click the eye icon to select or deselect the layer. When the layer is selected it becomes active, and you can edit its contents. Your main page will still show through below, but you will be unable to edit it until you deselect the layer.

Visible/Invisible - click the checkbox to toggle whether the layer starts as visible on page load, or whether it is hidden. If it’s hidden and you want to make it appear later, you can do so by applying an Action to this layer. Find out how to do that here.

Mobile - click the checkbox to toggle whether the layer shows on the mobile view, or not.

Relativity - click to switch whether the layer is relative to the top or bottom of the screen (in general: use relative to the bottom for things like sticky footers that you want permanently attached to the bottom of your viewer’s screen, and relative to the top for everything else). Note that layers relative to the bottom of the screen can only be fixed, not scrollable.

Scrollable - click the checkbox to make the layer scrollable, or fixed. (This is especially important on mobile pages, where the layer maybe taller than the screen.)

Backdrop - choose a background color for your layer.

Rename - give your layer a different name.

Clone - create a duplicate of this layer.

Delete - delete your layer.

Editing Layers

Layers can contain the same elements as your main page. For example, you can create a pop-up containing a countdown timer for added urgency, or ask people to opt-in to your email newsletter with a form. The possibilities are endless!

Actions

By adding actions to your page, you can configure your layers to show or hide when triggered by user behaviour, or after an elapsed time. Find out how by clicking here.