Steps to add the flipbook to your website
Step 1 - Select the publication & issue from the Home or Publications screen to open the flat plan overview.
Step 2 - Under Actions > Select AutoPublish Options.
Step 3 - 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.
Front page image - the text, background-image: url(https://magmanagerpublic.s3-eu-west-1.amazonaws.com/153/0000001/pages/1.jpg), identifies the front page image.
To change the size - the magazine appears on your website, update the pixel dimensions to increase or decrease the size width: 100px; height: 100px.
Where to paste the code on your website
Where you paste the copy will be dependent on your website set up. Refer to your web developer or hosting company for more information.
Example 1 - Within a Wordpress website
The code should be pasted into a Custom HTML block.
Example 2 - The digital flipbook appears in the website sidebar.
The code is placed within a Custom HTML block in the sidebar > Go to Appearances > Widgets > Select Sidebar widget > Paste the text in the content field > Update.
Example 3 - If the code is being added to a page
You would select Pages from the side bar > Select the page and click edit > Add the code to a Custom HTML block on the page > Save.
