Subscribe to Email Updates

Latest Blog Post

How to embed a Frame Gallery directly on your site with an iFrame

Tom Doyle
by Tom Doyle on June 25, 2018 at 8:20 AM
Your Gallery will fit seamlessly into your website.

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="http://www.framesdata.com/mfg/mini/MFG1" width="1040" height="1000" frameborder="0"></iframe>

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

<iframe src="http://www.framesdata.com/mfg/mini/MFG1" width="1040" height="1000" frameborder="0">
</iframe>

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 www.framesdata.com/mfg/mainstreeteye 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.

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 techsupport@framesdata.com 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! Multiple colorway VTO on My Frame Gallery

My Frame Gallery's  Virtual Try-On (VTO) feature already allows your patients to use a picture of themselves (or a pre-loaded...

Madeline Karp
By Madeline Karp - December 11, 2018
How to set up Wish List for your Gallery [VIDEO]

Start engaging with your online browsers by adding a Wish List to your Gallery! 

It's simple to set up.  This video will walk...

Tom Doyle
By Tom Doyle - November 19, 2018
Livermore Optometry's data driven approach to online retail and using My Frame Gallery

Recently, we sat down with Livermore Optometry Group's Dr. Steven Faith to talk about their approach to online retail, and how...

Tom Doyle
By Tom Doyle - November 13, 2018