Embed Sketchfab in Elementor

Step-by-step guide to embed Sketchfab 3D models in Elementor using the Custom iFrame WordPress plugin. No coding required.

Overview

Custom iFrame lets you embed Sketchfab in Elementor by pasting any Sketchfab model URL into the widget. Showcase 3D models, designs, or interactive art directly on your WordPress page.

Custom iFrame is a WordPress plugin by CoderzStudio that embeds 100+ external sources in Elementor and Gutenberg without writing any code.

Requirements

Custom iFrame plugin installed and active
Elementor installed
A Sketchfab model URL to embed

Step 1: Get the Sketchfab URL

Open Sketchfab and find your model

Go to sketchfab.com and open the 3D drawing or model you want to embed.

Copy the iFrame src link

Click the Share button under the model. Click Get Embed Code. Copy the iFrame SRC link from the embed dialog.

Install and activate the plugin

Go to your WordPress dashboard. Go to Plugins > Add New. Search for Custom iFrame by Coderz Studio, click Install Now, then click Activate.

Custom iFrame for Elementor WordPress plugin by Coderz Studio on the plugin repository page

Open your page in Elementor

Go to the page where you want the 3D model. Click Edit with Elementor.

Add the Custom iFrame widget

Search for Custom iFrame in the Elementor widget panel. Drag the widget onto the page.

Step 3: Embed Sketchfab in Elementor

Paste the Sketchfab URL

Go to the Content tab in the widget settings. Paste the Sketchfab iFrame src URL into the Source URL field.

The 3D model loads in the Elementor editor.

Custom iFrame widget in Elementor editor with Sketchfab model URL in Source field and an interactive 3D McLaren Formula 1 car model displayed on the right

Step 4: Adjust Settings and Publish

Height: Set the height to give the 3D model room to display. 500px to 600px works for most models.

Auto Height: Turn on to let the embed resize automatically.

Scrollbars: Disable scrollbars for a cleaner presentation of 3D content.

For full styling options, see the Style Custom iFrame guide. Adjust dimensions, backgrounds, and borders to match your page.

Click Update or Publish. Your Sketchfab 3D model is now live on your WordPress site.

Want to add a custom watermark (Pro) or device frame (Pro)? See the Set Up Custom iFrame in Elementor guide for all widget options.

This guide showed you how to embed Sketchfab in Elementor using the Custom iFrame plugin. From copying the iFrame src link to pasting it into the widget and publishing, the whole setup runs through the Elementor editor without any code.

FAQ

No account is required to embed public models. You only need an account if you want to upload and publish your own models.

Click the Share button on the model page. Click Get Embed Code. The iFrame src link is the URL inside the src attribute of the embed code.

Make sure the model is set to public on Sketchfab. Private models require a login and cannot be embedded. See the iFrame Not Showing guide for more help.

Yes. Sketchfab embeds are fully interactive. Visitors can rotate, zoom, and pan the 3D model directly inside the iframe.

Also Available For

Embed Flourish in Elementor

Embed interactive data visualizations in Elementor.

Embed GFYcat GIF in Elementor

Embed GIFs and short loops in Elementor.

Was this page helpful?

Last updated today

Built with Documentation.AI