How hyperlinks work and example
To ensure the digital flipbook correctly detects hyperlinks, it's important that your original artwork includes clearly defined, standalone hyperlink elements. This includes telephone numbers, website URLs, and email addresses being created within their own text box as per the examples below.
Ideally the hyperlinks should be added when the artwork is created. If this isn’t possible, the AI and OCR (Optical Character Recognition) system will still attempt to identify them. However, accuracy improves significantly when these elements are presented separately within the artwork.
For example:
✅ Correct: mandy@magmanager.co.uk
where the email address is in a text box of it's own.
❌ Less Effective: Email Mandy on mandy@magmanager.co.uk
where the call to action and the email address are all in one text box.
By formatting key contact details as distinct items, you give the system a better chance of recognizing and linking them correctly.
Hyperlinks - formats:
URL/websites/QR Codes - https://www.magmanager.co.uk/
Email - mailto:mandy@magmanager.co.uk
Telephone - tel:01600717250
YouTube - https:// youtu.be/gurEwD8rGA8
Hyperlinks - how they function:
URL/websites/QR Codes - Will open the website in your defaut web browser
Email - Will open your default email app and populate the To field with the email address.
Telephone - Will open your default call app, ready to call the number.
YouTube - Will open the video ready to play or autoplay depending on the link settings.
TIP: Creating the hyperlinks at the design stage, will reduce the need for manually creating links within MagManager.
Steps to add hyperlinks to artwork
The process will vary depending on the design software you use, we've included some brief notes and links to the help pages of InDesign, Affinity & Canva:
InDesign - how to add hyperlinks
https://helpx.adobe.com/uk/indesign/using/hyperlinks.html
Step 1 - Select the text or graphic you want to make clickable.
Step 2 - Select Type > Hyperlinks & Cross-References > New Hyperlink.
Step 3 - Follow the steps in the New Hyperlink panel:
URL/website - Link To: Select URL from the drop-down.
Destination: Enter the URL.
Email - Link To: Select Email from the drop-down.
Address: Enter the email address.
Subject Line: Enter the subject for the email.
Select Shared Hyperlink Destination if you want to save the URL, File, or Email in the Hyperlinks panel for easy reuse.
You can set or change the formatting of your hyperlink text in the Appearance tab and provide the alternate text in the Accessibility tab.
Step 4 - Select OK.
Affinity Publisher - how to add hyperlinks
https://affinity.help/publisher2/en-US.lproj/index.html?page=pages/Advanced/hyperlinks.html
Step 1 - Make an insertion point within the word or select the full range of text you wish to be hyperlinked. Then do one of the following:
a - From the Text menu, click Interactive and then select Insert Hyperlink.
b - From the Hyperlinks panel (enabled via Window > References), select Add Hyperlink.
Step 2 - In the Hyperlink Properties dialog, do the following:
Choose a hyperlink Type.
Step 3 Depending on the link type, specify the destination: paste the web page or email address to be linked.
Step 4 - Click OK.
Canva - how to add hyperlinks
https://www.canva.com/en_gb/help/hyperlinks/
Step 1 - Create or open an existing design.
Step 2 - Select the element you want to add a link to.
Step 3 - Select More icon from the floating toolbar.
Step 4 - Select Link.
Step 5 - Enter the Text and/or the Link and press Done. Example below is of an email link.
Note: Hyperlinks are removed from PDF's downloaded from Canva when flatten PDF is selected as a download option..
QR codes
These work exactly the same way as a URL/website hyperlinks, follow the instructions for the design software you use. The hyperlink should be added to the QR code as part of the artwork design.
