Sunday, February 19, 2017

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. Click the "Add HTML Fragment" button
  5. 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.

Placing HTML Fragments On Your Pages

Once you have created an HTML fragment you will need to insert it onto one of the pages of your website. To do this, take the following steps: 
  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.

0 comments: