Flip Books - Using Embed Codes

To add a new document go to Embed codes on the left hand side of the page. Select the submenu item "Flip Books" 

Then click the green "+ Create Book" button.

A new page to add the details of your new flip book document will appear, 

Upload Your Document

You’ll now need to complete the required fields:

• Title – This is the name displayed for your Flip Book
• File – Upload your document (PDF format)

Fields marked with a red asterisk (*) are required and must be completed before saving.

To upload your file:

1. Click the green upload button
2. Select your PDF document

Adjust Optional Settings

On the right-hand side, you’ll see additional settings:

• Aspect Ratio Options:
  • 16:9
  • 4:3
  • 1:1
• Background Colour

These can be adjusted depending on how you’d like your document to display. You can always come back and update these later.

Save and Preview Your Flip Book

1. Click Save

   Once saved, you will see:

   • A preview of your Flip Book
   • An embed code

You can use the preview to:

• Flick through pages using arrows
• Zoom in and out
• Open in full screen

Copy the Embed Code

1. Hover over the embed code
2. Click “Click to copy”

This code is what allows you to display the Flip Book on a webpage.

Add the Flip Book to a Page

1. Go to Pages (left-hand menu)
2. Select the page you’d like to add the Flip Book to
3. Click the blue pencil icon to edit the page
4. Paste your flip book wherever you would like the flip book to appear

Editing Your Flip Book

If you need to make changes:

1. Go back to Embed Codes > Flip Books
2. Find your Flip Book
3. Click the blue pencil icon to edit

From here, you can:

• Change the background colour
• Adjust settings
• Replace the document if needed

Final Notes

• Flip Books must be uploaded as PDF files
• You can update settings at any time without re-adding the embed code
• The embed code will remain the same even if you make edits

Embed Codes: See Where Your Content Is Being Used

We've introduced a helpful new enhancement to the CMS that makes managing embed codes much easier.

When viewing any embed code within your website editor, you can now see exactly where that embed code is being used across your website.

How to View Where an Embed Code Is Being Used

1. Navigate to Embed Codes within your CMS.
2. Select the embed code you would like to review. This works for all embed code types, from Document Groups through to People Groups.
3. Click on the blue hyperlinked title of the embed code.
4. Once the viewer opens, scroll to the bottom of the page.
5. You will now see a list of all website pages where that embed code is currently displayed.

Why Is This Useful?

This new feature makes it much easier to manage and update content across your website. Instead of searching through pages manually or creating multiple versions of the same embed code, you can quickly identify where a particular embed code is being used and make updates with confidence.

Whether you're updating documents, forms, people groups, or other embedded content, you'll always know exactly where your changes will appear.