Webflow Product Configurator - Help!

Design help Custom code
1

Hello Webflow community,

I’m currently working with a client who would like to add a simple product configurator to their website. The idea is that customers can:

  1. Upload their own logo or image and see it placed directly on the product (e.g. a coffee mug).

  2. Enter a desired quantity and instantly receive a price calculation based on the number of items.

  3. No need to connect to ecommerce functionality. Goal is user can contact the sales team directly to get a quote.

My question: what’s the best way to tackle this?

  • Is it possible to achieve something like this using Webflow alone, and if so, what would be the approach?

  • Or is it more practical to rely on an external configurator tool or service and embed it?

I’d love to hear how you would solve this challenge and which solutions you’ve had good experiences with.

Thanks a lot in advance!
Bastian

1 Like
2

You can’t do real-time image uploads and overlays natively in Webflow , you’ll need custom JS or an embedded configurator tool (like Zakeke or Threekit). For a lighter setup, I’ve used a simple canvas script to preview logos on a mockup + a quantity input tied to a price calculator, then routed form submission to sales.