Unfortunately, Google Sites doesn’t allow us to achieve this using embed codes. That’s why today we are going to find out how to open a flipbook in fullscreen on your site with the help of  Flipsnack. It’s really simple to do it. You just need to follow some steps:

1. Copy this code exactly as it is and paste it on your Google site:

<div style="width:850px">
<div>
<iframe width="850px" height="450px" src="https://cdn.flipsnack.com/widget/v2/widget.html?hash=f1ka75l97" frameborder="0">
</iframe>
</div>
<div align="center"><a href="https://cdn.flipsnack.com/widget/v2/widget.html?hash=f1ka75l97" target="_blank">Fullscreen</a>
</div>
</div>

2. Now, take the CDN URL of your flipbook and put it in place of the CDN URL in the code.

You can find the CDN URL of your flipbook in your account. All you have to do is to copy the section that has the following format from the embed code:

https://cdn.flipsnack.com/widget/v2/widget.html?hash=f1ka75l97

Keep in mind that you can change the button’s Fullscreen text to whatever you like. Feel free to also re-align it to the left or right by changing the align="center" parameter to align="right" or align="left".

3. Edit the width and height as you wish and save. 

When you’ve published your website, simply click on the button below the flipbook to open it in fullscreen in a new tab. 

Important Note: If you don’t know how to embed your flipbook on Google Sites, here is a little example for you:
Go on your Google site and click on the Embed button from the right side.

Click on Embed code from the newly opened pop-in. Paste the embed code and then click Next.

That’s it for today! If you still have more questions regarding this issue, don’t hesitate to contact us via live chat. We are always happy to help!

Did this answer your question?