Custom HTML Content in Marker Popups
Overview
MapStore allows you to enhance the user experience by adding custom HTML content to the popups displayed when clicking on a store marker. To ensure security and consistency, only specific HTML tags are permitted. This guide will walk you through how to add and format your custom content.
Allowed HTML Tags
When adding custom HTML content to a marker popup, you can use the following tags:
Paragraphs: <p>
Bold text: <b>
Italicized text: <i>, <em>
Strong emphasis: <strong>
Links: <a>
Lists: <ul>, <ol>, <li>
Headings: <h1>, <h2>, <h3>
Line breaks: <br>
Images: <img>
Containers: <div>
Buttons: <button>
Any HTML outside of these allowed tags will be stripped from the content.
Adding Custom HTML to a Marker Popup
- Navigate to the store you want to add custom HTML content to
- Locate the "Advanced content customization with HTML" section
- Enter your HTML content using only the allowed tags
- Save changes and preview the marker popup
Example:
Security and Restrictions
Only the listed tags are allowed; any other tags will be removed.
Inline JavaScript (e.g., in <script> or event handlers) is not permitted, except for standard onclick in <button> elements.
Ensure external images and links are from trusted sources to avoid broken content.
Troubleshooting
HTML not displaying correctly? Double-check that you are only using the allowed tags.
Broken links or images? Ensure the URLs are correct and publicly accessible.
Popup content not updating? Try clearing your browser cache or refreshing the page.