Add Custom HTML

On select plans, you can add your own custom HTML to expand the capabilities of the SiteSwan editor. This feature is commonly used to add third-party applications, like food ordering services and mailing list applications and others, and requires you to insert some HTML code (or an “HTML snippet” or “code snippet” or “invocation code” among other common terms) into your site. There are several ways to insert HTML code onto your sites, and we outline them below.

 

Please note: this feature is for advanced users only and is only available on select plans. You should only add code from a trusted source. Only add code if you know exactly what it does and how to troubleshoot it if it doesn't work. SiteSwan's Support Team cannot troubleshoot custom code.

 

OPTION 1 - Add an HTML Post to a Single Page on Your Site

This is most often used when you need to insert a string of HTML code that is written to display something on a page of your site (like a “widget” or when “embedding” something). You will see this post type on the Content Creation Toolbar when adding content to your sites. Simply copy-paste the code into the box and click “Post”.

html-post-type.png

 

Note: You will not be able to view the results of the HTML while logged into the site, and viewing it while in "edit mode". You will either need to view the site in “Preview Mode” or open the site in a different browser that you’re not logged into the site with.

 

 

OPTION 2 - Adding Site-Wide HTML

This is most often used when you need to insert HTML code onto every page of the site (like an ID tag or pixel code, many times used for digital advertising campaigns). There are 3 ways to insert site-wide code, and they are all available from the “Edit Site Details” screen in your SiteSwan dashboard. You will see "Header” and “Top Body HTML” (code gets inserted right after the opening <body> tag of the site) and “Bottom Body HTML” (code gets inserted right before the closing </body> tag of the site).

edit-site-details.png

 

site-wide-html.png

 

Have more questions? Submit a request

Comments

Powered by Zendesk