VideoEmbed Animoto

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

Step 1: Get the Animoto Embed URL

Open Animoto and find your video

Go to animoto.com and sign in. Open the video you want to embed.

Copy the embed URL

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 2: Add the Custom iFrame Widget

Open your page in Elementor

Go to the page where you want the video. Click Edit with Elementor.

Drag the widget onto your page

Search for Custom iFrame in the Elementor widget panel. Drag the widget into your layout.

Custom iFrame widget being dragged from the Elementor panel into a page section in the editor
Custom iFrame widget being dragged from the Elementor panel into a page section in the editor

Step 3: Embed Animoto Video in Elementor

Paste the Animoto embed URL

In the Content tab, paste the Animoto embed URL into the Source URL field. The video player appears in the editor.

Custom iFrame widget in Elementor editor showing Animoto embed URL in Source URL field with video preview
Custom iFrame widget in Elementor editor showing Animoto embed URL in Source URL field with video preview

Set height and publish

Set Height to 450px or enable Auto Height. Click Update or Publish.

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.

FAQ


Also Available For