How to embed a FlipBook

I would like to embed a FlipBook into my website, but don’t know how to do so with Xway. I used an app to create the Flipbook (Flip PDF Plus), and to generate the code below, which it says I need to embed into my web page:

<iframe style="width:700px;height:400px"
src="https://studioin@studioindiana.com/home/webhost/studioin/sites/studioindiana.com/htdocs/resources/Lynn/Lynn%20Bower%20Flipbook.html" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="true" ></iframe>

I suspect that I may not have the https part of the code quite right, but need to know how to embed it so I can test it to see if it works, or if I need to tweak it a bit.

Thanks

Hi John,

You should be able to use an iframe: choose Iframe from Xway’s Insert menu (or click on the iframe icon in the toolbar) and paste the code as the iframe URL.

But you need to have a valid HTTPS link. studioin@ looks like part of an email address, and studioindiana.com doesn’t seem to have an SSL certificate, so it can’t be accessed via HTTPS - this is something you could talk to your web provider about.

It took me a while, but I was finally able to get the appropriate code from the people who host my website. They said that the correct path is as follows:
/home/webhost/studioin/sites/studioindiana.com/htdocs/resources/Lynn/Lynn%20Bower%20Flipbook.html

So, I came up with the following link for my web page:

When I create an iFrame, I paste all the above into the dialog box, and for some reason it changes to this:
https://studioindiana.com/htdocs/resources/Lynn/Lynn%20Bower%20Flipbook.html
Then the box on the page says:
“An SSL error has occurred and a secure connection to the server cannot be made.”
I went ahead and saved the page then uploaded it to the server using Firezilla, but when I look at my website online, nothing shows up.
I must be doing something basic that is wrong. Hope you can help.
Thanks, John

Hi John,

studioindiana.com doesn’t have an SSL certificate, so it can’t be accessed via https.

This is something you need to talk to your web provider about.

Hi Jeremy,

I am a bit confused. When I asked the people who host my website if they could supply me with an SSL Certificate, they replied:

“We wanted to update you on the situation and it looks like System Engineering set up SSL for and redirected all HTTP requests to HTTPS.”

I’m not sure what that means, but they really didn’t answer my question about supplying me with an SSL Certificate.

However, they did give me a different link to use in the iFrame in order to access my Flipbook:

https://studioindiana.com/resources/Lynn/Lynn%20Bower%20Flipbook.html

If I click on this link, the Flipbook opens in my browser, so that seems like it is a good link.

But I still can’t make it work in an iFrame.

The next thing I tried was to link FLIP PDF PLUS to a jpg of the flipbook’s cover on my page. After uploading it, when I click on the image in my browser, the flipbook opens just fine. This seems to work for me, and I am pleased. But I am wondering if there is any reason I should try to use the iFrame rather than a link?

Hi John,

Your web host has now set up an SSL certificate. This is what allows it to be accessed via HTTPS rather than HTTP. That’s also a good thing generally, because it means that browsers won’t highlight your site as being insecure.

The main reason to use an iframe rather than a link would be if you want the target page (the flip book) to be embedded within your page. That’s not possible currently, because the flip-book page disallows embedding. If you don’t need the flip book to be embedded, a normal link is fine.

I understand. Thanks so much. I’m a happy camper.

1 Like