Skip to content

Create and edit pages

Pages are created and edited in Design, Pages. The same editor is also used for landings and popups.

  1. In Design, Pages, click Create in the Pages block.
  2. In Start from, choose a template or Blank. Templates come already built with the colours of the app’s theme; Blank leaves the page empty. Template names are in English.
  3. Enter the Title. It is internal: the app user does not see it. When you choose a template, it may be filled in with a suggested title, which can be changed.
  4. Choose the Zone. If the dropdown is empty, close the dialog and click Create again.
  5. Add Tags if you need them and click Create.

The page is created as a draft and the editor opens.

Create Page dialog with the Home template, the title and the general zone

AreaWhat it contains
Top barDropdown to switch page, Revisions, Preview, Publish and Save
CentrePhone view of the page. Clicking a section selects it and shows a small bar with icons to add, move, duplicate and delete
Right panelContent, Settings, Design and Code tabs
Left sidebarSections, translations panel and other panels

Page editor with the Hero image section selected and its form in the Content tab

Select a section in the phone view. The Content tab shows a field for each editable element, in page order. Field names are set by the section and may be in English. Changes appear immediately in the phone view.

In a button, the link and the text are in separate fields. Text with formatting inside, such as bold or a link, appears as read-only in the form and is edited directly on the page.

A link can be one of four types:

TypeWhat it does
PageOpens another page of the app
WebOpens a URL, for example https://www.yourstore.com
PhoneCalls a number
EmailOpens an email

To change an image, click Pick in its field; the X removes it. The image picker opens, with a search box, the Upload button and the images already uploaded to the app. Choose one and click Select.

Image picker with the Upload button and the Select button

Images and videos also have a description field, which is read by screen readers.

Lists, such as the slides of a carousel, the items of a gallery, the questions of an accordion, steps or tabs, are shown as a list of items, each with its own form. From there they are added, removed and reordered. Carousel options, such as navigation or slides per screen, are in the form itself.

  1. Select the section after which you want to insert the new one.
  2. Click + in the small bar. Add a section opens.
  3. Choose a category or use the search box and click the section you want.

The new section is inserted after the selected one, or at the end, and takes the theme’s colours. Once inserted, it is regular page content: later changes to the section library do not modify it.

Add a section dialog with the categories

The categories are Hero, Promotion, Products, Categories, Gallery, Benefits, Text, FAQ, Stores and contact, Newsletter, Form and Footer.

To duplicate or delete a section, select it and use the copy icon or the bin in the small bar. Some parts of a section may come locked so as not to break the design: they cannot be moved or deleted, or they do not appear in the form.

When you are done, save and review the page as explained in preview and publish.