Document and Text

This template is designed to display pdf files alongside:

  • A title and subtitle

  • A paragraph of text in a rich text filed

  • An optional document credit

  • With standard pinch and zoom features

Like with image templates, this page includes several fields that must be completed to build your document page. You can also live preview and publish the page from this screen.

Note: Pages must be published to appear within an article in the app.


Document and Text Template Configuration

To create a new Document and Text page, complete the following sections:


1. Page Info (optional)

  • Used for internal reference only

  • Helps identify and organize content in the Views panel of Contentful

  • Does not appear in the app

  • Highly recommended for keeping content organized

  • Add a descriptive title for easier navigation

  • Character limit: 256 characters


2. Title (required)

  • Displays as the main title of the page

  • Character limit:72 characters


3. Subtitle (optional)

  • Optional field for supporting text under the main title

  • Character limit: 100 characters


4. Body (optional)

  • A rich text field where you can add paragraph content

  • Supports basic formatting (bold, italics, bullets, etc.)

  • Character limit: 900 characters


5. Document (required)

  • This is where you import your PDF source file

  • See detailed steps below for adding PDF files


Steps to Add a PDF File

PDF files—like videos, audio, and images—are nested within three layers of templates.

  1. First, the pdf file must be imported into a File Asset Template.

  2. The File Asset Template is placed inside an PDF Asset Template.

  3. The PDF Asset Template is then nested inside the Document and Text Page Template.


Step 1: Add Media

Scroll to the Document field and click Add media. You’ll see two options:

Select Existing Media

  • Choose an PDF file that already exists in Contentful

  • It will be inserted automatically—no additional setup needed

Select Existing Media

  • Choose a PDF file that already exists in Contentful

  • It will be inserted automatically—no additional setup needed

Upload New Media

  • Select a new PDF from your desktop or local folder

  • New PDF files must first be added to a Document Asset Template as a container just like all other media types.

  • See the next section for detailed instructions


Step 2: Complete the PDF Asset Template

  • Once inside the PDF Asset Template, complete the required fields (see details below).

  • You can also live preview and publish from this screen.


Step 3: Publish the PDF Asset

Click the green Publish button in the upper-right corner to publish your new PDF file.

Reminder: If any required fields are missing, Contentful will display an error message.


PDF Asset Template Fields

To create a new PDF Asset template, complete the following sections:


Title (Optional)

  • Used for internal reference only

  • Does not appear in the app

  • Also acts as the title of the asset within its parent container

  • Character limit: 256 characters


Description (Optional)

  • Used for internal reference only

  • Does not appear in the app

  • Character limit: 50000 characters


File (Required)

This is where you upload a new PDF file or use one that’s already in Contentful.

To upload a new PDF file:

  1. Use the file selector to choose a file from your device

  2. The new PDF file must be embedded inside an PDF File Template, which is then nested in the PDF Asset Template


PDF File Template Fields

PDF File Template Fields

Inside the PDF File Template, complete the following fields:

  • Title (optional)

  • Description (optional)

  • File (required)

Once the file is uploaded and processed:

  • The file preview will display in the window

  • The file name becomes the title of the asset container

  • Use the file selector (same process as with images) to choose a video file to import

  • See Importing Images for detailed steps.

Note: Don’t forget to publish your PDF File Template to make it available to all parent containers. If required fields are missing, Contentful will display an error message.

Last updated