Auto Refresh in iFrame in Elementor

Set the Custom iFrame widget to reload at a fixed interval for live content in Elementor. Scoreboards, feeds, dashboards. No coding required.

Overview

Custom iFrame lets you auto-refresh any embedded iFrame in Elementor at a fixed interval. The widget reloads the content automatically, keeping live feeds, scoreboards, stock tickers, and dashboards up to date without any page reload.

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

Auto Refresh is a free feature. It works with any embed type and does not require Custom iFrame Pro.

Using Gutenberg? See Auto Refresh in iFrame in Gutenberg.

Requirements

Custom iFrame plugin installed and active
Elementor Free or Pro installed
An embedded URL with live or frequently updated content

When to Use Auto Refresh

Auto Refresh reloads the iFrame content at a set interval without refreshing the whole page. Use it for:

Live sports scores or match trackers
Stock price feeds or financial dashboards
Real-time analytics or reporting tools
Live weather widgets
Rotating ad banners or promotional displays

Do not enable Auto Refresh for static content like PDFs, Google Docs, or forms. Use it only when the embedded content updates frequently.

Open your page in Elementor

Go to your WordPress dashboard. Open the page where you want the auto-refreshing embed. Click Edit with Elementor.

Add the Custom iFrame widget

In the Elementor widget panel, search for Custom iFrame. Drag the widget into your page layout.

Paste the embed URL

In the Content tab on the left panel, paste the URL of the live content into the Source URL field.

Step 2: Set the Refresh Interval

Find the Refresh Interval setting

In the Content tab of the widget panel, find the Refresh Interval field.

Enter the interval in seconds

Enter the number of seconds between each reload. For example:

30 reloads every 30 seconds
60 reloads every minute
300 reloads every 5 minutes

Leave the field empty or set it to 0 to disable auto refresh.

Very short intervals (under 10 seconds) can slow down the page and increase server load. Use the shortest interval that fits your update frequency.

Step 3: Publish

Click Update or Publish. The embedded content now reloads automatically at your chosen interval.

For all widget settings, see the Set Up Custom iFrame in Elementor guide.

This guide showed you how to configure Auto Refresh in Elementor using the Custom iFrame plugin. From adding the widget to setting the interval, the setup takes under a minute.

Content type	Suggested interval
Live sports score	15–30 seconds
Stock ticker	30–60 seconds
News feed	60–120 seconds
Analytics dashboard	120–300 seconds
Weather widget	300–600 seconds

FAQ

No. Auto Refresh only reloads the content inside the iFrame widget. The rest of the page stays loaded. Visitors do not experience a full page reload.

The interval is in seconds. Enter 60 for one minute, 300 for five minutes, and so on.

No. Auto Refresh is a free feature included with the standard Custom iFrame plugin.

Yes. Auto Refresh works with any URL you embed, including live feeds, dashboards, social embeds, and websites.

Was this page helpful?

Last updated today

Built with Documentation.AI