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

Key Takeaways

  • Embed live website content using the Dynamic Device block from Nexter Blocks in WordPress.
  • Set the Layout to Normal and select IFrame in the Content Type to add an iframe to a device mockup.
  • Interact with external sites directly from the device mockup after entering the IFrame URL and Title.
Table of Contents

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.

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

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.

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

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.

About the Author

Photo of Aditya Sharma CMO of Nexter
CMO at POSIMYTH Innovations · Nexter · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressThemesElementorn8nAIClaudeAutomationServer

Share your Thoughts

Get Instant Answers to all your questions about Nexter Blocks,
Extensions & Theme trained on 1000+ Docs and Videos

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!