Builder Basics

Learn how to use the ConvertPages builder

Adding Sections & Elements

Your pages are made of sections, and sections contain elements. Once you're in the builder, you can add in a section template by selecting any template. Categories are also listed on the left side so that you can choose the right template. You can...

Adding Sliders

Sliders are sections that can contain multiple "slides", or segments of content that the visitor can switch between. To create a slider, click on the plus "+" icon at the top right and select "Blank Slides". Here, you can add elements normally, si...

Section Settings

After you pull in a section, a side panel will appear on the left. Here, you can see a preview of your section, set a background image, video, or color; change the section's typography style, set the section height, move the section up or down, an...

Page Options

Inside Page Options, you can preview the desktop, landscape & portrait tablet, and mobile view of the current section. You can also change builder preferences, set page size, view a printable version of the page, change the builder zoom, and chang...

Undo/Redo

The undo and redo feature of the builder allows you to build with confidence knowing that any change you don't want can be reverted with one click. To undo the most recent change, you can either press Ctrl+Z (or Cmd+Z on Mac) on your keyboard, or ...

Tablet & Mobile Scaling

When building out your pages in desktop view, ConvertPages automatically scales down the content to fit tablet and mobile views for your visitors. By default, your page will be shown in the builder the same way it will be shown to desktop viewers....

Block Settings

Block settings on the left side panel allow you to set a background image, video, or color for a block, change content alignment, set auto-fit, change padding, and much more. To set a background image for a block, click on any block and select "Im...

Advanced Settings

You can change many different aspects of elements as well as the block they're contained in, using the Advanced Settings. To set the padding and margin for an element, select an element or block and click the Advanced Settings icon at the bottom l...

Layer Navigator

Using the layer navigator, you can select any element within any block with ease. This is best used when you have multiple elements overlapping each other. Usually, in this case it can be difficult to select the correct element. To access the laye...

Saving & Previewing

To save your changes within the builder, click on "Save" at the top right of the builder and select the blue publish button. To preview your changes, click the Eye icon at the top right of the builder. This opens a preview for when the builder was...

Adding & Configuring Steps

Steps are pages that a visitor goes through in your funnel. To create a step, click on the plus "+" icon at the top of the page. Name your step, and click "Create Step". To rename a step, click on the dropdown next to any step and select "Rename S...

HTML Editor (Advanced)

The HTML Editor allows you to view an entire section's code so that you can make changes to the page's HTML. This allows you to easily add in-line CSS for elements, embed external code onto the page, and make changes to existing tags. To access th...