Adding CUB to your website

There are two ways to inject the CUB code into your website, the HEAD method (recommended), or the One Liner method.

To get started, visit the "Get Code" section under the site you setup.

The Head method of injection includes 2 lines of code to be added to the <head> section of your website, the javascript file and a CSS file.

Using a 2 line injection prevents any potential repaint of your content once the CSS is loaded, avoiding any possible flickering of your content.

Copy the code provided (or click the "Copy" button to have it added to your clipboard) and add the code before your ending </head> tag.

The One-Liner provides a single line of code that can be added ANYWHERE on your page, but is normally included near the closing </body> tag.

It can even be included inside the article body via your CMS, assuming it allows for javascript injection.

Note: Because the CSS styling for the CUB elements is included in this javascript file and gets added to your page as it gets loaded, it can lead to a "repaint" issue where the targeted element can "flicker" as the styling is added, mostly if a page is reloaded multiple times. For this reason, we recommend using the Head Method for integration if possibe.