Skip to main content

Magento / Adobe Commerce

Embedding your Sketchfab models into your Magento e-commerce platform is as simple as copying and pasting your model's iframe code.

Written by Elaine

Step-by-Step Guide: Embedding Sketchfab Models in Magento / Adobe Commerce

  1. Copy the iFrame Code from Sketchfab

    • Open your model's page on Sketchfab and click Embed (</>) below the viewer.

    • Customize viewer options as desired based on your Sketchfab membership.

    • Copy the generated iframe HTML code to your clipboard.

  2. Add an HTML Code Element in Magento Page Builder

    • Open the Magento Page Builder panel.

    • Navigate to the Content section on the left sidebar and expand Elements.

    • Drag an HTML Code placeholder onto a row, column, or tab set in your stage area.

  3. Paste Code and Save

    • Hover over the HTML container and click the Settings (gear) icon.

    • Paste the copied Sketchfab iframe code into the text box.

    • Save your changes to publish the interactive 3D model to your page.

> Note: For more detailed information on Page Builder tools, refer to the Adobe Commerce User Guide.

Did this answer your question?

Related Articles