Funnel Builder Overview and Configuration

Modified on Tue, 10 Sep at 6:32 PM

The Funnel or Website Editor gives you the flexibility to design and edit your pages. You can choose from four structural elements: Sections, Rows, Columns, and Elements. These are color-coded for easy identification—Sections are green, Rows are blue, Columns are lilac, and Elements are orange.

In the top-left corner of the Overview page, you'll find icons representing a Phone and a Desktop. Switching between these will help you optimize your funnel or website for both mobile and desktop devices. If you need to reverse a change, click the Undo arrow, or use the Redo arrow to reapply an adjustment. To preview any Custom HTML/JS you've added, click the icon next to the Redo button.

Editor Overview



Managing Your Funnel

In the top-right corner of the page, you'll see several useful tools. The Preview button lets you check how your funnel appears live. To save any changes you've made, click the Save button. The Version button allows you to view and revert to earlier versions of your funnel.

Preview



Customizing Page Options

You can modify page settings by clicking the Settings dropdown in the upper right. This allows you to adjust both general and advanced settings for any selected Section, Row, Column, or Element.

Settings Dropdown



SEO Meta Data Configuration

It’s essential to customize the SEO metadata for your page. First, change the default SEO Page Title and provide a relevant description.

  • Title: Enter the title of the SEO page here. This is required to save your work.

  • Description: Provide a short summary of the SEO page content.

  • Keywords: Add relevant keywords to enhance search visibility.

  • Author: Enter the name of the page author.

  • Social Image: Upload an image or logo that will be displayed when your page is shared on social media.

SEO Meta Data


Custom Meta Tags and Canonical Links

You can further optimize your page by adding custom meta tags. Click the +All button, then input the desired tag name and content. Similarly, you can add a Canonical link by selecting the +All button and pasting the relevant URL.

The SEO preview section gives you a quick glance at how your website will appear in search results.

SEO Preview



Tracking Code Integration

To add tracking codes, click on the Tracking Code option from the features list. A popup will allow you to insert either a Header or Footer code.

Tracking Code


Adding Custom CSS

You can also input custom CSS to further personalize your page. Just click on the Custom CSS feature, and a popup will appear where you can add your code.

Custom CSS


Background Settings

To modify the background, use the Backgrounds option to change the color. If you don’t find a suitable color in the default palette, you can input a custom color code.

Background Settings


Typography Adjustments

With the Typography option, you can customize the color of your text and links. By default, text is either black or blue, but you can choose any color to apply. You can also adjust the font size for both headlines and general content.

Typography


Popup Feature

You can include a popup on your funnel or website by selecting the Popup option. To customize its look and behavior, use the Open Popup Settings button, allowing you to tailor the popup to your specific needs.

Popup Settings


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article