Ontraport’s page editor (called Pages in app) allows you to customize pages using an intuitive drag-and-drop interface. Pages are made up of elements, such as text and images, that are housed inside of blocks which are the frames that create the layout of your page. Creating a page is simply a matter of arranging blocks and styling the elements to your liking.
Check out the video about creating and publishing a page to learn more.

To create a page from scratch:

  • Go to Pages  → New Page .
  • Choose to start from scratch — you also have the option to pick a pre-built template to customize.
  • Name your page.
  • Click  the plus symbol icon to add a block to your page.
    1. Click   to open your block’s settings, and add columns and rows to create the layout of your page.
  • Click and drag the page element you’d like to add from the pallet to your canvas.
    1. You can add forms either by adding form blocks to your page or by adding form elements to your page to build a custom form.

To edit your page settings:

  1. Click   on the top left to edit your page settings.
  2. Click revision history to view previously published versions of your page.
    1. To restore a previously published version, choose the version of your page that you want to revert back to, then click SelectContinue to confirm your changes.
  3. Click  to share your page with other users.
  4. Click  to split test your page.

To edit your element settings:

  1. Click the element you want to edit, then:
    1. Click  to set up your elements.
    2. Click  to control the padding, margins, alignment and sizing of your element.
    3. Click  to customize the appearance of your element.

Note: some elements, such as text and icons, don’t have a style button.

To set up desktop and mobile views:

At the top of your page editor, there are three icons you can use to customize how your page appears when it’s visited on different devices.

  1. Click   to see all blocks on your page — both desktop and mobile-only blocks.
  2. Click to see how your page will display on computers.
  3. Click  to see how your page will display on mobile devices. You can also set mobile fonts and mobile width.
    1. Mobile width — or mobile breakpoint setting — lets you choose the viewing screen width that will trigger your page to be presented with mobile styling.