Overview
Use the iFrame Widget to display content from another website.
Setup
iFrame Source URL
Enter a secure source URL for the iFrame. Do not enter anything but a valid URL. ShortStack creates the iFrame HTML tag for you based on the URL, width, height, and scrolling setting you choose. If you need more control, enter the iFrame code in a Code or Plain Text Widget.
The iFrame source must be served from a secure URL. This means the URL protocol must be https and not http.
Facebook will not display the iFrame content unless the content is served from a secure source, and Firefox and Chrome employ security measures that prohibit iFrames from displaying insecure content on secure pages.
If your website isn’t setup with SSL encryption, you will need to secure your website with a valid SSL certificate. You can acquire one from multiple vendors like VeriSign or GoDaddy.
If you are copying embed code from somewhere else, you only want the value for the src attribute of the iFrame tag.
Manual Width/Height
Enter a Manual Width, as a percentage or the number of pixels, and Height, in pixels, for the iFrame. Leave the field blank to use 100 percent. Because of browser security restrictions, it is not possible to adjust the iFrame’s height to match the content automatically. This means that if the content is taller than the height you enter, scrollbars will appear (depending on what you chose for Scrolling below).
Enable Scrolling within the iFrame
This setting determines whether or not scrollbars appear if the source URL is too wide or tall for the iFrame. If set to no, the user won’t be able to see the content that exceeds the size of the iFrame.