3 Flipbooks / Folioscope integration tests: FlipSnack, Yumpu & Heyzine

Hi :cherry_blossom:
I wanted to test flipbook integration as iFrame, and it seems to work.
image

But only in the builder, not on my mobile, so I assume I need a Pro Plan for that.
Video :arrow_down: change the quality to HD 720

UPDATE: As the app doesn’t have a pro plan, you won’t be able to test it in my app

I don’t know how to get them to show full screen and within Glide.

1 Like

Hi @L.M
Your flipsnack can work fine using webview.
Previously I also embed ISSUU flipbook for three semesters and it works well too. But unfortunately, recently the Issuu embed had to be a paid one.
To my knowledge in the beginning Yumpu and Flipsnack didn’t work inside Glide. But today it’s great for your information that I can consider both of Issuu’s replacements for my students.

1 Like

Try to remove the iframe tag and specifying the url only.
Put only this in the link field:
https://cdn.flipsnack.com/widget/v2/widget.html?hash=dz9ycj97t9

Let me know… bye

2 Likes

Does it work from your iPhone?
As it shows a blank screen except tab name for me.
Thks.

Yes, on my Iphone it works, but not with your app. Please note that webviews are only available in the Pro app.

1 Like

it confirms what I thought. Thks.

is not working… did you try creating your own book? :wink:
here is my sample : E-BOOK

Sometimes iframes can interfere with the appearance of the webview, so I only take the URL as @Roldy said. But there are some circumstances we can’t get rid of because there are some parameters written in it. And still can work.

2 Likes

Thks, Roldy. Just replaced it, it does not seem to make any difference, maybe with a Pro Plan and from a mobile. In the Builder, nothing budges. But that makes to code shorter, so it’s always nice to know :slightly_smiling_face: Thks


I tried all the layout options: square, 1:1, etc, it just adds padding without enlarging the flipbook.

1 Like

On a new screen and add a webview with a size of 1:1 on the far right. On mobile can be big if rotated

1 Like

It’s not working on mobile: the app is not on Pro Plan :wink:
No, my own tetralogy has been delayed for 1 year, should resume editorial work beginning 2022, says my editor :sweat_smile: (Tenacity is my second name, and Patience its BFF).
But it’s outside of Glide :books: except the US western story.

I rely on the fact that the widget component is already an iframe in the Glide screen itself, so there is no point in putting an iframe tag inside another iframe tag, but yes that component need a pro plan

1 Like

it’s already a Detail Screen. Oh, you mean I’d better trigger via a Custom Action to open Heyzine in a New Screen? But I’ll lose the back to Glide app.
Anyway, I don’t need this feature now, fortunately.
So no stress.
Just thought it might work when so somewhere somehow wrote sth about webview and iFrame.


is not working on desktop, chrome and safari

Noted and understood. Makes sense.
Thks, Roldy :heavy_check_mark:
It’s always easier to remember sth when it’s explained with accuracy.

1 Like

Oh, so only from the Builder, then.
Just to tease the developer!
OK. Fair enough.
Thks, Uzo :heavy_check_mark:

1 Like


This is an example of a landscape view from the iPhone. Unfortunately, the Flipsnack display itself can only be one page.

1 Like

it’s one single page because I set it that way in flipsnack, so it’s the expected behavior :slight_smile: otherwise you only hear the flip sound once. I wanted to have a chance to get a large display. But I forgot you can view it in landscape mode, right?
What’s the best setting in Glide Layout you chose? The 1:1, the square? Just curious.
Thks for your time!

1 Like

The 1:1 size on the left is different from the one on the right. The one on the left means that we keep the size of the source, so sometimes it will leave a blank screen (also a square one). While the right is displaying the maximum on the screen.

1 Like

I made a sample of the fliping book for you… LOL
Screen Shot 2021-11-27 at 11.04.29 AM

is it working ? :wink:

1 Like