CONFIGUX / HOW IT WORKS

Put your configurator on your website.

Publish. Copy the HTML. Add it to your page.

Sand upholstered chair with oak legs — Interactive teaching example · Neutral demo content

Publish the version you want to share.

Check Preview on desktop and mobile.

Publishing creates the public version. A saved draft and a published version can be different. Review the published result after edits.

Builder / Preview

Ready to share?

Review options, prices and the next step.

Published version

Choose your website. Copy the HTML.

Open Connect, then Share & install.

Add or select the intended website in your account. Copy the complete generated installation code. This guide uses a placeholder example; it cannot load a real configurator. Use your own website’s code.

Configurator

Chair demoPublished

Install with

◎ Any websiteWooCommerce →

WebsiteDemo website · example.com

HTML installation

Copy the code for your selected website.

<!-- Get your actual code in ConfigUX -->
<div id="your-configurator"></div>

Paste the code. Preview the page.

Add a Custom HTML block on your website.

Paste the generated code into an HTML or Custom HTML block. Test the real public page, mobile height, consent setup and quote action. The local preview here demonstrates placement only; it does not execute pasted code. For a cart, use the dedicated WooCommerce guide.

Custom HTML

HTML block

Local teaching example

Try pasting the example first.

YOUR NEXT STEP

Try it in your workspace.

Use the guide beside your own configurator.

Open Configurators