This tutorial walks through Share a polished, page-flipping reading experience as a Google Classroom assignment, announcement, or material — with link previews and a clean offline fallback. The steps below are written for the workflow most educators actually use: starting from a finished course PDF, pushing it through one of the free HTML5 flipbook templates in the PageFlip Guide gallery, and ending with a link you can hand to a class.
Google Classroom is the dominant K-12 LMS in 2026, but it does not natively render iframes. The pattern that works is to publish your flipbook to a public HTTPS URL, then attach that URL to a Material or Assignment so Classroom shows a clean preview card. Students click the card and the flipbook opens in a new tab. a recommended classroom publishing partner
The preview card is the thing that determines whether students click. Classroom pulls its preview from Open Graph tags on your flipbook page — og:title, og:description, og:image, plus the canonical URL. Without those tags, you get a generic file-icon card that looks like spam. With them, you get a real-looking publication card that students recognise as something to read.
Google Classroom's mobile app handles the link the same way the web client does, which is helpful: a single shared link covers laptops, tablets, and phones. The downside is that you cannot enforce reading inside Classroom — students will open the link and then close the tab. Pair every flipbook with a short Question or Quiz post inside Classroom to give yourself a comprehension signal.
If your district uses Google Workspace for Education with restricted external content, ask your admin to allowlist your flipbook host. Most teachers find it easier to publish under a school-owned subdomain than to fight the allowlist; both options work. Either way, test in an incognito window with a student account before launching.
Pin the flipbook post to the top of the Classroom stream during the reading window. Classroom's stream is chronological by default, and a quiet flipbook post will be buried under "who is bringing snacks" comments by mid-morning. Pinning costs nothing and roughly doubles open rates in our small sample of teacher feedback.
The steps in order
- Publish your flipbook to a public HTTPS URL using GitHub Pages, Netlify Drop, Cloudflare Pages, or your school web host.
- Open the flipbook URL in an incognito browser tab to confirm it loads without login walls — Classroom previews will fail otherwise.
- Add Open Graph (og:title, og:description, og:image) tags to the flipbook page so the Classroom card preview looks intentional.
- In Google Classroom, choose Classwork → Create → Material (or Assignment) and paste the flipbook URL into the Add → Link field.
- Optionally attach a backup PDF to the same post so students with restricted Chromebook iframe permissions still have access.
- Pin the post to the top of the stream during the reading window and add a one-line prompt explaining what students should notice.
- After class, check the link preview analytics in your hosting tool — Classroom does not surface opens, but server logs do.
Why this approach works
The reason we recommend this exact order, instead of jumping straight to the polished version, is that each step produces a working flipbook. If you lose your planning period halfway through, you can hand out what you have, finish the rest tomorrow, and the learners are no worse off. Most online tutorials assume you have unlimited time and a perfect environment — this one assumes neither.
"The hardest part of any classroom tech project is finishing it. Tutorials that produce something usable at every step are the only ones that actually ship." — Editorial principle behind every PageFlip Guide walkthrough.
What to do if something goes wrong
If you get stuck on any step, the most useful thing to do is open the demo of the template you chose and compare its <code>config.json</code> to yours line by line. 90% of issues come from a single mistyped path or a missing trailing slash — not from anything fundamental about the flipbook engine.
Pair this tutorial with a template
Open the template gallery and pick a starter that matches the subject and reading rhythm you're aiming for. The library comparison page is helpful if you haven't picked an engine yet.