Subscribe to Email Updates

Latest Blog Post

How to embed a Frame Gallery on your site

Tom Doyle
by Tom Doyle on October 5, 2020 at 8:20 AM

Your Gallery will fit seamlessly into your website with an iframe.

We've launched a new iframe version of My Frame Gallery, available to all My Frame Gallery users.

What's an iframe?

An iframe (short for inline frame) is a small snippet of html that tells a webpage to grab code from somewhere else and display it inline on the page.mockupiframe-2

For My Frame Gallery, that means that you can embed the gallery directly into an existing page on your site.   The iframe version eliminates the header and footer elements of the standard Gallery, so it can sit seamlessly inside your website's existing format.

Therefore if you use the iframe version, it will appear to your patients that they are browsing frames directly from your website, instead of directing users to a separate page that is outside of your site.

The experience is cleaner, and the Gallery feels like a native section of the page.

Does it cost more?
No, if you already have a My Frame Gallery account, there is no additional charge.

How do i get an iFrame version of My Frame Gallery?
If you have already set up a standard Gallery, you can immediately get started with an iframe. 

Of course, we recommend that you have a professional web designer or developer insert the code, but it is a simple process.  Here's how it looks, embedded on this page:

And you can choose to display a smaller version.  This is how the iframe  looks when displayed at a width of 400 pixels:



If you are using a templated website, you may be able to embed the iframe fairly easily.  Wix, for example, has a free app for its customers called "Embed HTML", which enables installation of an iframe.  Check with your provider if you are using a templated website.

"Our online frame gallery is a success!"  Request a demo for your practice today.

If you aren't a web developer and this post seems like gibberish, don't worry!  It will make perfect sense to your developer.

Here is an example of the iframe code:

<iframe src="" width="100%" height="1000" frameborder="0" allow="camera"></iframe>

To customize your iframe, you will need to update the highlighted sections:

<iframe src="" width="100%" height="1000" frameborder="0" allow="camera">

In this example, the section that contains "MFG1" should be the same as the last part of your public My Frame Gallery URL.  If your public URL is for instance, you would insert "mainstreeteye" where MFG1 appears in the example.

Then simply update the width and height to fit your site, and choose a border thickness (frameborder).  If you don't want a border, set that value to "0" as we have in the example code above. If you want your Gallery to adjust to whatever browser it is being viewed in, we suggest keeping the width at "100%".

Can I see a website that uses your iframe?
Absolutely!  We created a make-believe optical retail site using an iframe here.  

Have questions?
Feel free to contact technical support at or 800-821-6069 ext 1 for questions about how to create the right iframe. 

Just be aware that we aren't able to install it on your site for you.  Please work with your web developer to ensure a successful iframe install.


New Call-to-action

Leave a comment

Tom Doyle
Written by Tom Doyle
Tom Doyle is Frames Data’s Director of Marketing & Key Accounts, and has been working as a marketer within the optical industry for over 10 years. In that time he’s worked with many software companies on new integrations, and has developed an understanding of what works and what doesn’t. Tom is also keenly interested in productivity methodology, the color orange used in marketing, and karaoke. He is also a die-hard cat person.
Written by Author

Related posts

New Winter Splash Pages for My Frame Gallery

Update your Gallery for the season!  New Winter splash pages are now available.


To add one of these images to your Gallery,...

Tom Doyle
By Tom Doyle - December 8, 2022
Fall Splash Pages for My Frame Gallery

Update your Gallery for the season!  New Halloween and Fall-themed splash pages are now available.


To add one of these...

Tom Doyle
By Tom Doyle - October 11, 2022
Summer Splash Pages for My Frame Gallery

We've added new summer splash pages for My Frame Gallery.  Add one of these seasonal images to your Gallery and dial up the...

Tom Doyle
By Tom Doyle - July 22, 2022