Quick guide: Embed 3D models on your WIX website

No coding skill necessary, get everything done in the WIX editor

Create 3D models in Vectary
vectary-3D-modeling-design-embed-wix-website-header-3.jpg

When you want to feature a 3D model or scene created with Vectary on your WIX website, you have two options

  • upload it as a 2D image - as a static background or a banner
  • embed it as a 3D object - visitors can zoom in and rotate

3D scenes look really great as website backgrounds and are super simple to upload in WIX . If you want to have a 3D scene as a part of your design, rendering the 3D scene in Vectary and featuring it as a 2D image background is the easiest way. 

When you want to let website visitors interact with the 3D model - for example to rotate a shoe model, handbag or jewellery piece you are selling and inspect the details, it is best to embed the 3D object

vectary-3D-modeling-tool-wix-website-background
Let shoppers view your product from every angle

Option 1: Create a 3D background for your WIX website

vectary-3D-modeling-create-scene
Step one: Drag and drop 3D models from library to create your scene

1. Create your 3D scene in Vectary . You can drag and drop 3D models, materials or lights from the free library or upload your own 3D models. You can also model from scratch using the 3D mesh modeling toolkit. Learn more about Vectary's advanced modeling tools. 

render2D-vectary-3D-modeling
Step 2: Rendering

2. Find the right angle and render your scene. Vectary has a built-in rendering tool in the upper right corner. We recommend using the High or Ultra rendering setting. The rendering takes only a couple of minutes. 

export2D-vectary-3D-modeling
Step 3: Export the png

3. Export the png and upload to your WIX page as a background. 

wix-webiste-3D-background-created-with-vectary.jpg
WIX website with a rendered 3D scene as a background

Now you have a background with a 3D model on your WIX site. You can add more text and buttons on top of the background using the WIX editor.

Adding an image with a 3D model as the backround is the easier way on how to feature 3D in your web design. Read on to learn how to embed the 3D model and make it interactive. 

Option 2: Embed 3D model on your WIX website

Embedding a 3D model will let your website visitors interact with the model, zoom it and spin in around to see the details of the product.  

vectary-3D-modeling-tool-wix-website-background
Rotating the embedded 3D sneaker on a WIX website

Step-by-step

sketchfab.jpg
Step 1: Publish your 3D model to Sketchfab

1. Export your 3D model from Vectary directly to Sketchfab. Click on the violet button "Share Project" in the upper-right corner of the Vectary editor. Choose Sketchfab from the dropdown menu. 

vectary-3D-modeling-tool-copy-embed-code-sketchfab (1).jpg
Step 2: Copying the embed code

2. Copy the embed code from Sketchfab - we chose the iframe format from the dropdown menu. 

vectary-3D-modeling-tool-add-iframe-wix-webiste-editor (1).jpg
Step 3: Adding a custom HTML iframe block

3. Add a custom HTML iframe block to your WIX website. 

vectary-3d-modeling-tool-paste-embed-code-wix-website (1).jpg
Step 4: Paste the embed code

4. Paste the code and voila! You should see your creation on your page! 

vectary-3D-modeling-tool-wix-website-background
Embeded 3D model on your WIX website

FAQ

How do I download Vectary?

You don't have to download Vectary, it is a 3D modeling tool that works in the browser. 

I am using a WIX template page, can I still add my 3D designs to it?

Of course, each WIX template is editable, just add the HTML iframe and adjust the design. 

Is Vectary free?

Vectary has multiple pricing plans - you can use the free plan to create 3D models and export them as 2D images or 3D files (glTF, GLB, STL). The premium plan offers a 4k image render and export of OBJ and DAE 3D files. Learn about the premium features