Skip to main content

How to Add an HTML Section to a Page

A guide to using the custom HTML section for embedding third-party widgets and unique code-based layouts.

Updated over a week ago

The HTML section provides a custom code block for embedding your own HTML directly into a page. It is the most flexible section type, letting you add anything from third-party widgets to completely custom layouts.

Adding an HTML Section

  1. Open the Custom Pages Editor from your dashboard at app.wander.com.

  2. Select the page you want to edit.

  3. Click the + Section button and select HTML under the Basics group.

  4. Click the section in the preview to open the editing sidebar on the right.

Customization Options

  • Edit HTML: Click this to open a full-screen code editor with syntax highlighting.

  • Supported Tags: Standard HTML tags are supported, including images, videos, iframes, and inline styles.

  • Isolated Rendering: The HTML renders inside an isolated container so your custom styles won't interfere with the rest of your site.

Pro Tips

  • Script Tags: For security, <script> tags are automatically removed. If you need interactive functionality, use iframe-based embed codes.

  • Responsiveness: Always test your custom HTML on both desktop and mobile views to ensure it scales correctly.

  • Use Cases: Ideal for embedding Google Maps, custom calendars, or specialized booking widgets.

Did this answer your question?