Getting Started with OptiPub Elements

Easily access data from OptiPub on your website

OptiPub allows for you to use custom elements on your websites to bring additional functionality with minimal configuration and coding.

When you host your website through OptiPub, we automatically add the JavaScript required on every page to work with these elements.

All of our elements use CSS classes found in Bootstrap 4, but we don't host or inject the CSS in order to avoid collisions with your existing layouts. Check out the Bootstrap 4 Introduction page to install it on your page.

🚧

Can't use Bootstrap?

We don't force you to use Bootstrap, but changing all of the HTML classes takes additional configuration. For more information, check out our guides on overwriting each of the optipub-element templates.

Using OptiPub Elements Externally

You are able to use any of the OptiPub Elements on any website that has had its domain added and verified. See the Create Domain documentation for more specifics on how to do this.

After your domain has been configured in OptiPub, all you need to do is add the following script element on your page in the <body> element.

<script async src="https://your-optipub-instance.com/elements/js/elements.js" charset="utf-8"></script>