Editor: Page Editor Overview

This article explains the ClickFunnels Editor. This feature simplifies website creation with an intuitive interface and powerful features for all skill levels. Offering the convenience of “click to add” and “drag and drop” functionality, you can effortlessly customize your pages by adding elements with a simple click or rearranging them seamlessly with a drag and drop motion. This user-friendly approach empowers you to design professional-looking pages without coding knowledge, enhancing creativity and efficiency in the website development process.

Table of Contents

• Requirements
• The Menu Bar
• Add a Section
• Add a Row
• Add an Element
• Additional Information

Requirements

• An active ClickFunnels 2.0 account

The Menu Bar

The top menu bar contains the general menu over the editor. Listed below are the individual menu and their general functionality.

• Help: The Help icon provides access to assistance and guidance resources within the interface, aiding you in navigating features and resolving queries.
• Info: The Info icon offers supplementary information or tooltips to provide context or clarification about specific elements or functions.
• Layout: The Layout icon allows you to customize the arrangement and structure of elements within your designs, enhancing flexibility and aesthetics.
• My Assets: The My Assets icon provides quick access to your saved assets, such as saved sections and section templates, facilitating efficient reuse and management.
• Pop-up: The Pop-up icon allows you to add interactive pop-up elements to your designs, enhancing engagement and interactivity.
• Style Guide: The Style Guide icon provides access to predefined style presets or guidelines, ensuring consistency and coherence in design aesthetics.
• Settings: The Settings Icon grants access to configuration options and preferences such as Background and Typography, enabling you to customize the interface according to your needs.
• Desktop View: The Desktop View icon indicates elements or features viewed on desktop devices.
• Mobile View: The Mobile View icon signifies elements or features viewed on mobile devices.
• Undo: The Undo icon allows you to reverse the previous action, restoring the design to its state before the change was made.
• Redo: The Redo icon enables you to reapply the previously undone action, restoring the design to its state after the undo operation.
• Preview: The Preview icon lets you preview your designs in real time, showing viewers how the final output will appear.
• Save: The Save icon allows you to save your work and changes, ensuring that modifications are preserved and can be accessed later.

Back to Top

Add a Section

1. Click the Add new section button to open the right-side menu.
   

2. Select your Saved Section, Blank Section, or choose your preferred Section Template under Categories.

   Click the section you want to add or left-click-hold, then drag and drop the section to the add new section area to insert the new section.

   

Back to Top

Add a Row

1. Click the Add new row button after adding a new section to insert a new row.
   

2. Choose the number of columns you prefer for the rows, or add your Saved Rows.
   

Back to Top

Add an Element

1. Click the Add new element button.
   

2. Select the element you want to add.

   • Click the element you want to add or left-click-hold, then drag and drop the element to the add new element area to insert the new element.

   • The elements are grouped according to their specific category. For example, you can find the image, video, and audio elements under the Media category.

   

Back to Top

Additional Information

• Academy: Getting Started: Lesson 5: Page Editor

Back to Top