Sharing & Embedding
Share your 3D project with clients, embed it on your website, or distribute it via a direct link. This section covers all sharing options.
Enabling the Share Link
- 1Open your project in the editor.
- 2Go to Project Settings (or click the Share icon in the top toolbar).
- 3Find the "Share" section and toggle "Enable Share Link" to on.
- 4A unique share URL will be generated (e.g., https://app.simplio3d.com/share/[projectId]/[token]).
- 5Copy the link and send it to anyone. They can view and interact with the configurator without needing an account.
Embedding with iframe
To embed the configurator on your website, use the provided iframe code.
- 1After enabling the share link, click the "Embed" tab in the sharing panel.
- 2Copy the iframe embed code provided.
- 3Paste the code into your website's HTML where you want the configurator to appear.
- 4Adjust the width and height attributes to fit your page layout.
- 5Optionally configure "Allowed Embed Domains" in settings to restrict which websites can host the iframe.
<!-- Example embed code -->
<iframe
src="https://app.simplio3d.com/share/YOUR_PROJECT_ID/YOUR_TOKEN"
width="100%"
height="600"
frameborder="0"
allow="autoplay; fullscreen; xr-spatial-tracking"
allowfullscreen
></iframe>
Other Sharing Options
| Option | Description |
|---|---|
| Direct Link | A standalone URL that opens the configurator in a full page. Best for sharing via email, chat, or social media. |
| QR Code | Generate a QR code that links to the share URL. Useful for print materials, trade shows, or product packaging. |
| Embed Code | Copy-paste iframe HTML for embedding on any website. |
| Responsive Embed | The embed automatically adapts to the container size. Use percentage-based width for responsive layouts. |
| Password Protection | Optionally require a password to access the shared project and its public share actions. |
Sharing Settings
The sharing dialog has three tabs:
| Tab | What It Contains |
|---|---|
| Link | The direct share URL and QR code. Copy or regenerate the share token. |
| Embed | The iframe embed code with width/height options. Copy-paste into any website. |
| Settings | Allowed Embed Domains for iframe hosts, password protection, and token regeneration for revoking old links. |
Responsive embedding: Wrap the iframe in a container with
position: relative; padding-bottom: 56.25%; and set the iframe to position: absolute; width: 100%; height: 100%; for a perfectly responsive 16:9 aspect ratio.Save Configuration (Enterprise)
Let visitors save their in-progress configuration via email. A Save (bookmark) icon appears in the Floating Tools of the share view and the embedded iframe. Clicking it opens a modal asking for an email address; the visitor then receives a permalink that restores their exact selections — materials, dimensions, modular placements, the lot.
- 1Open the project in the editor and switch to Project Settings → Advanced tab.
- 2Find the "Save Configuration" card (visible only on the Enterprise plan, for Configurator and Modular project types).
- 3Toggle "Enable Save Configuration" on. Disabled by default.
- 4Make sure the project's Email settings are configured (SMTP / SendGrid / Gmail / SES / Mailgun) — the permalink email goes through the same delivery pipeline as form submissions.
- 5Publish or re-share the project. The Save icon now appears in the Floating Tools toolbar in the Share view (and inside iframe embeds).
| Property | Value |
|---|---|
| Plan required | Enterprise only |
| Project types supported | Configurator, Modular (not Viewer) |
| Retention | 90 days. After that the permalink returns "this saved configuration has expired". Expired rows are auto-purged when you open Dashboard → Saved Configurations. |
| Email driver | Project Email settings (SMTP / SendGrid / Gmail / SES / Mailgun) or the platform-level SendGrid override. |
| Captured | Email (required), name (optional), GDPR consent (required). An invisible honeypot deters bots. |
| Rate limit | 5 saves per 10 minutes per IP and per email. |
| Storage cap | 5,000 live saves per Enterprise account. Server auto-purges expired rows first; if no slot frees, the oldest live record is evicted (LRU). |
| Owner view | Dashboard → Saved Configurations (Enterprise-only sidebar entry). Shows email, project, date, days remaining, resend count; you can resend the email, copy/open the permalink, or delete. |
| Resend | Each saved configuration can be re-emailed up to 3 times from the dashboard. |
| Webhook event | configuration.saved fires after the email attempt. Subscribe in Project Settings → Advanced → Webhooks. Payload includes emailDelivered so CRMs can react to bounces. |
| Inline button | Add a "Save Configuration" form-field type to put the Save button inline with your form (Submit / Add to Cart row) instead of (or in addition to) the Floating Tools icon. Useful when Floating Tools is hidden. |
Permalink format:
/share/PROJECT_ID/TOKEN?c=SAVED_ID. When the share viewer loads with the ?c= query, it fetches the saved snapshot and applies it on top of the project defaults.For CRM integrations: subscribe to the
configuration.saved webhook to pipe leads into your CRM the moment a visitor saves. The payload includes the visitor's email, name, the permalink, a thumbnail URL, and the configuration summary. emailDelivered: false lets you re-send via your own infrastructure if the project SMTP bounces.More in Projects
Project OverviewUnderstand the three project types — Viewer, Configurator, and Modular — and choose the right one for your product.Editor UI & FeaturesTour the project editor: modes, panels, the 3D viewport, undo/redo, autosave, and the resizable layout.Objects ModeManage the scene hierarchy, transforms, pivots, nested subgroups, and per-part visibility in Objects mode.Options ModeAdd and configure the 16 option block types — dropdowns, material swatches, toggles, hotspots, text and number inputs, and more.Modular ProjectsBuild drag-and-drop modular configurators with the snap system, connection rules, and per-side constraints (Pro/Enterprise).Conditional LogicShow, hide, or disable blocks, variants, and 3D parts based on shopper selections with rule-based conditional logic.Pricing ModeSet up CPQ pricing with base prices, price groups, 1D/2D price tables, unique modular prices, variables, and formulas.Forms ModeCollect leads and orders with contact forms — name, email, dropdowns, consent, add-to-cart, and save-configuration fields.Project SettingsConfigure 140+ project settings: display, branding, lighting, camera, AR, e-commerce, email, and PDF export.Augmented Reality (AR)Enable Augmented Reality so shoppers can place products on a surface or try them on (face, wrist, or body) on iOS and Android.