Getting started with web components

Our web components library is a more powerful alternative for embedding your Wavekit content compared to using an <iframe>.

Web components allow you to write custom HTML tags which will render in your own website compared to having to load a new website for every <iframe>.

Our components are in closed beta but if you'd like to try it out, contact us at [email protected] so we can enable your domain.

Installation#

To be able to use these components you first need to import our JavaScript file from our edge CDN inside your <head>.

<script src="https://js.wavekit.app/wavekit-2.1.10.js"></script>

Content security policy#

If you have a strict CSP you will need to add a DNS record to your domain so that the browser trusts our JavaScript file. Add a CNAME record for eg wavekit.yourdomain.com pointing to js.wavekit.app and then use your subdomain for the URL:

<script src="https://wavekit.yourdomain.com/wavekit-2.1.10.js"></script>

Again, contact us at [email protected] so we can enable the SSL for your domain.

Browser support#

Web components have broad support and are used in production by major websites like Youtube and Reddit. We're following the Custom Elements v1 spec which has been supported by major browsers since 2016.