Mapaprop

HTML Editing

This help article explains the HTML Mode of the pages and blog posts editor. It lets you edit the content's HTML code directly instead of using the visual editor.

HTML Mode is an advanced feature for users with technical knowledge. If you've never worked with HTML code, we recommend staying in the visual editor.

Accessing HTML Mode

From the editor of any page or blog post, within the Content Editing tab:

  1. On the top toolbar, find the </> button (last group of icons).
  2. Press the button. A confirmation notice with a warning appears.
  3. Press Accept to enter HTML Mode.

The editor switches to a dark background with monospaced text (similar to a code editor). In this mode you can see and edit all the content's HTML code.

Going back to the visual editor

To go back to the visual editor, press the </> button again. Another confirmation appears: press Accept to go back.

Your HTML code is preserved when switching modes and when saving, even if it includes elements that the visual editor doesn't display:

  • <div class="..."> with custom classes
  • <script> for tracking, external forms, widgets
  • data-* attributes and other non-standard ones
  • Complex structures (tables, iframes, embeds)

These elements are saved correctly when you press Save, even if they don't appear on screen when you switch to the visual editor. This is intentional: the visual editor only shows what it understands, but the source code remains intact.

What HTML Mode is for

The visual editor covers most cases (bold, lists, headings, links, images), but there are features that can only be added through HTML code:

  • Videos from Youtube, Vimeo or other platforms — by pasting the embed <iframe> code.
  • Maps from Google Maps — by pasting the embed <iframe> code.
  • External forms (surveys, lead capture, advanced contact) — by pasting the provider's embed code.
  • Custom text alignment, colors and font sizes — using style="..." attributes.
  • Links on images (clickable photo) — combining <a> with <img>.
  • Complex tables.

These tutorials show practical examples of HTML Mode for specific tasks:

Learn basic HTML

If you want to learn the fundamentals of HTML, there are many free resources available:

You don't need to learn all of HTML to use this mode. For typical cases (inserting a video, a map, a form), it's enough to copy the embed code provided by the source platform (Youtube, Google Maps, Typeform, etc.) and paste it into HTML Mode where it belongs.