Skip to main content
Coming Soon: The full Live Preview feature is currently in development. This page describes the planned functionality along with what’s currently available.
Live Preview will enable you to see exactly how customer selections appear in real-time as they customize your products. This feature is shown as “Coming Soon” in the editor.

​
Current Preview Capabilities

While the interactive Live Preview feature is coming soon, the editor currently provides:

​
Canvas Preview

The editor canvas shows a preview of your customizer as you build it:
  • See your options arranged in the order you’ve configured
  • View Standard and Collapsible display modes
  • Preview option layouts (grid, list, etc.)
  • See color and styling changes

​
Option Properties Preview

When configuring options in the right sidebar:
  • Option values are displayed as you add them
  • Layout changes update on the canvas
  • Display type changes (Standard/Collapsible) are reflected immediately

​
Planned Live Preview Features

When released, the full Live Preview will include:

​
Interactive Preview

  • Click on swatches to see selections in real-time
  • Enter text in input fields and see the preview update
  • Test image uploads directly in the editor
  • Watch conditional logic show/hide options

​
Device Preview

Test your customizer on different screen sizes:
DeviceWidthUse Case
Desktop900px+Full desktop experience
Tablet768pxTablet and small laptops
Mobile375pxSmartphone screens

​
Pricing Preview

  • Watch prices update as you select options
  • See dynamic pricing calculations in real-time
  • Verify price formatting before saving

​
Validation Testing

  • Test required field validation
  • Check selection requirements
  • Verify error messages

​
Testing Your Customizer Now

Until the full Live Preview is available, here’s how to test your customizer:

​
1. Save and View on Store

  1. Save your customizer in the editor.
  2. Ensure the app embed is activated.
  3. Visit your product page on your live store.
  4. Test the customizer as a customer would.

​
2. Quality Checklist

Before going live, verify on your product page:
  • All options display correctly
  • Labels are clear and readable
  • Colors match your brand
  • Conditional logic works as expected
  • Pricing updates correctly
  • Mobile layout is usable
  • Required fields show validation

​
Best Practices

Test your customizer on your actual product page before advertising it to customers. The editor canvas shows structure, but your theme may affect final styling.
Test on multiple devices (phone, tablet, desktop) to ensure a good experience for all customers.
Test all option combinations, especially when using conditional logic, to ensure customers can complete their customizations without issues.

​
Stay Updated

We’re actively developing the Live Preview feature. Check our release notes for updates on when the full interactive preview becomes available.