> 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 Animoto Video in Elementor

Step-by-step guide to embed Animoto video in Elementor using the Custom iFrame WordPress plugin. Display promo videos and slideshows. No coding required.


## Overview

Custom iFrame lets you embed Animoto video in Elementor by pasting the Animoto embed URL into the widget. Display promo videos, slideshows, or product demos 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
- An Animoto account with a published video

## Step 1: Get the Animoto Embed URL

<Steps>
  <Step title="Open Animoto and find your video" icon="play" title-type="p">
    Go to [animoto.com](https://animoto.com) and sign in. Open the video you want to embed.
  </Step>
  <Step title="Copy the embed URL" icon="link" title-type="p">
    Click the **Export** button. Select **Embed**. Copy the **iFrame SRC** link from the embed panel. This URL is the direct embed link for your video.
  </Step>
</Steps>

## Step 2: Add the Custom iFrame Widget

<Steps>
  <Step title="Open your page in Elementor" icon="layout" title-type="p">
    Go to the page where you want the video. Click **Edit with Elementor**.
  </Step>
  <Step title="Drag the widget onto your page" icon="move" title-type="p">
    Search for **Custom iFrame** in the Elementor widget panel. Drag the widget into your layout.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776867149/getting-started/elementor-setup/Guide-Add-Custom-iFrame.webp"
      alt="Custom iFrame widget being dragged from the Elementor panel into a page section in the editor"
      width="1024"
      height="337" priority={true} fetchPriority="high" />
  </Step>
</Steps>

## Step 3: Embed Animoto Video in Elementor

<Steps>
  <Step title="Paste the Animoto embed URL" icon="clipboard" title-type="p">
    In the Content tab, paste the Animoto embed URL into the **Source URL** field. The video player appears in the editor.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776885896/elementor/video/animoto/embed-animoto.webp"
      alt="Custom iFrame widget in Elementor editor showing Animoto embed URL in Source URL field with video preview"
      width="1024"
      height="412" priority={true} fetchPriority="high" />
  </Step>
  <Step title="Set height and publish" icon="check" title-type="p">
    Set **Height** to 450px or enable **Auto Height**. Click **Update** or **Publish**.
  </Step>
</Steps>

## Troubleshooting

**Video shows blank:** Confirm you are using the iFrame SRC link from Export > Embed, not the regular video page URL.

**Video is cut off:** Increase the height or enable Auto Height.

For more help, see [iFrame Not Showing](/troubleshooting/iframe-not-showing).

## FAQ

<ExpandableGroup>
  <Expandable title="Where do I find the Animoto embed URL?" default-open="false">
    Open your video on Animoto. Click **Export**, then select **Embed**. Copy the **iFrame SRC** link from the panel. Paste that URL into the Source URL field in Custom iFrame.
  </Expandable>
  <Expandable title="Do I need an Animoto account to embed videos?" default-open="false">
    Yes. You need an Animoto account to access the Export and Embed options. The embedded video on your page is viewable by all visitors.
  </Expandable>
  <Expandable title="Do I need Custom iFrame Pro to embed Animoto?" default-open="false">
    No. Basic Animoto embedding works with the free version. Pro adds lazy loading, placeholder images, auto-refresh, and advanced styling.
  </Expandable>
  <Expandable title="What height should I use for an Animoto video?" default-open="false">
    450px works well for standard 16:9 Animoto videos. Enable Auto Height to let the iFrame resize automatically.
  </Expandable>
</ExpandableGroup>

---

## Also Available For

<Columns cols="2">
  <Card title="Embed YouTube Video in Elementor" href="/elementor/video/embed-youtube" icon="layers" horizontal={false}>
    Embed YouTube with full Pro controls.
  </Card>
  <Card title="Embed Vimeo Video in Elementor" href="/elementor/video/embed-vimeo" icon="layers" horizontal={false}>
    Full Vimeo embed guide with Pro options.
  </Card>
</Columns>

## Related Guides

- [Embed Video in Elementor - Overview](/elementor/embed-videos)
- [Embed YouTube Video in Elementor](/elementor/video/embed-youtube)
- [Embed Vimeo Video in Elementor](/elementor/video/embed-vimeo)
- [Auto Height Adjustment](/features/auto-height)
- [iFrame Not Showing](/troubleshooting/iframe-not-showing)