HOW IT WORKS

A connected path from product idea to order.

See the merchant setup, the shopper experience and the information that follows the order.

STEP 01 / 08

Connect your Shopify product

Choose the product you want customers to customize. The Shopify product provides the commerce connection for the storefront and order.

SHOPIFY PRODUCT CONNECTIONIMAGE PLACEHOLDER
Connect your Shopify productShopify product connection
Future Moduvaro image / product visual

STEP 02 / 08

Build the product in Moduvaro Studio

Bring in the product model and supporting assets. Arrange the objects, materials and surfaces that form the product view.

SCENE STUDIO PRODUCT SETUPVIDEO PLACEHOLDER
Build the product in Moduvaro StudioScene Studio product setup
Future Moduvaro video / product visual

STEP 03 / 08

Create the customer experience

Decide which choices, text areas and image areas belong to this product. Keep the experience focused on the options shoppers should use.

EXPERIENCE BUILDER CONTROLSIMAGE PLACEHOLDER
Create the customer experienceCustomer experience controls
Future Moduvaro image / product visual

STEP 04 / 08

Link choices to what changes

Define Options → Rules → Actions. One choice can update multiple visual targets, show or hide a component, move to another product view or enable a personalization area.

OPTIONS, RULES AND ACTIONSIMAGE PLACEHOLDER
Link choices to what changesCoordinated product behavior
Future Moduvaro image / product visual

ONE CUSTOMER CHOICE

Team Color = Blue

Illustrative setup · Merchants define the actual actions.
CUSTOMER CHOOSESTeam Color
Blue
OPTIONS → RULES → ACTIONS
PRODUCT RESPONDS
  • Material → Blue
  • Graphics → Blue
  • Show optional component
  • Enable Add Image
  • Move to relevant product view

STEP 05 / 08

Preview and publish

Test the experience in storefront preview. Review the setup, then publish a version when it is ready for shoppers.

PREVIEW AND PUBLISHINGVIDEO PLACEHOLDER
Preview and publishStorefront preview and publishing
Future Moduvaro video / product visual

STEP 06 / 08

Let the customer customize

Shoppers explore the 3D product, select options and, when enabled, place text or images within the areas you defined.

CUSTOMER STOREFRONT INTERACTIONVIDEO PLACEHOLDER
Let the customer customizeCustomer-facing product experience
Future Moduvaro video / product visual

STEP 07 / 08

Add the configured product to Shopify cart/order

The configured item moves through Shopify cart and order with its selected design information linked to the published configuration.

CART AND ORDER VIEWIMAGE PLACEHOLDER
Add the configured product to Shopify cart/orderConfigured item in cart and order
Future Moduvaro image / product visual

STEP 08 / 08

Use the resulting customization information for production

Use the resulting choices, design state, artwork references and relevant production outputs to prepare the personalized order. Available outputs depend on setup and released capabilities.

ORDER TO PRODUCTION HANDOFFIMAGE PLACEHOLDER
Use the resulting customization information for productionCustomization information for production
Future Moduvaro image / product visual

THE COMPLETE FLOW

Explore the pieces behind the experience.

See Features