Help Center
Go to siteOpen app
  • Help Center
  • Welcome to the Help Center!
  • Guides
    • Designing a Basic Template from Scratch
    • Adding Variables
    • e-signatures with SignNow
    • How to create Tables
  • Templates
    • What's a template?
    • Page Elements
      • Layout Elements
      • Content Elements
      • Conditional Logic
      • Repeating Elements
    • Settings
    • Headers & Footers
    • Data and Variables
      • Syntax
      • Data Types
      • Formatting
      • Functions
        • $calc (beta)
      • Operators
    • Template Designer v2 (Beta)
      • Connections
        • Airtable Connection
        • HubSpot (Coming Soon)
      • Fields Editor
      • Tokens
      • Coming soon
  • Documents
    • What is a Document?
    • Minted Documents
  • Additional Resources
    • How-To Videos
      • Formatting Variables
      • Airtable Integrations
      • Airtable Data and Variables Videos
      • How to add variable images from your Airtable attachments
      • How to filter items in your Documents
      • How to group items in your Documents
      • Signing Documents with SignNow and Zapier
      • Add charts to your Documents with QuickChart.io
      • Add a Word Cloud chart to your Documents with QuickChart.io
      • Using Make.com (Integromat) to create line items in your documents
      • How to QR codes to your documents with QuickChart.io
      • How to add a progress chart to your documents with QuickChart.io
      • How to connect your Documint account using API keys
      • How to connect your Documint account to Airtable using your Personal Access Token (PAT)
    • Glossary
    • Frequently Asked Questions
    • Troubleshooting
  • Integrations
    • HubSpot
      • Installing the Documint app
      • Connecting your Documint account
      • Navigating the Documint App
      • Working with Custom Object Data
      • Adding HubSpot Properties to Your Template
      • Generating Your documents
      • Using Quick-Create
      • Using Workflows to Create Your Documents
      • Troubleshooting the Documint App
      • Uninstalling the Documint App
    • Airtable
      • Add your Airtable Personal Access Token
      • Airtable Extension
      • Generation Link
      • Automation Script
      • Field Types to Documint Variables
      • Adding Images from Airtable
      • Expanding Linked Records
      • Lookup Fields
      • Documents from Multiple Records
      • Duplicate Document Prevention
      • Password Protection
      • Creating Documents
        • Preview Mode
    • Zapier
    • Make.com
    • Coda
    • Stacker
    • Noloco
    • Softr
    • Pory
    • REST API
Powered by GitBook
On this page
  • Content Elements
  • Text
  • Image
  • Vertical Spacer
  • Page Break
  • Checkbox
  • Button
  • QR code
  • Barcode
  • Properties

Was this helpful?

  1. Templates
  2. Page Elements

Content Elements

Content elements are used for adding text, images, and spacing to your templates.

PreviousLayout ElementsNextConditional Logic

Last updated 2 months ago

Was this helpful?

Content Elements

You can place any content element onto your designer canvas to get started. Here's a run-through of each element and how they work. Once you have placed your element you control the properties of the element to adjust things like size, space, font, etc.

Text

Text elements allow you to add text content to your templates. Just drag and drop it onto your canvas to get started.

Image

Image elements allow you to add images to your template. Just drag and drop it onto your canvas.

You can add images from 3 sources:

  1. Local file (from your computer)

  2. URL

  3. Variable

1. Local file

2. URL

3. Variable

Vertical Spacer

Spacer elements allow you to add vertical space between elements

Page Break

Page breaks allow you to force the content that proceeds to begin on a new page

Checkbox

The checkbox element allows you to add and dynamically control whether it's checked or not from your data. It can be a static or dynamic element.

You may set the checkbox label, position, size and colour of the text as you wish in the properties.

To set your checkbox dynamically you can set a variable and a value, like so

Please note that when adding variables to the checkbox element you don't need to include the {{}} format. Example - my_variable NOT {{my_variable}}

Button

The button element allows you to add and dynamically control a button to be clicked in your PDF and send the user to any URL. This can be a static or dynamic element.

You may set the button label, position, size and colour as you wish in the properties.

To set your button dynamically you can set a variable and a value, like so

The URL you add for the button, either static or from a variable, must start with https:// for example https://documint.me

Please note that when adding variables to the button element you don't need to include the {{}} format. Example - my_variable NOT {{my_variable}}

QR code

The QR code element allows you to add and dynamically control a QR code in your PDF which a mobile device can then scan. This can be a static or dynamic element.

You can add text or URLs as the output when scanned.

You may set the QR position, size, foreground and background color as you wish in the properties.

To set your QR dynamically you can set a variable and a value, like so

Please note that when adding variables to the QR element you don't need to include the {{}} format. Example - my_variable NOT {{my_variable}}

Example Value: This value will be used in the designer value for variable QRCodes. It will only ever be shown in the template designer when editing your template and will not affect your documents.

Barcode

The barcode element allows you to add and dynamically control a barcode in your PDF which a mobile device can then scan. This can be a static or dynamic element.

You may set the barcode position, size and color as you wish in the properties.

There are several different barcode types available to suit your needs.

To set your barcode dynamically you can set a variable and a value, like so

Please note that when adding variables to the barcode element you don't need to include the {{}} format. Example - my_variable NOT {{my_variable}}

Properties

Once you have placed your element you control the properties of the element to adjust things like size, spacing, font, color etc.