ClickFunnels Page Editor

By /

ClickFunnels’ 2.0 page editor allows you to edit and create pages for your website.

Start with a blank or one of the available templates. Click to edit the page and drag the rows and sections in place.

Takeaways from

  • Create your own page or use one of the templates already built.
  • No coding skills are required to use the page editor.
  • Customize your page to match your brand and business using the page editor

What is ClickFunnels 2.0 page editor?

ClickFunnels 2.0’s page editor will help you create a website that is cohesive and helps establish your brand.

It is easy to use the page editor and customize your website.

Why should I use ClickFunnels 2.0 page editor?

  • Easy-to-Use ClickFunnels 2.0 allows you to create your website with the page editor.
  • Cohesive design– If you change one page, the changes are made to all pages of your website, shop, or funnel. Your website will look seamless, which helps to gain visitors’ trust.
  • No Coding Required– Do not be afraid if you have never made a website and do not know how to code. It is very easy to use the page editor. It is easy to create an effective website.
  • Mobile– The page editor lets you view and edit your mobile website.

ClickFunnels 2.0 Page Editing Templates

Opt-In page

Currently, there are ten different opt-in templates. Here, customers can sign up for your email list, webinar or whatever else you offer in exchange of their contact information.

Thank You Page

Use the Thank You template as a way to thank your customers for their purchase or other actions. The nine options are all fully customizable.

Sales Page

Create your own sales page using one of five templates. Use a headline that is appealing to customers and list the features of your product.

Order Page

Currently, there are four different order templates. One is a confirmation of order form and the other is an order form. Customers can use order forms to enter their information to complete a transaction.

Webinar Registration

You can use one of the 10 templates to provide a link for your webinar.

Challenge Page

Use one of the templates to create a challenge. You can add details such as the countdown and the itinerary.

How do I find the ClickFunnels Page Editor 2.0?

The page editor is accessible in several ways.

You can create a page from the dashboard or the Pages tab.

Click on the Pages tab, then click the name of the existing page that you wish to edit.

How to access the page editor from the dashboard

This option only applies if you’re creating a brand new page.

  1. Click on Create at the top-right corner.
  2. Select the Page.
  3. Click Start Blank or choose a template.
  4. Choose whether your page will be indexed by search engines. Enter the name, description and URL of your new page.
  5. Click on Create Page.

Now you will be in the page editor.

You can access the page editor from the listing of pages

This option allows you to access the page editor of an existing page or create a brand new one.

  1. Click Sites & Funnels
  2. Select Pages
  3. Click on the page name you wish to edit.

Click New Page and select the template. Then click the name of the new page.

You may need to refresh your page in order for the new page to show up in your list of pages.

Now you will be in the page editor.

How do I use the ClickFunnels 2.0 page editor?

In the section before, we learned to create a new page and how to open the editor. Open your page editor by following these steps.

The page editor on ClickFunnels is shown below.

We have described the functionality of the page editor, and how to use.

Right Side of the Screen

Click the three-line icon next to the name of your page.

  • Standalone Page– The list on the left shows all your standalone pages. Click between the pages to make changes. The page highlighted in red is the page that you are currently editing.
  • Preview styles– Click on this link to bring up a dropdown list of all your styles.
  • Style guide– View the fonts and colors, border, buttons, and shadows of this style.

Top Tool Bar

  • Info – This will display a pop out bar that shows any errors or warnings on your web page.
  • Layout – Click Layout to bring up a menu at the bottom of the screen. You can edit and move the layout of the webpage. Drag and drop each element to the right place. Clicking the three dots will bring up a menu where you can move or edit each element’s settings.
  • My assets – Click on My assets to add sections to the page. This is most important if you’re creating a new page rather than using a pre-made template.
Please note that we have provided more information on the sections you can add to a web page.
  • Popup: Select whether to open the popup or modify the popup settings.
  • Code Click here to add CSS styles to your webpage.
  • Settings – This is where you can modify the background, typography and hover settings.
  • Laptop Icons and Mobile Icons– Click on the icons to see your website’s appearance on a mobile and computer screen.
  • Undo/Redo– Use the undo button if you make a mistake. If you accidentally undo something, then use the redo button.
  • Eye Icon Click on the eye icon to preview the page.
  • Save Click here to save the changes you have made.

Main Screen

You can edit, delete and move elements on the main screen by hovering over them. You can edit text, links, colors and margins.

You can also add new elements by hovering between sections, rows and sections. The colors below are the same as those used on the main display.

Sections (Green in Main Screen)

Sections, as their name implies, are complete sections that you can add to your website. Sections can be blank or templated, such as the header and footer section.

You can include the following sections:

  • Blank
  • Header
  • Stacks
  • Footers
  • Sub Headers
  • Features Sections
  • The About Us section
  • Testimonials
  • Team Sections
  • Offer Sections
  • FAQ Sections
  • Content Sections
  • CTA Scroll Stoppers
  • Navigation
  • General Sections

Rows (blue on main screen)

Add a column of blank text or a section for guarantees to your page. You can add elements to the column.

Elements (Orange in Main Screen)

Sections contain elements. You can add a single element to your section.

Click Add Element to add an element.

You can include the following elements:

  • Headline
  • Sub Headline
  • Paragraphs
  • Bullet List
  • Image
  • Video
  • Video Pop-Up
  • Button
  • Select the Box
  • Audio
  • Input
  • Icon
  • Divider
  • Navigation
  • Link
  • Content Block
  • Order summary, confirmation, and checkout
  • Blog name, link, and author
  • Blog Category Name and Link
  • Blog Post Name, Summary, Link, Publish Date, Image, Collection, Category, Author
  • Download title, image, link, and collection
  • Course name, link, date of publication, description, image, collection, podcast link, and course sidebar
  • Name of the Course Module, its Description, Link and Image, as well as its Publish date, Collection, and podcast link
  • Name of the Course Lesson, its Link, its Image, its Audio, Video and Publish Date.
  • Name of the product, description, price, image, link, and collection
Scroll to Top