> 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 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](/gutenberg/advanced/iframe-auto-refresh).

## Requirements

- [Custom iFrame plugin installed and active](/getting-started/installation)
- 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

<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 Widget

<Steps>
  <Step title="Open your page in Elementor" icon="layout" title-type="p">
    Go to your WordPress dashboard. Open the page where you want the auto-refreshing embed. Click **Edit with Elementor**.
  </Step>
  <Step title="Add the Custom iFrame widget" icon="search" title-type="p">
    In the Elementor widget panel, search for **Custom iFrame**. Drag the widget into your page layout.
  </Step>
  <Step title="Paste the embed URL" icon="clipboard" title-type="p">
    In the **Content** tab on the left 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 **Content** tab of the widget panel, 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 widget settings, see the [Set Up Custom iFrame in Elementor](/getting-started/elementor-setup) 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.

## Suggested Intervals by Content Type

| 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

<ExpandableGroup>
  <Expandable title="Does Auto Refresh reload the whole page?" default-open="false">
    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.
  </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 Elementor](/getting-started/elementor-setup)
- [Sandbox and Security in iFrame in Elementor](/elementor/advanced/iframe-sandbox-security)
- [Auto Refresh in iFrame in Gutenberg](/gutenberg/advanced/iframe-auto-refresh)
- [Embed in Elementor](/elementor/embed-anything)
- [iFrame Not Showing](/troubleshooting/iframe-not-showing)