Embedding the Sketchfab viewer to your Shopify products is a great way to add another dimension to what you're offering the e-commerce world. Bonus: It's simple to do!
Step-by-Step Guide: Embedding Sketchfab Models on Shopify
Copy the iFrame Code from Sketchfab
Go to your model on Sketchfab and click Embed (
</>) under the viewer.Customize your display options as needed, then copy the generated iframe HTML embed code to your clipboard.
Open the Shopify Product Editor
Log in to your Shopify admin panel.
Go to Products and select the product you want to edit (or click Add product).
Toggle HTML View
In the description section's rich text editor, locate the toolbar in the upper-right corner.
Click the Show HTML (
<>) button to switch to the code viewer.
Paste and Preview
Paste your copied Sketchfab embed code directly into the HTML editor field.
Click the Show HTML (
<>) button again to switch back to the visual view and preview your interactive 3D viewer.
Save
Click Save in the top-right corner to publish the 3D viewer to your storefront product page.
Tip: To explore more advanced formatting and media options, check out the official Shopify Rich Text Editor documentation.