HTML Snippets may also be added as stand-alone content elements on the page, but the HTML option from inside the Text and Image editor is a more appropriate choice when you need to achieve some special positioning of the snippets in relation to the rest content - for example by using tables.
- Open the Text and Images editor by clicking the wrench icon on top left when you rollover a text piece or by selecting Add Content > Text and Image from the top menu.
- Position the cursor where you wish to have the HTML code and click on the HTML icon from the toolbar on top. A placeholder will indicate the HTML snippet positioning.
- Click on the HTML Snippet placeholder and paste the code in the text box displayed on the right.
- Press UPDATE at the bottom of the editor to apply the changes on the page.
When adding custom code inside an HTML Snippet users are advised to double-check its correctness as faulty code pasted in the HTML snippet can spoil the appearance of a site or cause problems with the proper functioning of the website editing tools. Please observe the following tips when adding third party code to your site:
1. PLEASE, ALWAYS TEST NEW HTML SNIPPETS on a disposable page of the site, in the page body area. Never add snippets in the shared header/footer unless you have already verified it is compatible and working as expected with your site.
2. Always add the HTML snippet as an independent element first when testing it.
3. If the snippet causes issues, the broken page can be deleted from Control Panel > Manage Pages.
Failure to test custom code prior to installation will require engineer support to repair the issue. Please keep in mind that this is a PAID SERVICE if required.