The Editor section is at the heart of the funnel and website builder. Whether you're designing a landing page, a multi-step sales funnel, or a full website, it gives you everything you need to create, customise, and optimise your pages.

Add Elements

This is where you add components to your page. Here's a breakdown of the options:

  • Sections: Represented by green, these are the largest building blocks of your page.
  • Rows: Shown in blue, rows help organise content horizontally within a section.
  • Columns: Displayed in lilac, columns allow you to split rows into vertical sections.
  • Elements: Marked in orange, these are the individual components like text, images, or buttons.

You'll also find additional options like:

  • Prebuilt Sections: Pre-designed layouts to speed up your workflow.
  • Saved Sections: Reusable sections that can be applied across multiple pages.
  • Widget Marketplace: A library of widgets to enhance your page's functionality.
  • Buttons: Add call-to-action buttons to guide your visitors.
  • Forms and Surveys: Create, add, and manage forms or surveys directly within the builder.
  • Social Media Icons: Integrate links to your social profiles.
  • Countdown Timers: Create urgency with time-sensitive elements.
  • Images: Insert visuals to make your page more engaging.
  • Progress Bars: Show progress for goals, sign-ups, or other metrics.

Layers

The Layers panel helps you manage the structure of your page:

  • Page: View and organise the main content of your page.
  • Popup: Manage popup layers for additional interactivity.

Pages

This section lists all the pages in your funnel or website. Navigate between them to make edits or updates.

Tracking Code

To add tracking codes to your page, click Tracking Code in the page features. A popup will appear where you can import your Header or Footer code.

Custom CSS

You can also add Custom CSS via the page features. A popup will appear for you to input your custom CSS code.

Typography

Access the Typography option to change the Text and Link colour from the default Black or Blue to a colour of your choice. Bear in mind that you can only change the entire text to a single colour. You can also adjust the font size of your Headlines and Content.

Background

To change your page's appearance, select the Backgrounds option. You can modify the background colour by choosing from the displayed options. If the colour you want isn't listed, type in a custom colour code.

Select the pop-up button to add a pop-up to your funnel or website. To adjust it further, click Open Popup Settings to customise its appearance and functionality.

SEO Meta Data

📌NOTE: Change the Default SEO Page Title and description.

  • SEO Preview: If you want to preview your SEO page, scroll down below the "SEO Preview" button. It gives you a sneak peek of what your website will look like in search results.
  • Content: Add or edit the main content of your page to ensure it's relevant and engaging for your audience.
  • Keywords: Include common keywords in the Keywords field to help your page appear in relevant search results.
  • Author: Enter the author's name in the appropriate field to give credit and establish authority.
  • Social Image: Upload an image or logo to represent your page when it's shared on social media platforms.
  • Link & Tags: Add relevant links and tags to improve navigation and categorisation for both users and search engines.
  • Language: Specify the language of your page to ensure it's indexed correctly and reaches the right audience.

Preview Custom Code

To see any custom code you've added, click the Preview Custom Codes button.

Add a cookie consent banner to comply with privacy regulations and keep your visitors informed about how their data is used.

Columns

Use columns to organise content vertically within a row. This is useful for creating side-by-side layouts or dividing content into sections.

Pages Dropdown

The Pages Dropdown lets you switch between pages in your funnel or website, making it easy to manage multiple pages at once.

Desktop and Mobile View

In the middle of the page builder, you'll find phone and desktop icons. Toggle between them to preview how your page looks on different devices.

Versions

The Versions button lets you review past changes to your page, so you can track progress or revert to an earlier design.

Do and Undo

Use the Undo arrow to reverse your last action. If you change your mind, click the Redo arrow to reapply the change.

Option Settings

To access page settings, click the Settings dropdown in the upper right corner. From here, you can adjust the general and advanced settings for any selected element (Section, Row, Column, or Element).

The upper right corner also has several icons to help you manage your funnel. The Preview button lets you see how your funnel looks online. When you're done, click Save to save your changes and Publish to make them live.

You're all set to start building.