Getting started
System Requirements
Rendering
Vectary Dashboard
Account Settings
Roles
User Interface
Scene Orientation
Units
How To Get Help
Importing
Import formats
Figma frames import
CAD files
Processor
Design process
Design mode
Materials and Textures
Animated Materials
Decals
UV mapping
Camera
Lighting and Environment
Effects
Background
Ground plane
Control Bar
Libraries
Edit mode
3D Configurator
Variants
Interactions
Animations
Floating UI
Hotspots
Variables & Expressions (Beta)
Scene and project settings
Version History
Augmented Reality (WebAR)
WebXR (beta)
Loading screen
Mouse controls
Interaction prompt
Menu - Settings
Sharing, exporting, embedding
Sharing
Performance analyzer
Optimizing a shared project
Project cloning
Embedding to other software
Export options
Other
Figma Plugin - Vectary 3D Studio Lite
2D to 3D
Adding comments
Object Editing
Left bar
Shortcuts
Model API
Introduction
Quick Start
Events & Listeners
Floating UI Configurators
Ecommerce
Webflow
<aside>
🔒 Only available for Business workspaces
</aside>
Introduction
If you’ve decided to create an e-shop in Webflow, and are ready to showcase your products in 3D and AR using Vectary configurators, here’s a step-by-step guide on how to get started.
We'd like to point out that in this guide, we're using the list of products and other aspects of Webflow's E-commerce 'Store Starter' presets.
If you want to experiment with it, you can find it when you create a new site in a 'workspace'.

Requirements
For integrating with Webflow E-commerce
you will need the following:
- A workspace or team Webflow subscription:
- Without a subscription it is not possible to add embeds into any page.
Setups
-
1. Vectary setup
-
2. Webflow setup
On this page