iFrame Embed Code Generator

iFrame URL:

iFrame Name:

Width:

Height:

Scrollbar: Yes No

Border OnOff

Generate My Code

Your iFrame Code

Copy Code

Image Embed Code Generator

Website Name:

Post URL:

Image URL:

Image Alt:

Image Width:

Image Height:

Leave it to "auto" to maintain aspect ratio

Embed Box Width:

Embed Box Height:

Your Code

Copy Code

Your Code Preview

Video Embed Code Generator

Website Name:

Post URL:

Video Embed URL:

Video Width:

Video Height:

Embed Box Width:

Embed Box Height:

Your Code

Copy Code

Your Code Preview

Spread the word

What is iFrame Embed Code Generator?

iFrame Embed Code Generator is a free online tool. With the help of this tool, you can generate your iframe codes easily with just a click of a button. You don’t need to write the HTML code just copy the code and use it.

There is a preview window where you can see how your iframe will look, you can decorate the iframe with a different types of borders as well.

You can make your iframe responsive too by setting the units in percentage or you can set custom width and height.

How to use this iFrame Generator?

1. Add the URL of the site you want to embed. Let’s say you want to embed lipsum.com, add the URL in the URL field.

2. Once you added the URL set the height and width of your iFrame. You can set their units in percentage as well as in pixels. You can give a custom name to your iFrame too.

3. Now from here you can set the scrolling of your iFrame, by default the scrolling is disabled.

4. Next step you can add border to the iFrame to do that turn on the border toggle once done you will see some additional options to style your border. You can set the different border type, size and color.

5. Once you are happy with all the settings just click on the Generate My Code button to generate your code.

6. Now you will see a preview of your iFrame how it looks, if you are not happy with the result then adjust the settings and re-generate the code.

7. Once you are happy with the outcome just hover over the marked area and you will see a Copy Code button click on it and your code will be copied. Now use the code wherever you want to.

Thank you for using our tool.

FAQ's

What is an iFrame?

In simple words, iFrame is an HTML tag. By using iFrame you can embed other websites, media (like – video), or documents (like – pdf) on your website.

Is iFrame safe to use?

Yes! Using iframe is safe as long as the code is taken from trusted sites or is hand-coded by yourself.

What can be embedded in an iFrame?

iFrames can be used to embed websites, maps, audio, video, documents like pdf, etc. You can embed most things on the web as long as the website allows embedding in an iframe.

How to add iFrame in WordPress?

Once you have the iframe code copy the code and go to your WordPress site then

If using Gutenberg Blocks add the Custom Html block and paste the code, you are good to go.

But if you are using the Classic editor then

Switch to Edit as HTML mode.
Then paste the code.

Here are some of my favorite website building tools

Thanks for reading the article I hope it was helpful for you. Here are some of my favorite tools that I always use and recommend for website building I hope they will be helpful for you. Please note these are affiliate links, if you do purchase anything using my links I’ll earn a small commission.

Web Hosting: For a new website I like GreenGeeks, I’m using it on this site for over a year now without any problems. They have very affordable plans for beginners and the support is reliable. Their simple setup will get you off and running in no time.

Learn Front End Development: If you want to learn front-end development I recommend Pluralsight, learn from industry professionals. You can try the no-risk 10 days free trial and check the content.

Advertising Network: If you want to increase your ads revenue with Adsense then try using Ezoic, unlike most ad networks it doesn’t need any minimum traffic to get started. It is completely free to use.

Other Tools