Manual/Live Mock/Inserting elements

Inserting elements

Beyond editing existing elements, you can also insert brand-new elements into the page — useful for trying out a banner insertion or previewing a new section's look. This is a Pro-only feature.

Choosing where to insert

1. Click "Insert element"
2. Hover over the element you want to insert relative to, then click it
3. Choose the insertion position: before the selected element / as its first child / as its last child / after it
4. Type the HTML you want to insert into the text area and click "Insert"

Undoing

Inserted elements also appear in the "Applied changes" list and can be undone individually. The inserted range is tracked with HTML comment markers, so it can be removed precisely. Reloading the page reverts everything.

Next steps