You can add custom code snippets to your site using the code insertion fields in Website Settings.
Use the HTML Embed block to add HTML and scripts that enhance your site. Some of the code that can be added include:
- Live chat services
- Site analytics
- Google Tag Manager
Note: HTML Embed functionality cannot be used for adding content or styles. To add content to your site, add a block. Visit this tutorial to learn more.
How to add a custom HTML block
Click on the +Add a block button. In the Block library, choose HTML Embed:
The block adds to the space on the page that you have chosen. It will look like this:
You can now start embedding various types of custom code into your page. To access the Custom HTML function, click on the block to activate the control pane:
For more information on how to embed content, please read these tutorials.
How to add site-wide custom code
- In the main menu, click Settings…
2. Scroll down to the Custom code area.
3. In the service from which you want to add code, copy the HTML code, and paste it in an appropriate field:
- Inside <head> tag: Code added in this field is injected into the <head> tag on every page of your site.
- After <body> tag: Code added in this field is injected after the opening <body> tag on every page of your site
- Before </body> tag: Code added in this field is injected before the closing </body> tag on every page of your site.
The results will not be visible at this stage. Click Submit and Publish for your code to be executed.
Integrating Google tools
You can connect Google services by adding Google Webmaster verification code and Google Analytics in the Integrations tab:
Add the relevant data and click Submit, then Publish.
For more information on adding Google Webmaster code and Google Analytics read these:
Google Webmaster verification steps
Adding Google Analytics to your site
How to add per-page custom code
- From the main menu, go to the Pages menu and click on the “cog” icon next to the page where you want to inject custom code.
- In the Page Settings menu, scroll down to the Custom code section.
- In the service from which you want to add code, copy the HTML code, and paste it in an appropriate field:
A. Inside <head> tag: Code added in this field is injected into the <head> tag on this page only.
B. After <body> tag: Code added in this field is injected after the closing </body> tag on this page only.
C. Before </body> tag: Code added in this field is injected before the closing </body> tag on this page only.
- Click Submit and Publish. Your custom code will be added to your page.
FAQ: How do I know in which area to add the code?
Some service providers give you instructions on which part of the HTML to add the code.
