Step 3: Adding Your Content

This video guides you through how easy it is to add, edit, and customise content in TigerDesigner, giving you a clear overview of the Menu and its features so you can create immersive, interactive, and fully on‑brand documents.

Next in this Training Series

STEP 4

How to Add Interactivity to Your PageTiger Document

STEP 5

How to Review, Protect and Publish Your Document

INTRODUCTION

How to Create Your First PageTiger Document

STEP 1

How to Set Up Your PageTiger Document

KEY TAKEAWAYS

What we have covered:

  • Using Design Mode to build and customise on‑brand page layouts.

  • Editing text and images quickly in Content Mode for fast updates.

  • Adding interactivity such as videos, galleries, pop‑ups, quizzes, and polls.

  • Creating studio‑quality videos with the AI Avatar Generator.

  • Reviewing pages with Page Preview and checking full documents with Version Preview.

  • Managing pages, branding, components, and layout customisation for a polished final design.

INSIGHTS

TigerDesigner

Menu Bar

Design Mode

Design Mode gives you full control over the structure and layout of your page. Add text, image, and shape panels in seconds, then customise their size, position, and style to build the perfect layout. With your branding kit keeping every element on‑brand, creating professional-looking pages has never been easier. 

Content Mode

This is where you can edit the actual content of your panels. Simply drag images from your inventory into image panels and refresh your text in seconds. It’s perfect for quick updates and projects with a lot of content to manage. 

Interactivity

Turn your document into an immersive experience by adding interactivity. Elements like video, image galleries, and pop-ups will make your content more engaging and help make messaging more memorable. Plus, built-in assessments, quizzes, polls and surveys support active learning and encourage people to participate with your document, increasing understanding and information retention. 

Create professional videos in minutes with PageTiger’s AI Avatar Generator. Choose your avatar presenter, select a voice and background, and add your script, or generate one instantly using PageTiger’s AI writing tool. With a single click, you’ll produce a polished, studio‑quality video ready to use in your document

Page Preview

Use Page Preview to check how your content and interactivity look on individual pages. This helps you spot layout issues early and identify areas you can improve before publishing. 

Version Preview 

Experience your document in full, including the menu, style, automations and security settings. Version Preview enables you to thoroughly review, proof and test your document to ensure it is ready to be published. 

Helpful Tooltips

As you explore TigerDesigner, tooltips appear in the bottom-right corner. These offer guidance to help you learn features quickly.

You can set tooltips to:

  • Always display (default)

  • Display on hover via the Designer Interface Options

Pages and Branding

Pages Tab

The Pages tab gives you a clear overview of your entire document and its page structure. Right‑click any page to:

  • Adjust page properties

  • Duplicate pages

  • Delete pages

Each page layout is built using pre‑designed component panels, styled with your brand’s colours and fonts to ensure perfect consistency.

Switching Branding Kits

If your company uses multiple branding kits, you can change the default one anytime:

  1. Go to Document Tools.

  2. Select Default Branding.

  3. Choose your branding kit.

  4. Click Save.

Your entire document instantly updates to match your selected brand guidelines.

Adding & Editing Content 

Content Editor

By clicking on a text panel and selecting Edit Content, you are able to type, paste and generate text with PageTiger's AI Word Generator for your document.

Hiding, Unhiding, and Deleting Panels

  • Delete a panel if you don’t need it.

  • Hide a panel if you may reuse it later.

  • Use the Layers tab to unhide elements or quickly locate panels—especially useful on complex page designs.

Panels also highlight in the Layers tab when you hover over them, making navigation effortless.

Editing Buttons and Visual Elements

You can easily edit the button text, styles, and colours.

Replace or Edit Images with One Click

Image panels offer several options: Replace, Crop, Hide, Clear and Greyscale.

When replacing an image, the inventory opens automatically. You can:

  • Upload your own images.

  • Access millions of Getty Images, which you can license for use in your PageTiger documents.

  • Browse and filter images by style, people count, composition, orientation, and even brand colours.

  • Use “Find similar images” to keep a consistent visual theme across your document.

Customising Page Layouts

Layouts are fully editable, giving you flexibility to reshape pages to your needs.

Use the Panels toolbar to add:

  • Components

  • Text panels

  • Story panels

  • Image panels

  • Shapes

  • List items

If you need space, select multiple panels using Ctrl/Command, delete or move them, and resize remaining elements.

Adding Components

Components give you ready‑made, brand‑aligned design elements, such as logos, story blocks, lists, buttons, captions, infographics, and video or audio placeholders.

To add a component:

    1. Open Components.

    2. Select your preferred item.

    3. Draw it onto the page.

    4. Edit its content and styling by adjusting background colours, keylines, transparency, padding, and alignment for full customisation.

    5. Amend colours to create a gradient effect, giving Components a visual hierarchy. 

Once you're happy with your content, layout and visuals, you can apply interactivity to make your document even more engaging and immersive, which we will run through in the next video of this series.
NEXT VIDEO

Step 4: How to Add Interactivity

Up next, an overview of PageTiger’s core interactive features, how to apply them, and practical examples of where they deliver the most impact.

Watch Video

FAQs

What is TigerDesigner?

TigerDesigner is PageTiger’s powerful, fully editable design tool for creating interactive, branded digital documents. It’s easy to use and requires no design experience, enabling anyone to build professional‑looking pages with complete creative control quickly and easily.

 

What is Design Mode in TigerDesigner?

Design Mode gives you full control over the layout and structure of your page. You can add text, image, and shape panels, then resize, reposition, and restyle them. Design Mode also ensures all elements stay on‑brand by using your selected branding kit.

What can I do in Content Mode?

Content Mode allows you to edit all text and images within your panels. You can drag images from your inventory straight into image panels and update your text quickly. Content Mode is ideal for fast changes and content‑heavy documents.

What's the difference between Design Mode and Content Mode in PageTiger?

Design Mode allows you to select and position the panels you want on your page, whereas Content Mode allows you to edit the content and images within those panels.

What's the difference between Page Preview and Version Preview in PageTiger?

Page Preview lets you check how your content and interactive elements look on a single page. It helps you spot layout issues early and refine your design before publication. Version Preview displays your entire document, allowing you to experience it as your audience would. You can review menus, styles, automations, and security settings before publishing your document.

Does PageTiger provide stock images?

Yes, PageTiger provides access to millions of stock images from Getty Images, which users can license when publishing their documents.