Funnel/Website Builder - Overview and Settings

The Editor section of a Funnel or Website enables you to create and modify your pages. There are four options to choose from: Section, Row, Column, and Element. Each option is represented by its color: Green for Sections, Blue for Rows, Lilac for Columns, and Orange for Elements.

In the upper left corner of the Overview page, look for the icons representing both a Phone and a Desktop. Toggling between them will allow your Funnel/Website to be accessible on both Mobile devices and Desktops. To tweak or undo your changes quickly, click on the Undo arrow, or click on the Redo arrow to apply adjustments. For a preliminary view of any Custom HTML/JS you've included, hit the icon next to the Redo arrow.

The upper right corner of the page has several icons to help you manage your funnel. One is the Version button, which enables you to review past changes made. Beside it is the Preview button that allows you to view how your funnel looks online. Don't forget to save changes by clicking on the Save button. Lastly, there's the Funnel Page Filter icon, which allows you to navigate between the different funnel pages that you've created.

To access page settings, click on the Settings dropdown menu located in the upper right corner of the page. Here, you can modify the page's title, description, author, keywords, social image, custom meta tag, and SEO preview.
​

Warning: Change the Default SEO Page Title and description.

To add tracking codes to your page, click on the Tracking Code option within settings. A popup will appear for you to import your Header or Footer code.

You can also add Custom CSS via the settings button. A popup will appear here as well for you to input your custom CSS code.

To change the appearance of your page, select the backgrounds option. This will allow you to modify the background color by choosing from a selection of colors. If the desired color is not available from the displayed options, you can add your custom color by selecting the option and typing in your custom color code.

Access the Typography option in settings to modify the Text and Link color from the default Black or Blue to a color of your choice. However, keep in mind that you can only change the entire text to a single color.

Additionally, you can adjust the font size of your Headlines and Content.

By selecting the popup button, you have the option to incorporate a popup into your funnel or website, providing an additional interactive element for your visitors. To make further adjustments to the popup, simply click on the Open Popup Settings button, which allows you to customize its appearance and functionality according to your preferences and goals.

You can manage the existing section here. When you click on the "Manage" option, you will see the "Reorder" icon that allows you to edit your settings. You will also see the "Visibility toggle" icon, where you can either make your page content visible or invisible. You can also Clone/copy, save, or delete your content by clicking on the "Clone, Save, or Delete" icon, respectively.

There are three (3) ways to access these settings;

These three ways direct you to Settings. The Setting is divided into two: the General settings, and the Advanced settings.

This is where the majority of the edits are made.

Here you will see the default name/title of the Edit option you are working on. You can decide to leave at that or rename it.

There are different spacing options available for adjusting your content. Depending on the Edit option you are working on, the settings will only be applicable to that option. For example, if you are editing a particular Row (the BLUE box), only the content in that Row will follow the command of what settings you make.

To change the background color of a specific edit option, such as the Section, Row, Column, or Element, simply click on the content that you want to adjust the background of.

Adding a box shadow can also make the border visible on a box.

You can use the Sticky option to choose whether your Sections will remain at the top or bottom of the page when you scroll down.

To add a background image, click on the image button on the right side of the BG image box, upload or select an image, and copy the URL from the top right corner of the page to add it.

In advanced settings, you will have options for borders, visibility, custom class, and CSS selector.

To customize the visibility of an Edit option, select the icon to highlight either mobile devices, desktops, or both.

You can also input your custom class in the Custom Class field.

If you need to copy the Custom CSS, select the Copy icon located on the right side of the reference code.