/
Subscription
Legal
Manage account
Pricing
Website embed
Want to showcase your Kappa project on a webpage? It's quick and easy! With a simple HTML code snippet, you can effortlessly embed your project, just like the examples below.
How to embed?
Here’s a step-by-step guide to embedding a Kappa project on a webpage:
- Publish Your Project: First, publish your project to generate the embed code.
- Copy the Embed Code: Once published, copy the iframe code provided.
- Paste in the HTML file: Paste the JS code into your webpage’s HTML file, and you're all set!
Embed Requirements
To ensure your Kappa campaign runs smoothly, please follow these guidelines:
- SSL Certificate: Your website must have a valid SSL certificate (using HTTPS://).
- Use the Provided Embed Code: Always use the provided embed code. Any other method may cause the rendering process to fail.
- Right Placement: Make sure your website users can easily discover and engage with the embedded experience.
- Embed Dimensions: KappaX is responsive by default and will adapt to the provided dimensions. Ensure that the embed dimensions match your project's artboard aspect ratio to avoid black bars around the content.
Impact on web vitals
The KappaX embed won't significantly impact your webpage’s loading speed because all the content is hosted externally by KappaX. This means that your webpage only loads the small code snippet, while the heavier content is loaded separately from KappaX's servers. This script loads content asynchronously without impacting the site speed.
By offloading the processing and hosting to KappaX, your site remains light and fast. The JS script creates a container that fetches the interactive content without overwhelming your website's resources, ensuring a smooth user experience without slowdowns.