Auto Refresh in iFrame in Gutenberg
Set the Custom iFrame block to reload at a fixed interval for live content in Gutenberg. Scoreboards, feeds, dashboards. No coding required.
Overview
Custom iFrame lets you auto-refresh any embedded iFrame in Gutenberg at a fixed interval. The block 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.
Requirements
- Custom iFrame plugin installed and active
- WordPress with the Gutenberg block editor
- 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.
Step 1: Add the Custom iFrame Block
Open your page in the block editor
Go to the page or post where you want the auto-refreshing embed. Click Edit to open the Gutenberg block editor.
Add the Custom iFrame block
Click the Add Block button. Search for Custom iFrame. Click the block to add it to the page.
Paste the embed URL
In the right 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 block settings panel on the right, find the Refresh Interval field.
Enter the interval in seconds
Enter the number of seconds between each reload. For example:
30reloads every 30 seconds60reloads every minute300reloads 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 block settings, see the Set Up Custom iFrame in Gutenberg guide.
This guide showed you how to configure Auto-Refresh in Gutenberg using the Custom iFrame plugin. From adding the block to setting the interval, the setup takes under a minute.
FAQ
No. Auto-Refresh only reloads the content inside the iFrame block. 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.
Related Guides
Last updated today
Built with Documentation.AI