Adding third party widgets and code blocks

Most third-party systems (live chat, reviews, analytics, booking, forms) publish an embed snippet: a block of HTML or JavaScript you paste into a page. StoreConnect takes those through Content Blocks, so no theme change is needed.

Before you start

Get the embed snippet from the third-party system. It is usually offered as “embed code”, “widget code”, or “install snippet”.

Add the snippet to a page

1. Open the Content Blocks list and select New.
2. Give the block a Content Block Name and an Identifier.
3. Set Content Template to No added styling. This template passes your markup through untouched, which is what an embed snippet needs. Every other template wraps the content in StoreConnect’s own markup and styling.
4. Paste the snippet into the Content field.
5. Select Save.
6. Open the Page you want the widget on, go to its Related tab, and select New in the Page Content Blocks related list.
7. Set Content Blocks to the block you just created, leave Usage Type as Page Content, and set Position to control where the widget sits on the page. Lower numbers render first; blocks with no number sort alphabetically by name.
8. Select Save.

The widget now renders on that page, in the position you set.

To load a script on every page rather than one, point the store’s HTML Head Content Block or Body Content field at it instead of attaching it to a page. Both are in the Global Content section of the Store record. See Adding custom JavaScript, CSS and head content.

Add a third party code block into a StoreConnect web page

Watch video here