"We are revamping our Knowledge Base articles to serve you better. In case you find something unusual, do not panic. Reach out to our Support Team by submitting a ticket if you ever need some help.”

Inline Editing Inside DropFunnels editor

Inline Editing Inside DropFunnels Editor

You can choose whether to edit text areas inline or in the editing window.

(Note: For more effective inline editing, it's recommended to pin the editing window to one side of the layout. You can do this by using the drag handle located at the top of the panel and moving it to the right or left of your page until you see a vertical blue bar appear.)

How to Edit Inline

To edit inline, follow these steps:

Step 1: Move your cursor into the module you want to edit and click on it.

Step 2: The toolbar will change to display editing icons specific to the type of module you're editing.

Step 3: Your cursor will also change to an editing cursor. Click where you want to make your edits and start editing.

Step 4: For a new module, drag the module into your layout as usual, then click inside the empty module in the layout.

Here's an animated example of editing a Heading module: Once the cursor is placed in the module and clicked, the editing icons appear, allowing you to edit inline. Simultaneously, the Heading module editing window opens, so when you're finished, you can either click "Save" in that window or proceed to the next module you want to edit. Settings for rows, columns, and modules are saved simply by opening another item for editing.

the-basics-inline-editing-1-7f73299c57a34a4c575af12b24efbf27

If you add a shortcode or embed an object such as a video, when you start editing inline, the shortcode or embed renders and you can edit the text around it, and when you click outside of the module layout area, the shortcode or embed code returns. To edit the shortcode or embed code itself, edit it in the editing window.

Editing Icons

The editing icons that appear depend on the type of module you're editing.

Here's the set of icons for text editor field

download

Here's the set of icons for basic text fields, such as the Heading field in a Heading module.

Monosnap Screen Shot 2023-10-15 05-01-00

Modules That Can Be Edited Inline

Any module that contains a text field or text editor area can be edited inline. Here are some examples:

Button module: You can edit the text in the button.

Callout module: You can edit the heading, the text area, and the call-to-action text if you've selected text rather than a button..

Number counter module: You can edit both the text and the number inline.

Was this article helpful?

Related Articles

DF Black Trimmed

ANNOUNCEMENT:
Our Knowledge Base articles are undergoing a comprehensive overhaul to enhance your experience.

If you encounter any unexpected issues or irregularities, feel free to connect with our Support Team by submitting a support ticket for prompt assistance.
Join our Slack Workspace

Join the DropFunnels Slack Workspace and get access to the DropFunnels team, other DropFunnels members, twice-weekly support calls and more!

Join our Slack Workspace

Become A DropFunnels Wizard


Complete our Fast Start Training and learn everything you need to know to launch your first or next funnel.

From Lead Capture to Products, Courses to Blogs, this easy-to-follow training covers it all.

We’ll even give you $50 credit for completing the training!


Become A DropFunnels Wizard