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

**URL:** <https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140>\
**Category:** Ask for Help\
**Created:** [November 27, 2021, 10:52am UTC](https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140 "2021-11-27T10:52:05Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![L.M](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/l.m/32/46371_2.png) [@L.M](https://community.glideapps.com/u/L.M)\
**Post date:** [November 27, 2021, 10:52am UTC](https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140/1 "2021-11-27T10:52:05Z")

</div>

Hi 🌸  
I wanted to test flipbook integration as iFrame, and it seems to work.  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/c/fccf5e160133ee49d256dcc8450c899958d5db7f.png)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/7/47f63ec6884ab042355f57381e33ebfe1bf3fb2f.png)

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

> **[Vidyard Recording](https://share.vidyard.com/watch/Q6wk7u8ZDPTWKhbYVHKDGT)**

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.

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [November 27, 2021, 11:31am UTC](https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140/2 "2021-11-27T11:31:59Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Roldy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/roldy/32/36068_2.png) [@Roldy](https://community.glideapps.com/u/Roldy)\
**Post date:** [November 27, 2021, 11:39am UTC](https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140/3 "2021-11-27T11:39:38Z")

</div>

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](https://cdn.flipsnack.com/widget/v2/widget.html?hash=dz9ycj97t9)

Let me know… bye

---

<div class="post-metadata">

**Author:** ![L.M](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/l.m/32/46371_2.png) [@L.M](https://community.glideapps.com/u/L.M)\
**Post date:** [November 27, 2021, 11:41am UTC](https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140/4 "2021-11-27T11:41:53Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [November 27, 2021, 11:44am UTC](https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140/5 "2021-11-27T11:44:07Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![L.M](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/l.m/32/46371_2.png) [@L.M](https://community.glideapps.com/u/L.M)\
**Post date:** [November 27, 2021, 11:45am UTC](https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140/6 "2021-11-27T11:45:35Z")

</div>

it confirms what I thought. Thks.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [November 27, 2021, 11:47am UTC](https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140/7 "2021-11-27T11:47:11Z")

</div>

is not working… did you try creating your own book? 😉  
here is my sample : [E-BOOK](https://holy-bible.glideapp.io/dl/ewAiAHQAIgA6ADAALAAiAHMAIgA6ACIAYwBsAGEAcwBzAC0ASQBuAHQAcgBvACIALAAiAHIAIgA6ACIAbAA5AHUANQBKAEYAVwBMAFMAYQA2AE8AUgB2AGwAMAB5AEwASgBkADUAQQAiAH0A)

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [November 27, 2021, 11:50am UTC](https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140/8 "2021-11-27T11:50:45Z")

</div>

> [@Roldy](#):
>
> Try to remove the iframe tag and specifying the url only.

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.

---

<div class="post-metadata">

**Author:** ![L.M](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/l.m/32/46371_2.png) [@L.M](https://community.glideapps.com/u/L.M)\
**Post date:** [November 27, 2021, 11:51am UTC](https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140/9 "2021-11-27T11:51:29Z")

</div>

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 🙂 Thks

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/5/7544748c206c4a2f033122c4cec4a17af15fe518.png)  
I tried all the layout options: square, 1:1, etc, it just adds padding without enlarging the flipbook.

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [November 27, 2021, 11:53am UTC](https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140/10 "2021-11-27T11:53:12Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![L.M](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/l.m/32/46371_2.png) [@L.M](https://community.glideapps.com/u/L.M)\
**Post date:** [November 27, 2021, 11:55am UTC](https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140/11 "2021-11-27T11:55:16Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Roldy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/roldy/32/36068_2.png) [@Roldy](https://community.glideapps.com/u/Roldy)\
**Post date:** [November 27, 2021, 11:57am UTC](https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140/12 "2021-11-27T11:57:13Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![L.M](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/l.m/32/46371_2.png) [@L.M](https://community.glideapps.com/u/L.M)\
**Post date:** [November 27, 2021, 11:57am UTC](https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140/13 "2021-11-27T11:57:52Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [November 27, 2021, 12:00pm UTC](https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140/14 "2021-11-27T12:00:19Z")

</div>

![Screen Shot 2021-11-27 at 6.59.34 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/7/172019819e0be1adbc60ab38b4ac8492e6a447c1.png)  
is not working on desktop, chrome and safari

---

<div class="post-metadata">

**Author:** ![L.M](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/l.m/32/46371_2.png) [@L.M](https://community.glideapps.com/u/L.M)\
**Post date:** [November 27, 2021, 12:01pm UTC](https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140/15 "2021-11-27T12:01:52Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![L.M](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/l.m/32/46371_2.png) [@L.M](https://community.glideapps.com/u/L.M)\
**Post date:** [November 27, 2021, 12:02pm UTC](https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140/16 "2021-11-27T12:02:51Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [November 27, 2021, 12:09pm UTC](https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140/17 "2021-11-27T12:09:19Z")

</div>

![WhatsApp Image 2021-11-27 at 7.05.53 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/6/36eb4e15ee9c7e79a75cd3bff67ac8ff7b52edc0.jpeg)  
This is an example of a landscape view from the iPhone. Unfortunately, the Flipsnack display itself can only be one page.

---

<div class="post-metadata">

**Author:** ![L.M](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/l.m/32/46371_2.png) [@L.M](https://community.glideapps.com/u/L.M)\
**Post date:** [November 27, 2021, 12:12pm UTC](https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140/18 "2021-11-27T12:12:47Z")

</div>

it’s one single page because I set it that way in flipsnack, so it’s the expected behavior 🙂 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!

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [November 27, 2021, 12:20pm UTC](https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140/19 "2021-11-27T12:20:01Z")

</div>

> [@L.M](#):
>
> What’s the best setting in Glide Layout you chose? The 1:1, the square?

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.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [November 27, 2021, 12:41pm UTC](https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140/20 "2021-11-27T12:41:09Z")

</div>

I made a sample of the fliping book for you… LOL  
[![Screen Shot 2021-11-27 at 11.04.29 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/5/9535b7ec02636b8c89dd7b982c777d62e1be869f.png)](https://sa-test2.glideapp.io/)

> **[StructureArt's App testing](https://sa-test2.glideapp.io/)**

is it working ? 😉

[Next page](https://community.glideapps.com/t/3-flipbooks-folioscope-integration-tests-flipsnack-yumpu-heyzine/35140.md?page=2)
