The HTML widget allows you to add items and functionality that may not already be built into the Drag & Drop Builder.
Using the HTML widget
To add your code, click the HTML widget on the page to select it, then click HTML to open the editor fly-out. Once selected, you will be able to paste in your code, as seen below.
Click the blue Save button within the HTML widget after adding or changing your code to ensure that it’s retained when you publish or update your page.
Surveys, maps, Facebook comments and more
The HTML widget can be used to add functionality that may not already be built into the Drag & Drop Builder. Below are a few examples of common use cases. Keep in mind that we do not provide the code for these elements—services will often provide code you can use on webpages. Look for an “embed” or “iframe” option in the service you use to see if they provide HTML code.
Steps to embedding a Google Map
- Enter the location you'd like to embed into Google Maps then click Share.
- Select the "Embed a map" tab.
- Click Copy HTML.
- Paste your Google Maps embed code into an HTML widget in Leadpages and click Save.
Google's embed code will default the map to a specific size, however, once you paste the embed code into the HTML widget in Leadpages, you can change the height and width of the Google Map (we'd recommend keeping the same ratio) like so:
Changing the width and height of your map is a great customization to use when creating a mobile-only section of your page for your mobile visitors. More information on device-specific display ↗
- All code added to an HTML widget is taken as is, and is not validated by our builder.
- Customizing and styling content added to an HTML widget must be done within the HTML itself.
Tips and Frequently Asked Questions
Where can the HTML widget be used?
The HTML widget can be placed alongside any widgets on your page. When placed next to another widget, the width of HTML modal can be adjusted. Keep in mind that unlike other widgets, sizing and alignment are determined mostly by your code.
Why isn't my HTML widget working in the builder?
The HTML you use will not be rendered live in the builder, but will be able to see it in the preview mode or live version of your page.
What happens if I change something and it stops working?
We recommend using caution when editing your HTML code. Please note we cannot provide support for third-party code or help troubleshoot issues you may have with it. If you need assistance with your code, please consult your code provider’s documentation or support options.
(Updated January 23, 2019)
Please let us know if you have additional questions.
You can always file a support ticket if you have additional questions by clicking the ? support button at the top-right corner of your account dashboard or by clicking here to file a support ticket.