Skip to main content

Manage paywall UI elements

After choosing a template, the elements of it will be displayed in the left pane. Use this pane to organize the elements on your paywall. The elements will appear on the paywall in the same order as they do in the left pane.

warning

This section describes the new Paywall Builder, compatible with Adapty SDK v3.0 and later which is now available for iOS, Android, and React Native only. For information on the legacy Paywall Builder compatible with Adapty SDK v2.x or earlier, see Legacy Paywall Builder.

Add element​

To add an element to your paywall above the layout:

  1. Click the Add Element button in the left pane.
  2. Choose the element you want to add. The new element will appear in the list above the Footer.

To add an element to a compound element:

  1. Click the Plus button next to the compound element.
  2. Select the element you want to add.

Delete element​

To delete an element from the paywall:

  1. Click the element in the left pane to open its details.

  1. Click the ellipse button in the right pane and choose the Delete option.

Rename paywall element​

To rename an element:

  1. Click the element in the left pane to open its details.

  1. Click the ellipse button in the right pane and choose the Edit option.

  2. Type the new name of the element and press Enter.

Duplicate element​

To duplicate an element :

  1. Click the element in the left pane to open its details.

  1. Click the ellipse button in the right pane and choose the Duplicate option.

The duplicated element, with "Copy" added to its name, will appear in the left pane as a complete duplicate of the original.

Move element​

To move an element: Drag and drop the element to its new position on the layout or within a compound element.

A purple line indicates an available position for the element, while a red line shows an inaccessible position.