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: 

  1. Log into your Create account

  2. Click Content on the top menu

  3. Click Edit This Page (the pencil icon) next to the page you would like to edit

  4. Click the Add Block button in the bottom left-hand corner

  5. 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.

If you have any further questions at all, don't hesitate to contact your Account Manager who will be happy to help.