You are 5 minutes away from your digital publication! Check out our Tutorial below for detailed explanations on how you can quickly create your interactive content.
This document is addressed to all those who wish to create a digital brochure, an interactive press kit, a mini-site, etc. Follow these 6 steps to a successful interactive publication.
If you have not downloaded the new version of the plugin, please follow the steps here
You will need two different InDesign files:
Choose the most appropriate mode for your output.
Create the file for your publication in A5 format and select the double page mode. On a computer, the double pages will be displayed side by side in landscape mode. On mobile and tablet, the pages will be displayed one after the other in portrait mode. This mode is preferred for “mobile friendly” publications. NB: all pages must be in A5 format.
Example: Anpère Magazine
Create the file for your publication in A4 landscape format. On computer, tablet and mobile, the pages will be displayed one by one in full screen. The mobile experience is better in landscape mode. NB: all pages must be in A4 format.
Example: Renault Press Kit
Create your document by defining a width common to all your pages as would do for a site (we advise you 1366 px for the width).
Then set the height of each page (each page can have its own height).
This mode is ideal for reproducing the ergonomics of a “mini-site”.
Example : WP mini-site
Whether you start from an existing document or decide to create your publication “from scratch”, avoid putting too much content on the first level of reading.
When there is too much information on a page, consider moving some of your content into a popup to optimize the reading experience.
Here are two examples to show you how to simplify the first level of reading.
Here we added pages.
Print document
High density of text.
Digital document
Less text, larger images. The double page mode for mobile is appropriate.
Here, we have deported part of the text in popups (second level of reading).
Print document
High density of text.
Digital document
Less text, larger images. The double page mode for mobile is appropriate.
You can keep your typography. You are no longer limited to web typography.
Always check if your text is readable on the devices you are targeting. To test your desktop version, click
“Preview” from our plugin.
Use the “Share” function to test it on mobile and tablet.
NB: the simplest rule is to double all the fonts sizes.
Example: if your font size is 9 on your print version, it will be 18 on its digital version.
The texts must be regrouped on the same layer, which is placed at the top of the stack.
Optimize images before adding them to the document: only use images under 2048 px wide. Or 2048 px high.
You can now start enriching your publication!
First select a button (made with the “Buttons and Forms” panel in InDesign) or create a rectangular frame to create the enrichments A to E here below.
To insert a video into your document, create a rectangular frame where your video will be placed. Then select “Insert a ideo” and upload it. Our solution will convert your video automatically to mp4 format. You can also choose to insert a Youtube link.
To create a direct link to a page in the publication, click “Go To Page” and enter the number of the page where you want to redirect your reader.
Select a button (made in InDesign with Buttons and Forms) or create a rectangular frame to apply one of the following actions:/p>
Set the background color for the active page of your publication.
You can also enrich your popups with rich media content!
Your popups can contain InDesign animations, videos, images, pdf, as well as links to pages in your publication or to external sites.
If you add an image behind a mask larger than this same image, the export will generate a very heavy PNG image. And the empty area will be exported as transparency.
Create a new InDesign file that will group all your popups. Your popups should be the same width (we recommend 1366 px wide for a compatible desktop and tablet, and 600 px wide for compatibility computers, tablets and mobiles) but their heights may vary.
Example mypopups.indd.
n our plugin, go to the “Project” tab, and apply the “Popup” mode (screenshot of the plugin - A). Your InDesign popup file is now created. Save each active page using the plugin, this action will create a popup per active page on our solution. Having all the popups in a single InDesign file it is very practical.
To link your popups to your publication, create a button or a “Rectangular Frame” in your Publication file. Select it and click on “Open popup” (screenshot of the plugin - B).
Your popup can contain InDesign animations, videos, images, pdf as well as links to pages of your publication or to external sites.
You’re almost done, all you have to do is to complete your publication!
In the plugin, click on “Project Completion> Manage Settings” to set the final details for your publication.
You will be redirected to our platform. If you weren’t already logged in, enter the credentials of your account (the same as for the plugin).
Now complete your publication:
A - Settings (screenshot of the plugin - A): set the parameters you want to activate. Release dates, Google analytics code, interface language etc.
B - Design (screenshot of the plugin - B): customize the interface with your logo, choose the icons, set the color for the bar, for the background etc.
C - Integration (screenshot of the plugin - C): get the url of the project, or download your master.
D - Publish (screenshot of the plugin - D): publish your publication to a definitive URL (50 credits).
NB: the “Share” function (screenshot of the plugin - E) allows you to validate, for free, your projects with your customers or your colleagues.