If you have some HTML that you would like to add to your website, you can do so by storing it in an HTML Fragment and then inserting the HTML Fragment where you would like it to appear in the content (or behind the scenes) of your website.
You can insert an HTML Fragment in more than one place on your website, or place it in a Side Column or the Footer of your website if you would like it to appear on every page of your website. You can edit the HTML Fragment whenever you need to and you should not need to re-insert the Fragment into your content area but we do advise that you Publish your website after doing so, so that the changes you have made will be pushed to your live website.
To get to the HTML Fragments screen take the following steps:
This screen will list all of the HTML Fragments, if any that you have previously created.
If you wish to completely remove an HTML Fragment from your site then click the delete button that appears next to it. You will be asked to confirm that you do really want to remove the fragment. If you are sure then click the "Yes-Delete" button.
When creating an HTML Fragment, you have three type choices.
Manual - This option will not automatically place the HTML Fragment anywhere on your website, but rather allow you to place it yourself. See below for instructions on how to manually place a HTML Fragment.
Head - This option will place the HTML Fragment in the Custom <HEAD> option across your whole website, saving you from having to manually add it to each page’s Meta Information. You can still manually add code to individual pages from within their Page Settings.
Body - This option will place the HTML Fragment as if you were adding it to your Site Footer. This saves you from having to add HTML Fragments to the Custom Footer area in your ‘Content’ screen, leaving that for your website content.
Once you have created an HTML fragment with the 'Manual' option, you will need to insert it onto one of the pages of your website. To do this, take the following steps:
Click Content on the top menu
Click Edit This Page (the pencil icon) next to the page you would like to edit
Click the Add Block button in the bottom left-hand corner
From the drop-down menu, select Custom
6. You can then drag and drop the Custom Element content block onto the desired place on the page.
Once the Custom Element block has been added to the page, you can click the + icon and use the drop-down menu to select what content you would like to add to the page.
You’ll see you can select content including Widgets, HTML Fragments and Custom Forms, as well as combinations of other blocks such as Buttons, Headers, Images, Videos, Maps and Text.
A placeholder icon will be added to the page and if you click the Settings icon, you can specify exactly which widget or HTML fragment for example, that you would like to use. Click Done and then save your changes.
You can now preview and/or publish your site to see your HTML fragment working on your site.