Sketchfab model embeds are natively supported (via our oEmbed endpoint) on free Wordpress.com hosted websites.
Simply drop a model URL in your WordPress post and it will become an embedded model. (See the WordPress Support page for more details.)
Want to see how an embed will look on Wordpress? Check it out here.
Troubleshooting
- Make sure the Sketchfab link is not hyperlinked. If the URL is shown in your theme’s link color, then it is hyperlinked. Simply select the whole URL and click the “Unlink” icon on your Visual Editor toolbar. Once the URL is unlinked, you will see the link text in black.
- Make sure to place the Sketchfab URL on its own line. This means there should be no character or whitespace before or after the URL/shortcode.
- Large files might not load properly on mobile devices.
Comments
29 comments
I like how I can finally have 3D models on my portfolio page on a wordpress.com website, although the portrait format that it gives is so ugly it takes up the whole length of my screen. :( is there a way to get around this?
@jessie.van.aelst - We're actively working to improve this. Stay tuned!
@James that sounds awesome! I've also had a bit of an issue with aligning the sketchfab embed to the center of my post. Any type of edit I do to the link breaks it. Should I contact Wordpress?
Thank you for your help.
@jessie.van.aelst - Yes, you may need to contact them. The embed aspect ratio is something we can adjust from our end, but that sounds more like a style issue on their end.
Alright, I've send Wordpress.com a tweet about it. Will update with more info once I have something.
is there a way to resize the viewer on free wordpress accounts?
@kaos - I'm afraid not at the moment, as far as I know.
Hello im having a problem with embedding on my wordpress with transparency. The background is just grey. How do i fix this ?
@Lanz Hmm, can you share a link to the site so I can take a look? Thanks!
how can i buy , download and upload it to my wordpress site ? do i need special plugin or have to embed if so when i embed can all the trade mark be disabled
Hello, I am trying to embed a model into my WordPress page with the embed code. I am working in Firefox. After putting the code in, the following message appears:
"Firefox Can’t Open This Page
To protect your security, sketchfab.com will not allow Firefox to display the page if another site has embedded it. To see this page, you need to open it in a new window."
When I view the page from another device, there is no image, just the hyperlinked model name. I do have the Sketchfab add-on installed and activated. Can anyone help? Thanks
Hello,
Is there a page on your WordPress site I can look at?
Sure, here is a link to the problem page:
https://rifrap.org/virtual-rio-frio/
Thanks! Sorry about that. There was a bug in the embed code popup. Can you try again? (You'll need to get the new embed code).
That worked, thanks! Was this something with all models or just this particular one? Anything I can do in the future if it comes up again?
It was unrelated to the model, there was a mistake in the embed popup in general. Nothing you can do on your end, it was a bug on our end. Sorry about that!
I bought and download model files, I want to show it in word press - clean, and couldn't find how for days.... PLEASE HELP
Thanks for the comment @ranvit1974 I can see you sent a message to our team as well so we'll answer you there.
I can't make it work on my page
https://gusapresent.com/test/
(It's on draft dunno if it matters)
A Draft model cannot be embedded.
I've published it, but it still doesn't show me the model
It looks like you're trying to put the regular model page URL in the iframe, instead of the embed URL.
https://sketchfab.com/3d-models/glasss-bb99ebfea2624360b0bdfe07abbcc1c4
<iframe src="https://sketchfab.com/3d-models/glasss-bb99ebfea2624360b0bdfe07abbcc1c4" frameborder="0" width="100%" height="100%"></iframe>
That won't work.
Can you try deleting it all from the page and adding it again?
Or, just use the embed tool on the page:
Thank you, i just didn't see the Embed option.
Hi, I am making a demo page on wordpress with what I would like to be a 3D online shop presentation. it works fien on computers and tablets but even with light models (3MB) the mobile phone browsers will crash if I put two or more iframes in the page.
Is there an option to embed a preview ( turn table multi pics) like on sketchfab website and open real 3D only on click?
90 % of the customers I target look at e-commerce on their SmarPhone so I need a solution that could work even on a 3 years old SP. Is it only a problem of 3D file size or do you have other limitations?
Thanks for reading ;-)
Hi there,
Is there a page I can have a look at?
Does it work ok with one embed?
What mobile phones have you tested?
Hi James, here is a simple demo page I made. "koto3d.com/ecomdemo"with 3 embeded 3mb models. I tested with a PC W10 (64Gb), iMac (16Gb) and iPad Pro2020 with different browsers, all ok. Whoever on mobile phone iPhoneXs using Safari , Chrome, Edge or Firefox they will all crash if I try to open a second 3D model on teh same page. Previously my backup plan was to use an embeded of the collection link to get this nice gallery browser but now I need to get something customer oriented. In the end it looks like the only way to show a 3D gallery (for the moment) is doing like sketchfab pages. If we could have a way to freeze the process on one iframe when opening the other it would be ok. The thing is the sales point of 3D model is that we can show great detail when viewer zoom in but if we have to make very low res model to be able to load several models on a page we ruin it. I had similar issue last year doing a virtual tour for Kyotographie in Kyoto using Unity and three.js. We ended up making two versions (PC and SP) and the SP was so low res to be able to load. Most people would anyway give-up before loading was over.
By the way could we continue this chat by email ? svo@koto3d.com
update on multi 3D models crash issue:
the page works fine on recent cheap samsung model and even on an iphone6S and 7. The issue seemed to be only with my iphoneXs. furthermore if I replace the models by 3k mesh 4k texture with white background, unlit and only filter on for sharpness at 1 than I am able to open all three models.
I guess the issue is an overloaded iphone memory.
I will now raise the quality to see when I can crash the system again ;-)
Hi there,
Yes, I've created a help ticket in our system to help you over email.
If you remove `preload=1` from your embed options, that should fix it. The preload option is known to cause crashes on iOS.
Please sign in to leave a comment.