Funnel Design

Overview

In the funnel design settings, you can create your funnel's appearance or use pre-made design templates.

The design customization interface includes a funnel preview in the center and the settings panels.

To enter design customization mode, click the palette icon in the toolbar.

Display Settings Panels

The top and bottom panels contain options for adjusting the preview display and performing other actions:

Action
Description
  1. Scale

Zoom in or out on the funnel preview

  1. Save as Template

Save your customized theme as a template to quickly apply the same settings to another funnel

  1. Hide Interface

Hides the right and left panels

  1. Exit Design Customization Mode

Returns you to the workspace

  1. Toggle: Website / Widgets

Switch the preview to display as a website or widget

  1. Toggle: Mobile / Web

Switch the preview to show the funnel in mobile or web view

Choose a Theme Template

You can apply a ready-made design theme template to the funnel. To do so, go to the “Design Themes” tab in the left panel and select a template.

To apply the design theme to the funnel, you don’t need to save anything. Simply exit the design mode by clicking the X in the top panel. The theme has already been applied to your funnel.

View Step Types

You can see how different step types will look with your selected design settings. To do so, go to the “Steps” tab in the left panel and choose a step type.

Design Settings

The design settings panel consists of several sections:

Settings Block
Description
  1. Background (more details)

Website background

  1. Accent Color (more details)

Color for buttons and other interactive elements

Button and form rounding

  1. Step Design (more details)

Background settings for interactive step blocks

  1. Text Fields (more details)

Text field settings

Last updated