Help Centre

Support > Designing and Building Your Website > Adding Your Content

How To Add A HTML Fragment To Your Website

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.

Creating, Editing & Deleting HTML Fragments

To get to the HTML Fragments screen take the following steps:

  1. Log in to your Create account
  2. Select "Content" on the Top Menu
  3. Click "HTML fragments" from the left-hand menu

This screen will list all of the HTML Fragments, if any that you have previously created.

To create a new HTML Fragment:

  1. Click on the "New HTML Fragment" button at the top of the screen
  2. In the "Description" box enter something descriptive so that you know what the HTML code is for or what it does. This is just for your reference and will not appear on your site
  3. Paste your HTML code into the large "HTML Code" box
  4. Choose between the ‘Manual’, ‘Head’ and ‘Body’ types.
  5. Click the "Add HTML Fragment" button
  6. You will be returned to the "HTML Fragments" screen where your new fragment will now be listed

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.

Types of HTML Fragment

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.

Placing HTML Fragments Manually On Your Pages

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: 

For Content Pages:

If you are using Content Pages then click here to see how to add a HTML Fragment using a Custom Block. 

For Pagebuilder Pages:

  1. Click on "Content" on the Top Menu
  2. Click "Edit" (the pencil icon) next to the page you would like to attach the code to
  3. Drag and drop the HTML Fragment icon to the desired place on the page
  4. On the side menu, click the search bar to search for your newly created HTML Fragment
  5. Once selected, click "Done", followed by "Save" to save your changes

You can now preview and/or publish your site to see your HTML fragment working on your site.