---
title: "How to show a live website in a mockup using iframes in WordPress?"
url: https://nexterwp.com/docs/how-to-show-a-live-website-in-a-mockup-using-iframes-in-wordpress/
date: 2023-02-22
modified: 2026-04-15
author: "Aditya Sharma"
description: "An iframe, is a HTML element that allows you to embed content from an external source on a webpage. This is commonly used to embed videos, maps, and other external..."
image: https://nexterwp.com/wp-content/uploads/2023/02/show-a-live-website-in-a-mockup-using-iframes-in-wordpress-1024x519.png
word_count: 184
---

# How to show a live website in a mockup using iframes in WordPress?

## Key Takeaways

- Nexter Blocks Dynamic Device block embeds iframes in a device mockup to show third party or live website content.
- Nexter Blocks requires the block to be installed and activated before using the Dynamic Device block.
- IFrame content is added by setting Layout to Normal, selecting a device type and mockup, choosing IFrame in Content Type, then entering the website URL in the IFrame URL field and a title in the IFrame Title field.

An iframe, is a HTML element that allows you to embed content from an external source on a webpage. This is commonly used to embed videos, maps, and other external content.

The Dynamic Device block from the Nexter Blocks allows you to embed iframes in your device mockup to show third party or live website content.

*To check the complete feature overview documentation of the Nexter Blocks* Dynamic Device block, [click here](/docs/dynamic-device-block-settings-overview/).

***Requirement  - This block is a part of the Nexter Blocks*, make sure its installed & activated to enjoy all its powers.**

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-device-mockups/)

TTo add an iframe inside your device mockup add the block on the page, make sure to set the **Layout** to **Normal** and after choosing the appropriate device type and mockup, go to **Content Type **and select **IFrame **from the section.

Then add the website URL in the **IFrame URL** field.

Then add the Title for Iframe in the **IFrame Title** field.

![](https://nexterwp.com/wp-content/uploads/2023/02/dynamic-device-select-iframe-new.png)

Now you’ll able to interact with the site or content from your device mockup.

Also, check [How to add website scrolling device mockup in WordPress](https://nexterwp.com/docs/website-scrolling-device-mockup-in-wordpress/).