PressTo5 User Guide
PressTo5 is an Adobe InDesign plugin that turns your layout into an interactive HTML5 publication: a page-by-page web viewer that looks exactly like your InDesign document and keeps its animations, buttons, links, media and multi-state objects working.
What you can make
One InDesign document, many ways to publish it.
Opening PressTo5
Once PressTo5 is installed, there are two ways to reach it in InDesign:
- Plugins > PressTo5 opens the PressTo5 panel and lists every command in one flat list.
- The PressTo5 menu that the plugin adds to InDesign's menu bar. Here the commands are grouped: Interactive Elements holds the tools that work on a selected frame (Scrollable Frame through Image Sequence and Scroll Effects), and Media holds Background Audio, which applies to the whole publication.
| Command | What it does |
|---|---|
| Export Document | Runs an export (opens the export options dialog first). Same as the panel's Export to HTML5 button. |
| Batch Export | Exports many documents at once: open documents, a folder or a book. More |
| Run Job… | Loads a saved batch (a job file) into the Batch Export screen. More |
| Preflight | Checks the document for anything that would break or weaken the web version. More |
| Accessibility | Set alt text, mark decorative objects, and check the document for screen readers. More |
| Scrollable Frame | Make a text frame, or content pasted into a frame, scroll inside the frame. More |
| Web Content | Embed a video, map, web page or HTML in a frame. More |
| Lightbox | Open a picture, or links to images, enlarged over the page. More |
| Carousel | Turn a multi-state object into a slideshow. More |
| Flip Card | Turn a multi-state object into a card that flips over. More |
| Pan & Zoom | Let readers drag and zoom a picture inside its frame. More |
| Image Sequence | A 360° spin or frame-by-frame animation readers drag through. More |
| Scroll Effects | Sticky, parallax and fixed objects for the Scrolling layout. More |
| Background Audio | A soundtrack that keeps playing across page turns. More |
| User Guide | Open the online user guide in your browser. |
| Feedback / About | Open the feedback page or the About page in your browser. |
Each of the interactive-element tools opens its own screen inside the PressTo5 panel. Click ← Back to export at the top of any screen to return to the main export panel.
Your first export
From an open InDesign document to a working web publication in a few minutes.
- Open the document you want to export in InDesign.
- Open the PressTo5 panel from Plugins > PressTo5.
- Set the title and pages. Type a Webpage title (leave it blank to use the title from File > File Info, or the file name). Under Pages to export, keep All pages or choose Custom and type a range such as
1, 3, 5-8, 12. - Click Export to HTML5. The Export options dialog opens.
- Choose your options on the Viewer, Fonts, Misc and Analytics tabs (see Export options dialog). The defaults give a good result, so for a first try you can leave them alone. Click OK.
- Cancel stops the export and leaves every option as it was.
- A document with several Alternate Layouts shows an Alternate layout picker at the top of the Viewer tab.
- Review Preflight if it finds problems. Its screen lists each one: click a problem to select it in the layout, fix it, click Re-check, then Export anyway or Cancel. With nothing found, the export carries straight on.
- Choose an output folder. Tip: use an empty folder for each publication. A progress bar shows the current step and roughly how long is left, and the log below it lists each step.
- Open the result. Open
index.htmlfrom the output folder in your browser to check it.
Clicking OK saves your export settings inside the document. Save the InDesign document afterwards to keep them for next time.
Publishing the result
- Check it locally by opening
index.htmlfrom the output folder in a browser. - Upload the whole output folder to your web server or hosting service, keeping its files and subfolders together. Don't upload only
index.html: the pictures, styles and scripts live beside it. - Share the address of the folder (for example
https://example.com/magazine/).
A few features work only once the publication is on a real web address (https): the Offline app, Analytics, page-turn transitions between files with One file per page, and YouTube videos inside Web Content frames. Opened from your disk, everything else works as normal.
The PressTo5 panel
| Option | What it does |
|---|---|
| Webpage title | The title shown in the browser tab and in search results. Blank uses File Info's title, then the file name. |
| Pages to export | All pages, or Custom with a range such as 1, 3, 5-8, 12. Pages are counted by their position in the document. |
| Export to HTML5 | Starts an export. |
| Debug | Writes extra diagnostic information. Only needed when reporting a problem (see Troubleshooting). |
The log fills the rest of the panel. Click its header to fold it down to a single line that keeps showing the latest message; the panel remembers whether it was folded. The log is worth a glance after each export: it tells you about anything it changed, skipped or couldn't do.
Export options dialog
Four tabs: Viewer, Fonts, Misc and Analytics.
Every option has a short explanation beside it; hover for the long version. Clicking an option's text toggles its box too. Options that don't apply to your current choices are dimmed: for example, Pages-only options are dimmed while Scrolling is chosen, and options that can't work across separate files are dimmed while One file per page is chosen.
Viewer tab
| Option | Default | What it does |
|---|---|---|
| Alternate layout | First layout | Only for documents with more than one Alternate Layout: which to export, or All layouts, one after the other. More |
| Layout | Pages | Pages (one page or spread at a time), Scrolling (one long column, like a website) or Presentation (full-screen slides). More |
| Page navigator | On | Page thumbnails the reader opens from the page counter. |
| Page number box | Off | Turns the counter into "Page [3] of 12"; the reader types a page and presses Enter. |
| Progress bar | Off | A thin bar along the top showing how far through the publication the reader is. |
| Fullscreen button | On | A fullscreen button (hidden where the browser can't go fullscreen). Also the F key. |
| Search | Off | A search button that finds text across every page and turns to it. |
| Share button | On | Shares a link to the page on screen: the share sheet on a phone, the clipboard elsewhere. |
| Print button | Off | Prints the publication, one page to a sheet at its own size, without the viewer's controls. |
| PDF download | Off | Also exports a PDF of the pages and adds a button that downloads it. |
| Two-page spreads | Off | Shows facing pages side by side on wide screens. Facing-pages documents, Pages layout only. |
| Back button turns pages | On | The browser's Back and Forward buttons step through the pages the reader turned. Pages layout only. |
| Page turn | Slide | Slide, Fade or Curl (Pages layout). Presentation adds Cut. |
| Viewer theme | Dark | Dark, Light or Match system. Colors the viewer's surroundings and controls, never your pages. |
Fonts tab
| Option | Default | What it does |
|---|---|---|
| Embed fonts | Off | Copies your font files into the export instead of loading them from Google Fonts. Runs a license check when ticked. More |
Misc tab
| Option | Default | What it does |
|---|---|---|
| Image quality | Original | Five stops (Small, Balanced, High, Maximum, Original) that shrink print-resolution pictures for the web. More |
| Convert to WebP | Off | Writes pictures as WebP where that's smaller. Not available at Original. More |
| Remove attribution | Off | Leaves out the small "Created with PressTo5" credit. |
| Page files | Single file | Single file (every page in index.html) or One file per page (a real web page for every page, better for search engines). More |
| Offline app | Off | Makes the publication installable and readable offline. Reveals App name, Short name, Display, Orientation and App icon. More |
| Site address | — | The web address you'll publish at. Enables a sitemap, share pictures and absolute links. More |
| Page share pictures | Off | Each page's link previews with its own page. Needs One file per page and a Site address. |
| Embed code | Off | Writes a ready-made snippet for showing the publication inside another web page. More |
| Reading order from Articles panel | On | Screen readers, the Tab key and search follow the order in Window > Articles. More |
| Use frame names as alt text | Off | Uses a picture's frame name as its description when it has no alt text. |
| Check document before export | On | Runs Preflight before each export. This is a plugin setting, not saved per document. |
Analytics tab
Provider, ID, consent and events. See Analytics.
Saved settings & presets
Each document remembers its settings
When you click OK in the export dialog, the settings are saved inside the InDesign document. Next time you export that document, the dialog opens on its own settings, so each publication keeps its own look. A document that has never been exported opens on the settings you used last.
- Not saved with the document: the page selection and title (chosen in the panel each time), and the Preflight and Debug switches (which belong to the plugin).
- The first time you click OK on a document it's marked as changed. Save the document to keep its settings.
- Cancel puts every control back to the document's saved settings.
Saving a preset
- Open the export dialog and set every tab the way you want it.
- Click Save Preset… and choose where to save the
.pt5presetfile. It includes the Analytics tab and Offline app settings.
Using a preset on another document
- Open the other document and click Export to HTML5.
- Click Load Preset… and pick the
.pt5presetfile. The dialog fills with its settings. - Check the tabs and click OK. The preset is only used, and saved with the document, when you click OK.
A preset saved by a newer version of PressTo5 is read as far as your version understands it, and a line under the buttons says what was skipped.
The viewer & layouts
Export options > Viewer tabChoosing a layout
| Layout | Best for | How it behaves |
|---|---|---|
| Pages | Magazines, brochures, catalogs | One page (or spread) at a time, fitted to the window with room for the arrows, never enlarged past 100%. |
| Scrolling | Web-page style reading, long reports | All pages stacked in one column, edge to edge. Readers scroll; arrow keys step a page. Animations play as objects scroll into view. Required for Scroll Effects. |
| Presentation | Slide decks | Full-screen slides with no controls around them. See Presentation mode. |
Page turns
| Page turn | What the reader sees |
|---|---|
| Slide (default) | The new page slides in as the old one slides out. |
| Fade | The new page fades in over the old one. |
| Curl | The page folds back from a corner like paper and can be dragged by hand. Released past about a third of the page, the turn completes; less springs back. Not available with One file per page. |
How readers get around
- Turn pages with the arrow buttons, the arrow keys (→/↓ forward, ←/↑ back), a swipe or mouse drag, your own links and buttons, the page navigator, the page number box, or search results.
- Zoom by pinching, double-tapping or double-clicking, ctrl-scrolling, or pressing +, - and 0 (reset). Esc zooms back out. A zoomed page pans under a finger or the mouse.
- Back button. With Back button turns pages on, the browser's Back and Forward (and the back swipe on phones) step through the pages read. Quick flips through several pages count as one step.
Two-page spreads
Tick Two-page spreads to show facing pages side by side. Spreads only appear when they don't shrink the pages too much: the window must be at least 768 px wide (so never on a phone), and each page must still be shown at 80% or more of its single-page size. Otherwise the viewer shows single pages, and switches back and forth as the window is resized. The cover, and any page whose partner is a different height, shows on its own.
Viewer controls
- Page navigator: click the page counter to open a strip or grid of page thumbnails.
- Search: the search button (or /) opens a panel that searches every page as you type, ignoring case and accents ("cafe" finds "Café"). Results are listed by page with a snippet; click one to go there. Enter and Shift+Enter step through the results; Esc clears the box, then closes the panel.
- Share: shares a link to the current page through the phone's share sheet, or copies it to the clipboard on a computer.
- PDF download: the export includes a PDF named after the publication, with the exported pages as single pages, bookmarks and hyperlinks, and no printer's marks or bleed. Your own PDF export settings in InDesign are left as they were.
- Viewer theme: Dark, Light, or Match system (follows the reader's light/dark mode).
Page sizes & Alternate Layouts
Every page is exported at its own size. A fold-out, a cover of a different size, or a page resized with the Page tool keeps its size: it's fitted to the window on its own, its thumbnail has its shape, and in Scrolling the pages stack at their own widths.
Exporting a document with Alternate Layouts
- Create your layouts in InDesign with Layout > Create Alternate Layout.
- Click Export to HTML5. At the top of the Viewer tab, the Alternate layout picker lists each layout with its page count.
- Pick one layout, or All layouts, one after the other. The choice is saved with the document and in presets.
- Click OK and export as usual.
Good to know
- The panel's page numbers count every page in the document, all layouts included; only pages in the chosen layout are exported.
- Links to a page in a layout that wasn't exported are dropped.
- The viewer doesn't yet switch layouts automatically (for example, a phone layout on narrow screens). With all layouts exported, the reader turns from the last page of one into the first page of the next.
- A preset that names a layout the document doesn't have exports its first layout, and the log says so.
Fonts
Export options > Fonts tabAll copy in the export is real text: selectable, searchable and readable by search engines and screen readers. By default, fonts are loaded from Google Fonts, requesting exactly the families and weights your document uses. A family Google doesn't have falls back to the browser's default font.
Embedding your own fonts
- Open the Fonts tab and tick Embed fonts.
- Read the license check that appears, with one verdict per font:
- OPEN: an open license such as the SIL Open Font License.
- CHECK: a commercial or system font. Read its license before publishing.
- NO: the font forbids embedding, or it's synced from Adobe Fonts (whose terms don't allow self-hosting).
- ?: missing, or a file that couldn't be read.
- Click OK. The font files are copied into the export.
Nothing is left out automatically. It's your responsibility to make sure each font's license allows web embedding. Fonts installed only for the current user, and .ttc font collections, may not be found.
Image quality & WebP
Export options > Misc tabPrint layouts use print-resolution pictures: a photo in a small frame may be 6000 px wide, while on screen it's only a few hundred pixels across. The Image quality slider shrinks each placed JPEG and PNG to the size it's actually shown at, so readers don't download far more than they can see.
| Stop | Kept at | Compression | Use it for |
|---|---|---|---|
| Small | 1× the shown size | JPEG quality 60 | Smallest download; pictures look soft on high-resolution screens |
| Balanced | 1.5× | 72 | A good everyday choice for phones |
| High | 2× | 80 | Sharp on retina screens, much smaller than the originals |
| Maximum | 2× | 90 | Photography-heavy publications |
| Original | — | — | Exports every placed file exactly as it is (the default) |
- A resized picture is only used when it comes out smaller than the original.
- When the same picture is placed several times, its largest placement decides the size.
- PNGs stay lossless, so transparency and sharp edges are kept.
- The log lists each picture it shrank, for example
photo.jpg: 6000x4000 -> 1200x800, 4.1 MB -> 210 KB.
Convert to WebP
With any stop other than Original, tick Convert to WebP to write pictures in the smaller WebP format where it helps. Photos typically come out a third to two thirds the size of the resized JPEG, at the same quality; PNGs are converted losslessly (except at Small, where PNGs without transparency become lossy). Pictures over about 10 megapixels after resizing keep their format.
Pictures browsers can't show
Placed Illustrator, EPS, PDF, PSD, TIFF, BMP, HEIC and InDesign files can't be shown by browsers, so PressTo5 renders each one to a PNG automatically, keeping the frame's crop, rotation and scaling. Nothing to switch on. Vector artwork loses its sharpness at deep zoom; place SVG if you need it to stay sharp. Layer visibility set in Object Layer Options isn't carried over.
Faster loading
Only the pictures on the opening page load straight away; the rest load as the reader approaches them.
Preflight
Catches problems before your readers do.
Before every export
With Misc > Check document before export ticked (the default), each export checks the document after you click OK and before you choose a folder. If problems are found:
- The panel switches to the Preflight screen and lists everything found.
- Click a row: InDesign turns to that page, fits it in the window and selects the object.
- Fix it in InDesign (the screen doesn't block you), then click Re-check.
- When you're happy, click Export anyway, or Cancel to stop.
You can also run it any time from PressTo5 > Preflight.
What it checks
| Check | Severity | What it means |
|---|---|---|
| Missing links | Error / Warning | A picture or media file can't be found (error), or has changed since it was placed (warning). |
| Media browsers can't play | Error | A movie or sound in FLV, F4V, SWF, AVI, WMV or MPEG. Use MP4 (H.264) or MP3. |
| Pictures browsers can't show | Warning | TIFF, PSD, EPS, AI, PDF and similar. They'll be converted to PNG. |
| Fonts | Error | A font isn't installed, or (with Embed fonts on) its license forbids embedding. |
| Overset text | Warning | A story or table cell has hidden overflow. Text frames tagged in Scrollable Frame are skipped. |
| Oversized pictures | Warning | Very large pictures that will ship unchanged. |
| Missing alt text | Warning | A picture with no description for screen readers. |
| Missing description | Warning | File > File Info has no Description. You can type one right on the Preflight screen and save it to File Info. |
Preflight only looks at what will be exported: the chosen pages and their masters, not the pasteboard, hidden or non-printing layers, or hidden objects.
Good to know
- Fonts are checked for the whole document, not just the exported pages.
- A locked object or layer can't be selected; the status line names its page instead.
- If you start an export from the menu while the panel is closed, open the panel to answer Preflight.
- Opening another PressTo5 screen while an export waits on Preflight cancels that export.
Type, headings & tables
Character and paragraph styling, leading, tracking, alignment (including toward/away from spine), all caps, multi-column frames, text wrap, drop caps, bullets and numbering, paragraph rules and shading, and outlined type all carry across. Threaded frames each show their own share of the story.
Copyfit. Browsers don't set lines exactly as InDesign does, so a frame's text can run slightly long. When it does, the viewer shrinks that frame's type just enough to fit (never below 80%).
Making real headings (recommended)
Headings help search engines and let screen-reader users navigate. The page looks exactly the same.
- Open the paragraph style for your headings (for example "Chapter Title") and go to Export Tagging.
- Under the EPUB and HTML tag, choose
h1for the main title,h2for section heads, and so on. Choosepfor body text andblockquotefor quotes. - For emphasis, open a character style's Export Tagging and choose
emorstrong(also available:b,i,sub,sup,cite,code,markand more). - For text in another language, type
lang="fr"(for example) in the tag's attributes. Screen readers will switch pronunciation.
Styles left at [Automatic] still work the old way: a paragraph style named h1–h6 or "Heading 1"–"Heading 6" becomes a heading.
Tables
Tables become real HTML tables. Header and footer rows, column widths, row heights, insets, fills, strokes, merged cells, vertical alignment, rotated text, alternating fills and pictures anchored in cells all carry across. A table threaded across frames repeats its header and footer rows.
Limitations
- A cell the browser sets slightly longer grows its row (rows set to Exactly clip instead).
- Graphic cells, nested tables, diagonal cell lines, alternating strokes and cell gradients aren't exported.
- Inside a table cell, a paragraph style's tag isn't applied; character style tags are.
- A frame anchored in ordinary text is placed at its page position, not in the text flow.
Animations
InDesign: Window > Interactive > Animation and TimingAnimations from InDesign's Animation panel play in the export, including motion paths, opacity, rotation and scale, durations, delays, loops and easing. Stock presets (Bounce, Spring, Wave, Zoom and the rest) keep their own timing: bounces even squash on landing.
Setting up an animation
- Select an object and pick a preset in the Animation panel, or draw a motion path.
- Choose an Event: On Page Load, On Page Click, On Click (Self), On Roll Over, or On Button Event.
- Set duration, plays (or Loop), speed/easing, and Animate: From / To Current Appearance or To Current Location. These are respected exactly.
- Tick Hide Until Animated if the object should appear only when its animation starts.
- In the Timing panel, set the order and delays, and link items with Play Together to start them at the same moment.
- In the Scrolling layout, page-load animations play as each object scrolls into view.
- In Presentation, On Page Click animations become builds, one per press of Next (see Presentation).
- Custom easing on non-preset animations is approximated.
Forms
InDesign: Window > Interactive > Buttons and Forms| InDesign field | Becomes |
|---|---|
| Text field | A single-line, multiline or password input. |
| Combo box | A drop-down list, editable or not. |
| List box | A list allowing one or several selections. |
| Check box / radio button | A real control drawn with your own On and Off artwork. |
| Signature field | An area the reader signs with a finger, pen or mouse (a drawn signature, not a certificate). |
Collecting form responses
- Build the form fields in InDesign. Mark fields Required or Read only as needed.
- Create a button and give it the Submit Form action.
- For the URL, enter the address of a form service (for example a Formspree endpoint) or your own server. Or enter a
mailto:address to open the reader's email app with the answers. - Optionally add buttons with Clear Form and Print Form.
- Export and test the form from its published address.
On Submit, required fields are checked first, and the reader is pointed to the first missing one. Then the reader sees "Sending…", followed by "Sent. Thank you!", the service's own error message, or a timeout/offline message. Signatures are attached as pictures (they can't be sent by email).
Limitations
- InDesign has no format setting (email, number, date), so no format checking is done.
- Actions set on a form field itself (rather than a button) aren't exported.
Hyperlinks & page links
Links to web addresses, pages and text anchors all work. Every page has its own address (index.html#page-5, or page-5.html with One file per page), so you can link straight to any page from an email or another site.
- Text anchors get an address from their name: an anchor named "Chapter 2" is
#chapter-2. Following a link to it turns to its page and briefly highlights the line. - Shared destinations work like the URL, page or anchor they point to.
- A link to another InDesign document has nowhere to go and is left as plain text; the log names it.
Movies & sounds
InDesign: Window > Interactive > Media- Place an MP4 (H.264) movie or an MP3 sound with File > Place, or use Video from URL in the Media panel.
- In the Media panel, set Play on Page Load, Loop, Stop on Page Turn, a poster and a controller as you like. These carry over.
- Optionally add navigation points, and buttons that play from them.
- Posters are rendered sharp for retina screens.
- Browsers block sound until the reader interacts with the page. A video that's blocked starts muted and gets its sound back at the reader's first click or key press, so nothing is lost.
- A YouTube or Vimeo address used as Video from URL becomes a Web Content player.
- Controller skins aren't reproduced: movies get the browser's own controls.
- FLV, F4V, SWF, AVI, WMV and MPEG can't play in browsers. Preflight and the log flag them.
Interactive elements: how tagging works
The tools under PressTo5 > Interactive Elements add behavior InDesign doesn't have. They all work the same way:
- Select the frame or object in your layout.
- Open the tool from the PressTo5 menu. If the screen is already open, click Read selection so it picks up the new selection.
- Set the options and click Apply to frame / Apply to object (or the toggle button).
- To take the behavior off again, select the object and click Remove.
The setting is stored invisibly on the object, so it survives saving, copy/paste and undo. It only takes effect in the exported publication.
Scrollable Frame
PressTo5 > Interactive Elements > Scrollable FrameA frame keeps its exact size and whatever doesn't fit scrolls up and down inside it, instead of being cut off or shrunk. It works on a text frame (long captions, sidebars, terms) and on a frame with content pasted into it (a list of cards, a column of pictures and captions).
A text frame
- Place all the copy in one text frame and size the frame as it should appear. It's fine for the frame to be overset.
- Select the frame and open Scrollable Frame.
- Click Toggle scrollable. Click it again to turn it off.
A group or other content
- Lay out the content (for example a tall group of cards) and cut it (Edit > Cut).
- Draw a frame the size of the window it should scroll in, then choose Edit > Paste Into. Position the content so the frame shows what readers should see first.
- Select the frame with the Selection tool, open Scrollable Frame and click Toggle scrollable.
The content stays live: text can be selected, and buttons and links inside still work. It scrolls vertically only, and a rotated frame doesn't scroll. A group on its own can't be tagged, because it has no edges to scroll within; paste it into a frame first. For a single picture, use Pan & Zoom instead.
In the export the scrollbar is thin and drawn in the text's own color, and the content fades at whichever edge has more past it, so readers can see there's more. The up and down arrow keys scroll the frame instead of turning the page. Threaded frames can be tagged one at a time.
Web Content
PressTo5 > Interactive Elements > Web Content- Draw a rectangle, oval or polygon frame where the content should appear. Optionally place a picture in it to use as a poster.
- Select the frame and open Web Content.
- Paste a link, address or HTML code (see the table below).
- Choose the options and click Apply to frame.
| You paste | It becomes |
|---|---|
| YouTube video, Shorts, youtu.be or playlist link | A privacy-enhanced YouTube player. Start times like ?t=1m30s are kept. |
| Vimeo link (including private links) | A Vimeo player with "do not track" on. |
| Link to an MP4, WebM, MOV, M4V, OGV file or an HLS stream | The publication's own video player, which buttons' Movie actions can control. |
| Dropbox video link | Streamed directly and played as a video file. |
| Google Drive video link | Drive's own player (the file must be shared with anyone who has the link). |
| Google Maps embed code, place link, short link or a street address | An embedded Google Map. |
| Any other web address | That web page inside the frame. |
| HTML code | Runs in its own sealed-off frame. |
| Option | Default | What it does |
|---|---|---|
| Load | On click | Nothing is requested from the provider until the reader clicks (no cookies, faster pages). With page loads it as its page comes on screen. |
| Autoplay | Off | Starts playing when loaded with the page, always muted (the only way browsers allow it). |
| Loop | Off | Plays again from the start. |
| Controls | On | Shows the player's controls. |
| Full screen | On | Lets the reader make the player full screen. |
Until clicked, the frame shows a poster: your placed picture, or a thumbnail fetched from YouTube or Vimeo, or a placeholder. Players pause when the page turns.
Limitations
- Opened from your disk, YouTube videos open on youtube.com instead of playing in the page. Upload the export to see them play inline.
- HLS streams play natively only in some browsers (Safari). Link an MP4 to play everywhere.
- A linked video file gets no fetched thumbnail: place a picture in the frame for its poster.
Lightbox
PressTo5 > Interactive Elements > LightboxTwo ways to use it:
Enlarge a picture when clicked
- Select a picture frame.
- Open Lightbox and click Toggle lightbox.
Clicking the picture in the export opens it whole and uncropped over the page, with its alt text as a caption.
Open image links in the lightbox
- Add hyperlinks to image files on a frame, or on words inside a text frame.
- Select that frame and click Toggle lightbox.
Those links now open the image in the lightbox instead of leaving the page. Image files linked from your own disk are copied into the export automatically.
In the lightbox, readers can…
- Double-tap or double-click to zoom in; pinch or use the mouse wheel to zoom smoothly; drag to pan.
- Swipe sideways, use the arrow keys or the ‹ › buttons to move between lightbox images on the same page or spread.
- Close with Esc, a swipe down, a tap on the dark surround, or the close button.
Only JPEG, PNG, GIF, WebP, AVIF, SVG and BMP open enlarged. A frame can be only one of Lightbox, Pan & Zoom and Image Sequence.
Carousel
PressTo5 > Interactive Elements > Carousel- Build a multi-state object in InDesign (Window > Interactive > Object States), one state per slide.
- Select it (or anything inside it) and open Carousel.
- Set the options and click Apply to object.
| Option | Default | Choices |
|---|---|---|
| Transition | Slide | Slide, Fade or None. |
| Seconds per slide | 4 | 0 to 60. 0 turns auto-advance off. |
| Dots | On | A row of dots along the bottom, one per state. |
| Pause on hover | On | Stops advancing while the pointer is over it. |
Readers can click a dot, swipe sideways, pause it, or use your own buttons that change its states. It only advances while its page is on screen. Readers who prefer reduced motion get no transitions and a paused carousel.
Limitations
- A Slide carousel is clipped to the object's bounding box, so drop shadows reaching past it are cut off.
- Groups can't be carousels; convert the group to a multi-state object first.
- An object is a Carousel or a Flip Card, not both.
Flip Card
PressTo5 > Interactive Elements > Flip Card- Design the card's front and back at the same size and stack them exactly on top of each other.
- Make them a multi-state object. The state showing in InDesign is the front.
- Select it, open Flip Card, choose the options and click Apply to object.
| Option | Default | Choices |
|---|---|---|
| Flip direction | Horizontal | Horizontal (left to right) or Vertical (top to bottom). |
| Duration | 0.6 s | 0.2 to 3 seconds. |
Clicking or tapping the card turns it over in 3D; clicking again turns it back. With more than two states, each click goes to the next. Links and buttons on the card keep their own click. Keyboard users press Enter or Space.
Pan & Zoom
PressTo5 > Interactive Elements > Pan & ZoomReaders drag a picture around inside its frame and zoom into it: great for maps, floor plans or detailed artwork.
- Place a picture bigger than its frame (rectangle, oval or polygon).
- Crop it to the view readers should start with.
- Select the frame, open Pan & Zoom, choose the options and click Apply to frame.
| Option | Default | Choices |
|---|---|---|
| Maximum zoom | 3× | Pan only (1×), 2×, 3× or 4×. |
| Show hint | On | A hand icon over the frame until the reader first touches it. |
- Mouse/touch: drag to pan; pinch or ctrl-scroll to zoom; double-tap to zoom to 2×.
- Keyboard: Tab to the frame; arrow keys pan, +/- zoom, 0 resets.
- The picture always covers the frame, dragging never turns the page, and the frame resets when the page turns.
Text frames and frames holding a movie, sound or Web Content can't be tagged. With a low Image quality, deep zoom into a very large picture can look soft.
Image Sequence
PressTo5 > Interactive Elements > Image SequenceTurn a numbered series of pictures into a 360° product spin or a frame-by-frame animation that readers drag through.
- Prepare the frames in one folder, named the same way with a number:
spin_001.jpg,spin_002.jpg…spin_036.jpg. Zero-padding is optional. Use JPEG, PNG, WebP, GIF or AVIF, between 2 and 360 frames. - Place one of them with File > Place and crop it as every frame should be shown. This frame is where readers start, and what prints.
- Select the frame and open Image Sequence. The screen tells you how many frames it found, which numbers are missing, and their total size.
- Set the options and click Apply to frame.
| Option | Default | Choices |
|---|---|---|
| Drag to turn | On | Readers scrub through the frames by dragging sideways. |
| Show hint | On | A left-right arrow until the reader first touches it. |
| Reverse direction | Off | Runs the frames the other way (for a series shot clockwise). |
| Drag speed | 1 | ½, 1, 1½, 2 or 3 passes through all frames per frame-width dragged. |
| Plays on its own | No | Loop while on screen, or Once when it first comes into view. |
| Frames per second | 24 | 1–60, for playing on its own. |
| At the last frame | Wrap round | Wrap round (a 360° spin), Stop at the ends, or Ping-pong. |
Keyboard users Tab to it and use the arrow keys, Home/End, and Space to play and pause. The frames are found again at each export, so you can add or remove frames after tagging.
File > Package collects only the placed frame. Copy the rest of the folder along with it, or the export will find only one frame and export a still picture.
Scroll Effects
PressTo5 > Interactive Elements > Scroll EffectsEffects that play as the reader scrolls. They only appear in the Scrolling layout; in the Pages layout the object simply stays where you placed it.
- Select an object placed directly on the page.
- Open Scroll Effects, choose Sticky, Parallax or Fixed, set its options and click Apply to object.
- In the export dialog, set Layout to Scrolling.
Sticky
The object scrolls with its page until it reaches the top of the window, stays there while the page scrolls past, and lets go at the bottom of its page.
| Option | Default |
|---|---|
| Distance below the top of the window | 0 pt |
| Let go above the page bottom | 0 pt |
Parallax
The object (or just its picture inside the frame) moves at a different pace from the page, for a sense of depth. It's exactly where you placed it as it passes the middle of the window.
| Option | Default | Choices |
|---|---|---|
| What moves | The whole object | The whole object, or its picture inside the frame. |
| Travel | 40 pt | How far it moves either side of where it's placed. |
| Pace | Slower | Slower (feels further away) or faster (feels nearer). |
Fixed
The object holds still in the window while pages scroll beneath it, like a logo or menu button.
| Option | Default | Choices |
|---|---|---|
| Hold it at | Its distance from the page's top | From the top of the window, or from the bottom. |
| Show it | Over its own page only | Over its own page only, or from its page to the end. |
Tips & limitations
- Place a fixed object near the edge it's held to, or it may end up off-screen on phones.
- Keep fixed objects clear of the viewer's own controls near the window edges.
- Leave room around a parallax object for its travel. A moving picture loses its blend mode.
- Selecting something inside a group tags the outermost group. Objects anchored in text can't take an effect.
- Readers who prefer reduced motion see everything where you placed it.
Background Audio
PressTo5 > Media > Background AudioA soundtrack for the whole publication that keeps playing as pages turn.
- Open Background Audio.
- Click Choose… and pick an audio file. MP3, M4A or AAC play everywhere; OGG doesn't play in Safari on older Apple devices, and WAV is large and slow to start on phones.
- Set the options and click Apply to document. The setting is saved in the document. Click Remove to take it off.
| Option | Default | What it does |
|---|---|---|
| Loop | On | Starts again at the end; off, it plays once. |
| Volume | 60% | 0–100%. |
| Pages | All | Or a range such as 3-12, 15, counted by position in the document. |
| Pause while page media plays | On | Pauses while a movie or sound on the page plays. |
| Pause when the tab is hidden | On | Pauses while the reader is in another tab or app. |
Browsers won't play sound until the reader first clicks, taps or presses a key, so it starts then; until then a speaker button pulses. It fades in and out on pages outside the range. The speaker button mutes and unmutes it.
Limitations
- If the audio file has moved since you chose it, the export goes ahead without it (the log says so).
- iPhone and iPad ignore the volume setting and don't fade.
- YouTube or Vimeo players don't pause it; linked video files do.
- With One file per page there's a short gap between files.
Search engines & page files
Add search information first
- Open File > File Info > Basic and fill in Document Title, Description, Author and Keywords. Save the document.
- To set the language, choose Edit > Deselect All and pick a language in the Character panel.
The export uses these for the page's title, description and language, and for the preview shown when a link is shared on social media. The log reminds you if there's no description.
One file per page
Misc tab > Page files > One file per pageEvery page becomes its own web page (index.html, page-2.html, page-3.html…), each with its own title (from its highest heading), description (from its own text) and canonical link. This helps search engines find and show individual pages. Search still covers the whole publication. Scrolling, Back button turns pages and the Curl page turn aren't available with this option.
Site address
Misc tab > Site addressType the address you'll publish at, for example https://example.com/magazine/. Then the export also:
- Writes a
sitemap.xmllisting every page, for search engines. - Writes a
robots.txtwhen the address is the root of a site. For an address in a folder, the log gives you the line to add to your site's own robots.txt. - Renders the first page as
share.jpg, so shared links preview with your cover.
Page share pictures
With One file per page and a Site address, tick Page share pictures so each page's link previews with its own page instead of the cover. It renders every page once more, so exports take longer and grow by a few hundred KB per page.
Nothing in the output folder is ever deleted. If you switch back to Single file, export fewer pages, or clear the Site address, old files stay behind. Export into an empty folder to start clean.
Embedding in a website
Misc tab > Embed code- Fill in the Site address (where the publication will be published).
- Tick Embed code and export.
- Open
embed.htmlfrom the output folder in your browser. It shows a preview and a ready-made snippet. - Click Copy and paste the snippet into your web page's HTML.
- Upload the publication to its Site address. (
embed.htmlis for you; there's no need to upload it.)
The frame is sized so pages show at 100% and shrinks to fit narrower columns, keeping its shape. Fullscreen is allowed. Page turns inside the frame don't affect the host page's Back button.
Without a Site address, the snippet contains https://YOUR-SITE/: replace it with the real address.
Analytics
Export options > Analytics tabFind out which pages are read and for how long, in Google Analytics 4, Plausible, or your own system.
- Choose a Provider: Google Analytics 4, Plausible or Custom endpoint.
- Enter the ID or address:
- GA4: the measurement ID,
G-XXXXXXXXXX. - Plausible: your site's domain as registered (
example.com), or the script address from your Plausible snippet. - Custom endpoint: the
https://address that should receive the events.
- GA4: the measurement ID,
- Choose how Consent is handled (see below).
- Tick any optional events you want, then click OK. The settings are saved in the document.
- Publish to a web server: analytics doesn't send anything from a file opened from disk, unless Count local previews is on.
| Option | Default | What it does |
|---|---|---|
| Respect Do Not Track | On | Readers whose browser asks not to be tracked aren't counted. |
| Count local previews | Off | Also count a publication opened from disk. |
| Time on page | On | Seconds each page was on screen. |
Optional events (all off by default)
| Event | Sent when |
|---|---|
| Outbound links | A link to another site, email address or phone number is clicked. |
| PDF downloads | The Download PDF button, or any PDF link, is clicked. |
| Media | A movie or sound starts or finishes, or a Web Content frame is opened. |
| Form submissions | A Submit Form button is pressed (never what was typed). |
| Searches | A reader searches. Leave this off if readers might type personal details. |
| Shares | The Share button is clicked. |
| Finished reading | The reader reaches the last page. |
Each page counts once per visit, so turning back to a page doesn't count it twice.
Consent
- Send right away: counting starts on the first page.
- Ask readers with a banner: a small bar asks "May this publication count your visit?" with Allow and No thanks. Readers are asked only once.
- Wait for the site's consent manager: nothing is sent until your website's consent tool calls
pt5Analytics.consent(true)(orfalse). Pass this to whoever manages your website.
GA4 uses cookies, so in the EU and UK readers usually need to agree first. Plausible uses no cookies.
In your GA4 data stream, under Enhanced measurement, switch off "Page changes based on browser history events", or GA4 will count page views twice. In GA4, extra event values only appear in reports once registered as custom dimensions; in Plausible, events appear once added as goals.
Offline app
Export options > Misc tab > Offline appReaders can install the publication like an app (the browser's Install button, or Add to Home Screen) and read it without a connection once they've opened it.
- On the Misc tab, tick Offline app.
- Type an App name (shown when installing) and a Short name (under the home-screen icon, about 12 characters). Blank uses the page title.
- Choose Display: With the status bar (keeps the phone's time and battery visible) or Full screen.
- Choose Orientation: Any, Portrait or Landscape (Android only; iPhone and iPad always turn freely).
- For App icon, keep the first page or click Choose picture… to use a JPEG or PNG logo. A square picture (1024 × 1024 is plenty) fills the icon edge to edge; keep anything important in its middle 80% for Android's round icons.
- Consider ticking Embed fonts on the Fonts tab, so your type also works offline.
- Export and upload to an https address.
What readers do
- Android / desktop Chrome or Edge: use the browser's Install button or menu.
- iPhone / iPad: tap Share > Add to Home Screen (iOS shows no install prompt).
- They must open the publication online once, and keep it open long enough for the files to download.
Updating
Export again into the same folder and upload. Readers who have it open see "A new version of this publication is available" with a Reload button; others get the new version next time they open it.
What isn't kept offline
Videos, audio and the PDF (they're the largest files), content from other sites (YouTube, Vimeo, maps, analytics), and Google Fonts until a reader has loaded them once. The log reports the offline size and warns above 100 MB; a lower Image quality and Convert to WebP help.
iPhone and iPad notes
- Launch screens are made from your first page for the 6.1-inch iPhone and the 10.9-inch iPad; other models show white briefly while the app opens.
- The viewer's controls keep clear of the notch and home indicator.
- In the installed app on iPhone and iPad, the Fullscreen button is hidden (the publication already fills the screen).
Publishing to the app stores
An Offline app export can be packaged for Google Play, the Apple App Store or the Microsoft Store using Microsoft's free PWABuilder (pwabuilder.com). Before you do, consider whether you need a store at all:
| You want | Simplest route |
|---|---|
| Readers to keep it on their phone and read offline | Offline app alone: share the link, readers add it to their home screen. No store, no review, no fees. |
| To be found in Google Play | A Google Play package from PWABuilder. |
| To be in Apple's App Store | Possible, but Apple usually rejects a single wrapped publication, and an app per issue. |
| A book in Apple Books | Use InDesign's own Export > EPUB (Fixed Layout) instead. |
Steps
- Export with Offline app on, an App name, Short name, a square App icon, and the Site address filled in.
- Upload the whole folder to that https address and open it in Chrome to check it works.
- Go to pwabuilder.com, enter the publication's address, fix anything it marks as required, and download the package for your store.
- Finish in each store's developer account: Google Play needs a developer account and access to your domain's root; Apple needs a Mac with Xcode and a paid developer membership; Microsoft needs a Partner Center account.
The store app opens your published export, so updating the publication on your website updates the app without a new store release.
Presentation mode
Export options > Viewer tab > Layout > PresentationPresent straight from a browser: full-screen slides, clicker support, builds, a laser pointer, speaker notes and a presenter view.
Setting up a deck
- Lay out the deck at a 16:9 page size, such as 1920 × 1080 px (or 1440 × 810 pt). Other sizes work with black bars.
- For builds, set animations to On Page Click in the Timing panel (see below).
- For speaker notes, add a layer named Notes and put each slide's notes in text frames on that slide's page.
- Click Export to HTML5, and on the Viewer tab choose Layout > Presentation.
- Choose a Page turn: Fade (default), Slide or Cut (no animation). Leave Page navigator on for the slide overview.
- Export, open
index.html, press F for full screen, and present.
Keys
Presentation clickers (Logitech, Kensington and the like) work as they do in PowerPoint or Keynote.
| Key | What it does |
|---|---|
| → ↓ Page Down Space Enter N | Next build step, or next slide |
| ← ↑ Page Up Backspace P | Undo the last build step, or previous slide |
| Home / End | First / last slide |
| A number, then Enter | Go to that slide |
| B or . | Black screen (any key returns) |
| W or , | White screen (any key returns) |
| F / F5 | Full screen |
| L, or hold Shift | Laser pointer (Esc also turns it off) |
| S | Presenter view |
| G | Slide overview grid (needs Page navigator) |
| ? | List of keys |
Mouse: click for next, right-click for previous. Touch: tap for next, swipe to turn. Links, buttons, media and other interactive items keep their own clicks. On a touch screen, press and hold for the laser.
Builds (On Page Click)
Each group in the Timing panel set to On Page Click (one item, or items linked with Play Together) plays on one press of Next, in order, before the slide turns. Going back to a slide shows it fully built, as in PowerPoint.
Speaker notes
- Name the layer Notes or Speaker Notes. Hide it or make it non-printing so it's out of your way; it's read either way and never shown on the slides.
- The frame's whole story is read, overset text included, so the frame can be small.
- Notes are plain text: bold, italic and links aren't kept.
- Hide the Notes layer before exporting if you use the slide overview (G), since its thumbnails show visible layers.
Notes are saved in a file called notes.js in the export. Anyone who knows the address of a published presentation could open it. Delete notes.js before publishing a deck whose notes are private.
Using the presenter view
- Open the presentation and press S. The presenter view opens in its own window (allow pop-ups if the browser asks).
- Drag the presentation window to the projector, click it and press F for full screen.
- Keep the presenter view on your laptop. It shows the current slide, the next slide, your notes (resize with A−/A+), a timer with Pause/Reset, the slide and build number, and the time of day.
- Your clicker works with either window in front. With Laser on, pointing at the current slide in the presenter view shows the laser on the audience's screen.
It works from a folder on disk with no internet connection. If the presentation reloads, the presenter view reconnects and keeps its timer.
What a presentation leaves out
- No arrows, page counter, page number box, fullscreen button (use F), search, share, PDF download, spreads or Back button page turns. These are dimmed in the dialog.
- One file per page isn't available. Pinch and double-tap zoom are off. Scroll Effects don't apply.
- Background Audio plays with no speaker button and starts on the first key or click.
- A clicker's built-in "laser" key isn't visible to the browser; use L.
Accessibility
PressTo5 > AccessibilityScreen readers read an export from what you set in InDesign. Follow these steps to make your publication usable by everyone.
- Describe the pictures. Open PressTo5 > Accessibility, select a picture (or a shape, box or group) and click Read selection. Type what it shows and click Describe it. For pure decoration, click Decorative instead, and screen readers skip it. Not set returns to InDesign's defaults. A counter warns past 250 characters.
- Treat a group as one picture. Group a logo, chart or diagram made of several shapes, select the group and describe it. It's read once, as one picture. Any links and buttons inside stay reachable.
- Tag the headings. In each heading's paragraph style, open Export Tagging and pick
h1,h2… (andpfor body text). Tag emphasis character stylesemorstrong, and addlang="fr"(for example) for copy in another language. See Type & headings. - Set the reading order. In Window > Articles, drag frames into an article in the order they should be read. Keep Reading order from Articles panel on (Misc tab, on by default). A story threaded over several pages is followed through all its frames. Objects in no article (backgrounds, folios) are read first.
- Describe buttons and form fields in the Buttons and Forms panel's Description. Without one, a button is named by what it does ("Next page"), which is less helpful than your own words.
- Check the document. On the Accessibility screen, click Check document. Click a result to select that object, fix it, and check again.
- Export.
What Check document looks for
| Check | Level | When |
|---|---|---|
| Pictures with no alt text | FIX | Not described and not Decorative. |
| Alt text that is a file name | FIX | Like harbour.jpg or IMG_2041, which get read out letter by letter. |
| Alt text that says little | FIX / LOOK | Only "image", "photo", "untitled" (FIX); starts with "Image of…" (LOOK). |
| Long alt text | LOOK | Over 250 characters. |
| Written by InDesign's AI | LOOK | Generated alt text nobody has reviewed. Applying it here keeps the words and drops the "generated by AI" line. |
| Buttons and form fields with no description | FIX | Fix in Window > Interactive > Buttons and Forms. |
| Headings | FIX | No paragraph style becomes a heading. |
| Reading order | LOOK | No articles, so pages are read in stacking order. |
- These settings are InDesign's own (Object > Object Export Options), so they also carry into PDF and EPUB exports, and you can set them there instead.
- A picture with no alt text gets an empty description. To use frame names instead, tick Use frame names as alt text on the Misc tab.
- A text frame's own words are always read; only Decorative changes anything for one.
Batch Export
PressTo5 > Batch ExportExport many documents in one go, each into its own folder, without opening a window for any of them.
- Add documents. Click Open documents, Add folder… (tick Include subfolders when adding a folder first to look inside subfolders too) or Add book… (adds the book's documents in order). You can mix them. Untick any document to leave it out; Clear list empties the list.
- Choose the settings.
- Each document's saved settings: what each document was last exported with. A document never exported uses the dialog's last-used settings.
- This preset, for every document: one
.pt5presetfile for all of them.
- Choose the output. Pick the output folder. Each document gets a folder inside it named by the Folder name pattern (see below). Choose whether a folder that's already there is exported into or the document is skipped.
- Choose a Preflight policy. Skip documents with missing links or fonts (default) or Warn and export anyway.
- Click Start. Each document is opened without a window, checked, exported and closed without saving. Documents that were already open stay open. Cancel stops after the current document.
- Read the report.
batch-report.csv(opens in Excel) andbatch-report.jsonin the output folder list each document: exported, skipped, failed or cancelled; pages; time taken; and any warnings or errors.
Folder name patterns
| Field | Becomes |
|---|---|
{name} | The file name without .indd, spaces as hyphens |
{date} | The day the batch started, e.g. 2026-10-07 |
{time} | The time it started, e.g. 0905 |
{n} | The document's place in the list: 01, 02… |
Example: {name}-{date}. The pattern must include {name} or {n}. Two documents that would get the same name get -2, -3.
Good to know
- Every page of each document is exported, with its own title (File Info title, then file name).
- One document failing never stops the rest.
- The Misc tab's Preflight box doesn't apply to batches; the batch's own policy does.
- While a batch runs, the panel's own export waits and the screen can't be left.
- The screen remembers its choices, but not the document list.
- Settings are only saved in a document by exporting it once from the dialog. A folder of never-exported documents needs a preset.
Job files
Save a whole batch so you can run it again exactly the same way, or keep it with a project.
Saving a job
- Set up the Batch Export screen as you want it.
- Click Save job… and save the
.pt5job.jsonfile. It holds the ticked documents, the preset (if chosen), the output folder and options, and the Preflight policy.
Running a saved job
- Choose PressTo5 > Run Job… (or Load job… on the Batch Export screen) and pick the job file.
- The screen fills with the job's documents and settings. Any individual settings the job changes on top of the preset are listed under Settings, with Don't use these to drop them.
- Check the list, then click Start. Nothing runs until you do.
If a job has a mistake (a misspelled setting, a missing file, a folder pattern without {name} or {n}), it doesn't load, and every problem is listed with what to fix. A document that has never been saved can't be part of a job.
What an export contains
Everything is written into the output folder you chose. Upload the whole folder. The main items:
| Item | What it is |
|---|---|
index.html | The publication. Open this in a browser. (With One file per page, the first page.) |
page-2.html… | One file per page only: the other pages. |
assets/ | Your pictures, media, fonts and audio. |
thumbs/ | Page thumbnails for the page navigator. |
<document>.pdf | PDF download only. |
sitemap.xml, robots.txt, share.jpg | With a Site address. |
embed.html | Embed code only. For you; no need to upload. |
presenter.html, notes.js | Presentation only: the presenter view and speaker notes. |
manifest.webmanifest, sw.js, icons/, launch/ | Offline app only. |
batch-report.csv / .json | Batch Export only, in the batch's output folder. |
Optional features that are switched off add nothing, so an export only carries what it uses.
Troubleshooting
| Problem | What to try |
|---|---|
| Something looks different from InDesign | Read the export log in the panel: it reports anything it changed or couldn't do. Run Preflight for missing links and fonts. |
| Fonts look wrong | The font may not be on Google Fonts. Tick Embed fonts (check its license first). |
| A picture is missing or broken | Check Preflight for missing links. Relink in InDesign's Links panel and export again. |
| Export is very large | Set Image quality to High or Balanced and tick Convert to WebP. |
| A video won't play | Use MP4 (H.264). FLV, AVI, WMV and MPEG can't play in browsers. |
| YouTube opens on youtube.com | That only happens when the export is opened from disk. Upload it to a web server. |
| Sound doesn't start | Browsers wait for the reader's first click, tap or key press. That's expected. |
| Can't install / no offline reading | The Offline app needs an https address. It doesn't work from a file on disk. |
| Analytics shows nothing | Analytics needs the publication on a web server. Check the ID in the log, and check consent settings. |
| Scroll Effects don't show | They only work in the Scrolling layout. |
| Old pages left in the folder | Nothing is ever deleted from the output folder. Export into an empty folder. |
| Settings didn't stick | Save the InDesign document after clicking OK in the export dialog. |
Reporting a problem
- Tick Debug in the panel and export again.
- Copy the log with the copy button above it.
- Send the log, plus the
model.jsonfile from the output folder, through PressTo5 > Feedback.