Skip to main content

Wix

Learn how to embed interactive Sketchfab 3D models into your Wix website using custom HTML blocks, along with formatting tips and fullscreen considerations

E
Written by Elaine

Website builder Wix allows you to use iframes to embed and display other website content in a custom HTML block.

How do you embed your Sketchfab model on your Wix website?

Step-by-Step Guide: Embedding Sketchfab Models on Wix

  1. Copy the Embed Code from Sketchfab

  2. Add an Embed Widget in Wix

    • Open your Wix Editor and click + Add on the left menu bar.

    • Select Embed $\rightarrow$ Embed a Widget (under Custom Embeds).

    • Position and resize the new widget box on your layout as needed.

  3. Paste and Clean Up Code

    • Click Enter Code (or the settings gear icon) on the widget.

    • Paste your copied Sketchfab embed code.

    • Crucial Step: Remove the surrounding <div class="sketchfab-embed-wrapper"> and </div> tags from the code snippet so that only the raw <iframe> code remains.

  4. Adjust Dimensions & Publish

    • Fine-tune the width and height parameters inside the iframe code using pixels or percentages to properly fit your Wix widget element.

    • Click Update to save and preview your 3D model on the page.

Note on Fullscreen: Wix "sandboxes" custom HTML within its own nested iframes, which can prevent the built-in Sketchfab fullscreen button from functioning properly.

If you require a true full-screen viewing experience, build a dedicated page where the custom code block expands to fill the entire window. For further information, consult the Wix Help Center guide for using iframes.

Did this answer your question?

Related Articles