HTML Snippet
This widget provides an easy way for you to include an external embedded Widget or a block of Custom HTML code on your web site/WebApp.
When first dropped into the Page Editor, the HTML Snippet appears as a small red outlined rectangle. Double-click on the HTML Snippet, as seen above, to access its advanced properties.
The HTML Snippet is a widget that can contain external HTML code. The widget is often used to embed external components (Maps, Videos…). It can also contain any type of HTML code.
Important
Make sure you understand what you are doing before using the HTML Snippet, malformed HTML code could break your page content and cause problems with your web site or WebApp.
Also be aware that some external HTML components may not be displayed in the editor because they don’t allow a local access. They may only be available only when the Website is hosted on a server.
This component configuration window contains only a Text area in which you can enter your HTML code. Just enter your code and click the Apply Button to see your code in action.
Tips
If you wish to Embed a Web Site within a Page, use instead the HTML Web Site Embed Widget. But you can do it with the HTML Snippet by adding the following code to your Snippet:
<iframe src=“https://www.yourwebsite.com”></iframe>
Important
If your PWA or Web Project is served over https, make sure that all the embedded code is also served over https
Example
Example of Snippet implementing an Airtable Gallery View. ( https://airtable.com )
