> For the complete documentation index, see [llms.txt](https://docs.customiframe.com/llms.txt).
> Use it to discover all available pages before exploring further.

# 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](/getting-started/installation)
- Elementor installed
- A Sketchfab model URL to embed

## Step 1: Get the Sketchfab URL

<Steps>
  <Step title="Open Sketchfab and find your model" icon="box" title-type="p">
    Go to [sketchfab.com](https://sketchfab.com) and open the 3D drawing or model you want to embed.
  </Step>
  <Step title="Copy the iFrame src link" icon="link" title-type="p">
    Click the **Share** button under the model. Click **Get Embed Code**. Copy the **iFrame SRC** link from the embed dialog.
  </Step>
</Steps>

## Step 2: Add the Custom iFrame Widget in Elementor

<Steps>
  <Step title="Install and activate the plugin" icon="download" title-type="p">
    Go to your WordPress dashboard. Go to **Plugins > Add New**. Search for **Custom iFrame by Coderz Studio**, click **Install Now**, then click **Activate**.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776999067/elementor/other/sketchfab/cif-plugin-banner.png"
      alt="Custom iFrame for Elementor WordPress plugin by Coderz Studio on the plugin repository page"
      width="814"
      height="334" priority={true} fetchPriority="high" />
  </Step>
  <Step title="Open your page in Elementor" icon="layout" title-type="p">
    Go to the page where you want the 3D model. Click **Edit with Elementor**.
  </Step>
  <Step title="Add the Custom iFrame widget" icon="plus" title-type="p">
    Search for **Custom iFrame** in the Elementor widget panel. Drag the widget onto the page.
  </Step>
</Steps>

## Step 3: Embed Sketchfab in Elementor

<Steps>
  <Step title="Paste the Sketchfab URL" icon="clipboard" title-type="p">
    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.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776999069/elementor/other/sketchfab/widget-embed-sketchfab.webp"
      alt="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"
      width="1024"
      height="486" priority={true} fetchPriority="high" />
  </Step>
</Steps>

## 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](/getting-started/styling) guide. Adjust dimensions, backgrounds, and borders to match your page.

<Callout kind="success">
  Click **Update** or **Publish**. Your Sketchfab 3D model is now live on your WordPress site.
</Callout>

Want to add a custom watermark (Pro) or device frame (Pro)? See the [Set Up Custom iFrame in Elementor](/getting-started/elementor-setup) 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

<ExpandableGroup>
  <Expandable title="Do I need a Sketchfab account to embed a model?" default-open="false">
    No account is required to embed public models. You only need an account if you want to upload and publish your own models.
  </Expandable>
  <Expandable title="Where do I find the iFrame src link on Sketchfab?" default-open="false">
    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.
  </Expandable>
  <Expandable title="The Sketchfab model is not loading. What should I do?" default-open="false">
    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](/troubleshooting/iframe-not-showing) for more help.
  </Expandable>
  <Expandable title="Can visitors interact with the 3D model?" default-open="false">
    Yes. Sketchfab embeds are fully interactive. Visitors can rotate, zoom, and pan the 3D model directly inside the iframe.
  </Expandable>
</ExpandableGroup>

---

## Also Available For

<Columns cols="2">
  <Card title="Embed Flourish in Elementor" href="/elementor/other/embed-flourish" icon="bar-chart" horizontal={false}>
    Embed interactive data visualizations in Elementor.
  </Card>
  <Card title="Embed GFYcat GIF in Elementor" href="/elementor/other/embed-gfycat" icon="film" horizontal={false}>
    Embed GIFs and short loops in Elementor.
  </Card>
</Columns>

## Related Guides

- [Elementor Other Embeds Overview](/elementor/embed-other)
- [Embed Flourish in Elementor](/elementor/other/embed-flourish)
- [Embed GFYcat GIF in Elementor](/elementor/other/embed-gfycat)
- [Style Custom iFrame](/getting-started/styling)
- [iFrame Not Showing](/troubleshooting/iframe-not-showing)