Embed Codes

Add your 3D product configurator to any website with a single script tag. The configurator loads as a widget that your visitors can interact with directly on your page.

Widget script

The simplest integration — paste this script tag before the closing </body> tag of your website:

<script defer src="https://api.cpq3d.com/widget/cpq3d.js"></script>

Platform guides

WordPress

Add the script via a Custom HTML block or your theme's header/footer settings.

Most page builders (Elementor, Divi, WPBakery) have a dedicated "Custom Code" or "HTML" widget — paste the script there.

Alternatively, use a plugin like Insert Headers and Footers to add the script site-wide.

Wix

Go to Settings → Custom Code in your Wix dashboard.

Click "Add Code", paste the script, set placement to "Body - End", and apply to "All pages".

Squarespace

Go to Settings → Advanced → Code Injection.

Paste the script in the Footer section and save.

Webflow

Go to Project Settings → Custom Code → Footer Code.

Paste the script and publish. You can also use an Embed element on a specific page if you only want the configurator on certain pages.

iFrame embed

If you prefer an iframe embed, you can use the direct configurator URL. Contact info@cpq3d.com for your specific iframe URL.

Common questions

The configurator isn't showing on my website
Check that your domain is in the allowed domains list (Settings → Embed Codes). Also verify the script is placed before the closing </body> tag, not in the <head>.
Can I put the configurator on multiple websites?
Yes. Add each domain to your allowed domains list in Settings → Embed Codes. The same script tag works on all of them.
Will the script slow down my website?
No. The script loads asynchronously with the "defer" attribute, so it doesn't block your page from rendering. The configurator only initializes when a visitor interacts with it.