The MagManager digital flipbook features allow you to change the flipbook background colour, arrow positions, add coloured links and border colours. Update the width and height settings to accommodate tabloid, square and landscape flipbooks.
Create digital links to websites, email addresses, telephone numbers, other pages of the flip book and embed YouTube videos.
Click here to see an example flipbook.
Flipbook settings - initial setup
Flipbooks created by uploading a PDF
How to update a single page
How to manually add links
How to view the flipbook
How to add the flipbook to your website
Tips for creating link-detectable artwork
A link to separate notes that cover how to add hyperlinks to artwork in InDesign, Affinity & Canva.
Flipbook settings - initial setup
This should be done prior to uploading a PDF (non AutoPubish users) or detecting links and creating manual links (AutoPublish users). As the link colours will be locked in.
Default Flipbook Settings:
Background - Grey
Links - Blue (these flash when the page loads)
To Update the settings > Click on the cog wheel to access the main settings screen > Under Publications & Bookings > Select Publications > Select the publication from the list > Select the Defaults tab > Under Flipbook Settings:
Width & Height - Leave blank if you publish a standard portrait publication.
If your publication is landscape, tabloid or square - add the dimensions in pixels. Example a square publication 270mm x 270mm. 270 =1040pixels. Enter the width as 2040 (must be 2 pages wide) and the height as 1040.
Click here to access an online mm to pixel converter.
Web Icon Links - To have your favicon display in the browser tab when your flipbook is displayed. Copy and paste the icon links in the header section of your website here. For example: <link rel='shortcut icon' tupe='image/x-icon' href='https://www.magmanager.co.uk/favicon.ico'/>
Make sure they contain the full path including the website name.
Page Sound - This is the page turning sound, when the toggle switch is green, the page turn sound is ON / when it's Grey the page sound turn is OFF
Navigation Arrow - Click to switch between dark and light navigation arrow.
Navigation Arrow Position - Click to switch the position of the navigation arrows between next to publication and at the edge of the screen
Colour Settings - to change from the default colour settings > Set the Background colour, Link background colour and Link border colour > Click the dropdown arrow > Select the colour > Use the slider to make the colour transparent > Click Choose.
Keep Links Highlighted - By default the links will highlight when the page is opened and disappear. To keep links hightlighted turn this toggle switch on.
Apply Colour Settings to all Publications - If you have multiple publications turning this setting ON will apply the colour settings across all publications in your MagManager account. The update is immediate as soon as the toggle is turned on, no need to save the page > You can still edit individual publication as required.
Flipbooks created by uploading a PDF
IMPORTANT INFORMATION ABOUT THE PDF FILE
Ensure the PDF file has been saved as pages rather than spreads and that it has been exported with cropmarks & bleed.
To upload the PDF file of your publication > Select the publication & issue from the Home or Publications screen to open the flatplan overview > Under Actions > Select AutoPublish Option > Select Upload PDF > Drag & Drop the file or click and select the file from your computer > Click open > The ninja will do it's work to upload the PDF, it will take a minute or so for the file to upload > Any digital links within the PDF file will be automatically detected > Click Preview to view the flipbook.
How to update a single page
If the PDF file has been uploaded and you need to update a single page, follow these steps
Open the flatplan >To do that Select Publications on the top navigation bar > Select the publication & issue from the side bar > Click the issue in the centre of the screen > From the flatplan oveview select View Flatplan.
Add a full page to the flatplan > Click Full Page in the sidebar > Click & hold New Advert, drag & drop it onto the page of the flatplan.
Advert details pop up > In the Company field enter a title eg Page 3 > Click Upload Artwork and locate the file on your computer or drag and drop the file onto the pink box > Click Save
Mark the page as complete > Click the red X, bottom left corner of the flatplan page > It will change to a green tick, add a gold border around the page and regenerate the flipbook page.
How to manually add links to the flipbook
The types of links that can be added are:
URL - Provides a link to any website
Email - Provides a mail to link
Telephone - Provides a call link
Page No - Provides a link to another page of the flipbook
YouTube - Embeds a YouTube video and provides a direct link to the video on YouTube with the option to Auto-Play the video on click through.
Note: MagManager uses the YouTube API to link directly to YouTube, so it's important to use the correct link to the video. Right click on the video > Click Copy Video URL > Paste this into the link field in MagManager. Copying the URL from the address bar will not work.
Vimeo - Embeds a Vimeo video and provides a direct link to the video on Vimeo
Note: It's important to use the corect embed link for Vimeo. Open the video > Click the Share icon top right.
Click the embed icon
Click Copy
Paste the code into the link field in MagManager. Copying the URL from the address bar will not work.
To manually add links to the flipbook > Select Edit Flipbook from the AutoPublish Options menu.
To add a link, start drawing around the website address, the email address, phone number or any where you want to add a link, if the data can be read the details will appear in the left side panel.
Check the details have been correctly detected or edit as necessary > You can edit the Title description - this is the description that appears when you hover over a link > The Type of Link - identifies the type of link and the Link itself > The Link Border Colour & Link Background Colour will pick up the publications defaults, or can be edited here on an individual basis > Click Save to update.
How to view the flipbook
Select the publication & issue from the Home or Publications screen to open the flatplan overview > Under Actions > Select AutoPublish Option > Select Preview.
Note: If a page has been updated and you have previously viewed the page, your device may display a cached version. Follow the steps here to Refresh the cache on your computer.
How to add the flipbook to your website
Select the publication & issue from the Home or Publications screen to open the flatplan overview > Under Actions > Select AutoPublish Option > Select Get Digital Link > Copy and paste the code to your website.
Example Code
<!-- Your Publication Name Issue Year -->
<!-- Change the id and size of the div below to suit your requirements -->
<div id="digi0000001" style="width: 100px; height: 100px; background-image: url(https://magmanagerpublic.s3-eu-west-1.amazonaws.com/153/0000001/pages/1.jpg); background-size: contain; cursor: pointer; background-repeat: no-repeat;" onclick="window.open('https://digital.magmanager.co.uk/Preview/Index/0000001')"></div>
The Id number, example '0000001' identifies the specific issue in your MagManager account.
To change the size the magazine appears on your website update the pixel dimension to increase or decrease the size width: 100px; height: 100px.
As an example within a Wordpress website the code should be pasted into a Custom HTML block.
Additional notes can be found here.
Digital flipbook stats
The stats displayed include details of the flipbook opens, readers, total read time, average read time, pages read, average page read time along with stats on the invidual pages including reads, total read time and average read time along with an image of the page.
To access the digital flipbook stats > Click Publications on the top navigation bar > Select the publications & issues from the side bar > When stats are available for an issue are available a magnifying glass will appear in the first column > Click the magnifying glass to display the stats > In the individual page section click the image icon to see a thumbnail of the page > Click the thumbnail image to close > Click the magnifying glass to close the stats.
Opens
Definition: When a user opens your publication—i.e., clicks on it to view it in full screen
What it means: It counts as someone views a page but hasn't interacted with the flipbook
Use case: Reflects active interest—the person was curious enough to check it out.
Reads
Definition: A read is counted when someone spends time actually reading your publication—usually by staying on a page for over a second, flipping through pages won't count as a read
What it means: Indicates deeper engagement—not just a click, but meaningful time spent with your content.
Use case: A better indicator of content quality and reader retention.
Example:
If 100 people open your magazine but only 30 read it, it suggests:
100 were interested enough to take a look.
Only 30 found it compelling enough to stay and engage.
Reader
Definition: The number of unique users who have opened the publication.
What it means: If a user opens the publications multiple times it will only record as a single reader
NOTE: When you are logged into MagManager and open the flipbook to check it, within the same browser this is not recorded as an open.
Trouble Shooting
Q - If the flipbook displays like this with two pages squashed onto a single page. The PDF file has been saved as a spread.
A - Export the PDF file from your design software as single pages, then upload to MagManager.
Q - A random link to a website is appearing in the flipbook.
A - The link has been detected as it's embedded in the PDF file.
To remove the link > Go to the flatplan overview > Select AutoPublish Options > Select Edit Flipbook > Click on the link box to open the side menu > Click Delete and the link will be removed.
Q - The PDF file has been uploaded but nothing appears or it's not replacing existing upload.
A - Try reducing the size of the file (to under 200MB) and flattening the pdf with Adobe Pro or other apps.
To reduce the file size:
Select Menu > Select Save as Other > Select Reduce File Size > Select OK > Check the file name and where you want to save the file > Click Save.
To flatten the PDF:
- Make a copy of your PDF.
- Choose Advanced > Print Production > Flattener Preview.
- Adjust the Raster/Vector balance.
- Select Convert All Text To Outlines.
- Deselect Clip Complex Regions.
- Click Apply to flatten the PDF.
- Close the Flattener Preview dialog box.
- Select Menu > Save As to save file to your device
Try uploading the new pdf file to MagManager.
Q - The links appear in the flipbook but they are out of position
A - Check that the uploaded PDF file has cropmarks and bleed. If not then export the PDF again with cropmarks and bleed and the new version to MagManager.
0 Comments