Adding Custom Javascript, CSS, Body and Head Content Scripts

Quite often you will need to add some custom Javascript, CSS1 or <head>2 tag content into your online store. StoreConnect provides 3 different ways to insert data into your site on a per store basis in the Content Management (CMS) section of the Store record.

The Store Record

(above image) The Store Record

Store CMS Section

(above image) Store CMS Section

Head Content Scripts Block

The Head Content field is a link to a CMS3 Content Block4 that contains anything you wish to insert into the <head>...</head> tag of your store. As this is inserted without any wrapping, be sure to select the “No Style Added” content block template when creating this.

Common uses for this are to add things like Google Analytics, or domain name validation meta tags.

Related help documents

The head content block is inserted into your store just before the closing </head> tag and before anything that is listed in the custom styles tag below.

Custom Styles

Custom styles are any small stylesheet tweaks you want to put on your store. Anything you put here will be inserted immediately before the closing </head> tag on your store after any Head Content Block. The content in this will also be inserted inside <style></style> tags so be sure to make this valid CSS. See Custom Theme CSS for more information.

Body Content Block

The Body Content field is a link to a CMS Content Block that contains anything you wish to insert at the end of the <body>...</body> of your store. You most likely want to use the “No Style Added” content block template when creating this so that it is not wrapped in any <div> tags or the like.

Common uses for the Body Content block are Live Chat scripts, or other custom javascript that needs to be loaded after the store page has been loaded.

Related help documents

 


 

  1. CSS: Cascading Style Sheets (CSS) is a programming language that defines the design styles; colours, font-sizes, font-types, border-colours, etc on a website. 

  2. <head> tag: Used to contain metadata such as the title of the page, its description, and any relevant keywords. Scripts (code), links to scripts and CSS files (for page styling) may also be contained in the <head> tag. 

  3. CMS: A Content Management System (CMS), is a software platform used to create, edit and publish digital content. It’s purpose is to centralise and simplify the management of your website content. The storeConnect CMS is a proprietary system built specifically to assist in the creation of storeConnect websites that integrate directly to Salesforce. It does not manage your products, or product pages. See Content Management System for more information. 

  4. Content Block: Content Blocks are used to place content on your Pages and Articles. There are two types of Content Blocks 1) A Container Content Block, and 2) A Template Content Block. 

 

 
Back to Documentation