Add a Product Designer to Your Website

Embedding the builder takes one snippet. This page explains both install methods, how your store finds out when a customer finishes a design, and how to optimize the product page you embed it on.

Two install methods

  • Script + target element

    Add the SDK script and a target div on your product page; the builder mounts in place.

  • iframe

    Point an iframe at the hosted builder for the simplest install.

  • Order callbacks

    SDK events and server webhooks tell your store when a design is finalized.

Optimize your host page, not the iframe

The builder never rewrites your page's metadata. To rank the product page it lives on, write your own title, description, and on-page copy around the builder — treat the embed as the interactive part of a page you still own.

Read developer docs

See code examples and the SDK reference.

Developers

Frequently asked questions

How do I add a product customizer to WordPress or Shopify?
Paste the embed snippet into a page or product template. On WordPress use a custom-HTML block; on Shopify add it to the product template. Both load the builder in place.