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?
- Click + Add on the left side of the Editor.
- Click Embed.
- Choose Embed a Widget under the Custom Embeds options.
A widget will appear on your website layout. Place and resize the block to meet your needs, then click Enter Code (or the settings cog).
Copy and paste the Sketchfab embed code.
You need to remove the "sketchfab-embed-wrapper"
<div> wrapping the Sketchfab iframe for it to work on Wix.
Feel free to experiment with the height and width code to make the viewer fill the Wix element. You can use either pixels, as Sketchfab sets by default, or percentages.
And your embed is ready to go!
Wix "sandboxes" iframes (wraps them in their own iframes), so the fullscreen button may not work as expected. If you want full screen, you can create a dedicated page where the code block fills the entire window.
For more information and details, you can visit the Wix Help Center guide for using iframes.
Comments
6 comments
I ran into the issue of having a vertical scroll bar. The issue was fixed by changing the height value from 100% to 97%. Happened on Google Chrome, not sure if other browsers will have the same issue.
Interesting, thanks for the report!
Hi guy's, I have couple of questions:
1. Is it possible to show the 3D model on my Wix website without all the Sketchfab logo and profile image on the left upper corner? I need the model to blend completely with the page.
2. Is it possible that the model won't have the Play button each time the page is reloaded? Again, I need a perfect blend of the page.
3. Is it possible to block all the other possibilities (at the upper right corner and the bottom right corner) and be left only with the mouse movement?
4. Is it possible to act as a strip? Meaning a full length element?
Would love to hear from you soon.
Cheers and great work!
Lior
Hi Lior,
The Premium & Business plans allows you to remove the Info Bar at the top of the embedded viewer, as well as the controls in the bottom right.
Plans page: https://sketchfab.com/plans
Example: https://help.sketchfab.com/hc/en-us/articles/115005492703-Premium
Details: https://help.sketchfab.com/hc/en-us/articles/203509907-Embed-Models#embed-options
If you want to hide the watermark logo in the bottom left, you'll need an Enterprise plan. You can contact enterprise@sketchfab.com to discuss your needs and pricing.
You can use the `autoplay` parameter to start the model immediately rather than wait for a user to click Play.
To control the width and height of the element, you'll need to edit the HTML and/or CSS of your site. e.g. `width="100%"`, but I'm not sure what's possible within the Wix editor.
I hope that helps!
Hello!
We are having some serious trouble with the iframes on wix mobile.
We´ve tried uploading models of varying complexity and we can´t find out what may be causing the problem.
Page crashes/ fails to load when accessed from a mobile device. Works ok from web browser.
I´ve tried uploading images here but page freezes. Can I please have a support mail to share them?
Regards,
George
Hi George,
You can submit a support ticket here: https://help.sketchfab.com/hc/en-us/requests/new
If you can share more information about the embed, the mobile devices, and the model, that would be helpful.
Please sign in to leave a comment.