Publish to the Web
Embed your configurator on a website and test the published experience
Overview
Publishing turns a working configurator into something users can open from a website. This tutorial covers the practical embed path and the checks to run before sharing it.
Time
About 16 minutes
Level
Beginner
Goal
A configurator embedded in a page with a stable size and tested controls
Step 1: Prepare the project
Before embedding, open the configurator and test the main options. Make sure defaults are sensible and the first view explains the product clearly.
Pre-publish checks
Test the default configuration, one small variant, one large variant, and one option combination that changes visible components.
Step 2: Add the embed code
Use an iframe when you want the fastest integration. Keep the container responsive and give the configurator enough height for the 3D view and controls.
Embed example
<iframe src="https://app.confbuild.com/embed/YOUR_PROJECT_ID" width="100%" height="720" frameborder="0" allowfullscreen> </iframe>
Step 3: Test the live page
Open the page on desktop and mobile widths. Confirm the configurator loads, controls remain reachable, and the surrounding page does not add scroll traps.
Launch checklist
Check load time, initial camera position, control labels, mobile height, and the final call to action near the embedded configurator.