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

# 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](/getting-started/installation)
- 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

<Callout kind="tip">
  Do not enable Auto-Refresh for static content like PDFs, Google Docs, or forms. Use it only when the embedded content updates frequently.
</Callout>

## Step 1: Add the Custom iFrame Block

<Steps>
  <Step title="Open your page in the block editor" icon="layout" title-type="p">
    Go to the page or post where you want the auto-refreshing embed. Click **Edit** to open the Gutenberg block editor.
  </Step>
  <Step title="Add the Custom iFrame block" icon="plus" title-type="p">
    Click the **Add Block** button. Search for **Custom iFrame**. Click the block to add it to the page.
  </Step>
  <Step title="Paste the embed URL" icon="clipboard" title-type="p">
    In the right panel, paste the URL of the live content into the **Source URL** field.
  </Step>
</Steps>

## Step 2: Set the Refresh Interval

<Steps>
  <Step title="Find the Refresh Interval setting" icon="refresh-cw" title-type="p">
    In the block settings panel on the right, find the **Refresh Interval** field.
  </Step>
  <Step title="Enter the interval in seconds" icon="clock" title-type="p">
    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.
  </Step>
</Steps>

<Callout kind="alert">
  Very short intervals (under 10 seconds) can slow down the page and increase server load. Use the shortest interval that fits your update frequency.
</Callout>

## Step 3: Publish

<Callout kind="success">
  Click **Update** or **Publish**. The embedded content now reloads automatically at your chosen interval.
</Callout>

For all block settings, see the [Set Up Custom iFrame in Gutenberg](/getting-started/gutenberg-setup) 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

<ExpandableGroup>
  <Expandable title="Does Auto-Refresh reload the whole page?" default-open="false">
    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.
  </Expandable>
  <Expandable title="What unit does the Refresh Interval use?" default-open="false">
    The interval is in seconds. Enter `60` for one minute, `300` for five minutes, and so on.
  </Expandable>
  <Expandable title="Does Auto-Refresh require Custom iFrame Pro?" default-open="false">
    No. Auto-Refresh is a free feature included with the standard Custom iFrame plugin.
  </Expandable>
  <Expandable title="Can I use Auto-Refresh with any embed type?" default-open="false">
    Yes. Auto-Refresh works with any URL you embed, including live feeds, dashboards, social embeds, and websites.
  </Expandable>
</ExpandableGroup>

---

## Related Guides

- [Set Up Custom iFrame in Gutenberg](/getting-started/gutenberg-setup)
- [Sandbox and Security in Gutenberg](/gutenberg/advanced/iframe-sandbox-security)
- [Embed Anything in Gutenberg](/gutenberg/embed-anything)
- [iFrame Not Showing](/troubleshooting/iframe-not-showing)