Add an HTML Block

Add an HTML Block

Note: This article provides steps for code provided by third-party sources. Any troubleshooting with third-party applications should be handled by the application’s support team or your custom developer.

You can integrate third-party widgets and apps on your website's pages by creating an HTML Block. To add an HTML block to a page, follow these steps

1. Select the Content tool in the gray navigation bar.

2. Select the page you want to embed the custom HTML.

3. Select the green + button at the bottom of the page or in between the content blocks, where you'd like to add the HTML block.

4. Select the green HTML tile.

 

5.  Paste the code you want to embed into the new content block you have created.  

Note: if you paste it incorrectly, you will be notified at the bottom of the block in red.

6. After you paste your code into the code box, select the blue Save button.

7. Select Publish.

    • Related Articles

    • Add an Audio Block

      Audio blocks are a great way to display music files and podcasts. To add audio into the blocks, you will need to get the embed codes or URLs from your audio source. Note: We are able to read codes from Spotify, Soundcloud, or Bandcamp. To add an ...

    • Duplicate/Move a Block

      Duplicating or moving blocks is possible through the Content area of your Dashboard. Follow the steps below to duplicate or move a block on your website. 1. Select Content from the Dashboard navigation bar. 2. You will be taken to a list of all your ...

    • Video Integrations/Add video to your website

      You can embed YouTube, Vimeo, and Kickstarter videos into your liveBooks website. YouTube Embedding Youtube videos is a great way to instantly provide video content to your visitors. In order to embed a Youtube video, follow these steps: 1. Navigate ...

    • Can't Move/Duplicate Block

      Every page type includes a specific code structure that is important for optimizing SEO and organizing your sitemap, therefore, some content block types won't be allowed to be duplicated or moved unless they are placed into the same page type. The ...

    • Add a Logo or Image to Your Footer

      If you are looking to add an image to your website's footer - such as the logo of your company, awards you have received, or any professional organizations you belong to - you can do so by following the steps below. How to add images or logos to the ...