How To Embed A Web Page Inside WordPress Blog Posts Or Pages [3 Ways]

There are times when you might wish to create a promotional blog that links to a special offer page and embeds the deal page in your post. If you’ve ever wondered how to embed a web page within a post or page, WordPress has made it easier than ever before. Instead of adding a screenshot of the deal page, you can now easily embed a web page inside WordPress blog posts or pages. Let’s have a look at how to do it easily with a step-by-step guide.

webpage inside WordPress

In their blogs, people often link to other web pages or websites. It will also enhance your click-through rate if you show a preview of the page to which they are being redirected. Readers will get a sense of the content beforehand and will want to check it out. Furthermore, even if the webpage is not yours, you can still embed it without triggering a copyright issue. As a result, when the original content is updated, your embedded content will be updated as well.

Method 1: How To Embed A Live Page Inside WordPress Blog Post 

Embedding a live page can make your website look more convenient and interactive. If you embed a live page, your readers can scroll up and down to check out the content. It will increase your website’s user-friendliness. Let’s see how you can embed a live page inside your WordPress blog post or page. 

First, you need to retrieve the web page you want to embed in your WordPress website. Copy the link and save it for later. From the WordPress Classic Editor, go to your blog post or page and click on the ‘Text’ editor of your post. Paste the below code in the text editor. 

<object data=http://www.example.com width=”650″ height=”500″> <embed src=http://www.example.com width=”650″ height=”500″> </embed></object>

In this code, remove the ‘http://www.example.com’ part and paste the retrieved link of the original web page. For example, if we want to paste a blog from HubSpot, the code will be like this-

<object data=https://blog.hubspot.com/ width=”650″ height=”500″> <embed src=https://blog.hubspot.com/ width=”650″ height=”500″> </embed></object>

You can also change the width, height and other parameters to display the live webpage. Your viewers can scroll up and down to read the content conveniently. 

Method 2: How To Embed Web Page Using iFrame Code?

If you want to use iFrame code in HTML on WordPress manually, the approach is also rather straightforward. The structure of the iFrame code is simple and straightforward. You can paste the content URL in the iframe code while keeping the opening and closing HTML elements. As previously stated, while embedding iFrame code in HTML, you must consider whether the source URL is HTTP or HTTPS. If the source URL is identical to yours, you can easily and freely embed a web page inside a WordPress blog page or post. The iFrame code will look like this- 

<iframe src=”example.com”></iframe>

If all of the conditions are met, you can now consider manually embedding a web page inside WordPress blog posts or pages. You must use the appropriate iFrame parameters for your site’s requirements. Here are some common iFrame parameters to consider. 

Width: This parameter allows you to choose the iFrame’s width in pixels.

Height: The height parameter is just as significant as the width parameter in determining the iFrame height.

Allow: This parameter can be used to set basic options like whether the iFrame should be displayed fullscreen or not.

<iframe src=”https://blog.hubspot.com/” width=”900″ height=”700″ allow=”fullscreen”></iframe>

Method 3: How To Embed Web Page Inside WordPress Using Plugin?

To embed a web page inside a WordPress blog post or page, there are multiple plugins available in WordPress. These plugins have different features and come with versatile perks to embed any web page easily. Let’s explore all the options below: 

Insert Pages

If you want to easily embed a web page inside a WordPress blog post or page, Insert Pages is an ideal plugin to choose from. This plugin lets you insert any kind of content, be it a page, post, custom post etc, in your WordPress blog post or page using shortcodes. From their advanced tutorials, you can learn all about it step by step. 

As you have seen multiple ways to embed a web page inside WordPress blog posts or pages already, you can choose the best solution for yourself now. Even if you opt for plugins to embed a web page, you need to use shortcodes at least. So using other solutions to embed a web page are much easier for anyone who does not know how to code. All you need to do is paste the ready code in the right place with the right parameters. 

If you have found this blog informative and useful, share your thoughts with us by commenting below or joining our Facebook community. To keep up to date, you can subscribe to our blog and read more relevant blogs. 

Arshiana

Arshiana

As a literature graduate, Arshiana is always enthusiastic about writing. She's tapping on different styles of writing styles as a content writer. Her hobby includes painting and have humorous conversation.

Share This Story

Leave a Reply

Your email address will not be published.