Super Forms
  • Drag & Drop Form Builder for WordPress
  • Quick start
    • Installation
    • Registration
    • Starting your 15 day trial
    • Purchasing a license
    • Activating a license
    • First time setup
    • Secure file uploads
    • Creating a form
    • Adding form elements
    • Editing elements
    • Publishing your form
    • FAQ
  • Account
    • Dashboard
      • Your Invoices
      • Billing details
      • Your Licenses
      • E-mail Notification
      • Password reset
      • Cancel subscription
  • Common problems
    • Common problems
      • Email delivery problems
        • Why is my form not sending emails?
        • Why are emails going into spam folder/inbox?
      • File upload problems
      • Session expired
      • reCaptcha Troubleshooting – Fix “Not Loading” & Verification Errors
  • Elements
    • Layout elements
      • Column/Grid
      • Multi-part / step
    • Form elements
      • Calculator
      • Signature
      • File upload
      • Datepicker
      • Variable field
      • Dropdown
      • Text field
      • Autosuggest
      • Keywords
      • Radio button
      • Keyword Field
      • Button
      • Audio Recording (microphone)
    • HTML elements
      • Heading
      • HTML (raw)
      • Image
      • TinyMCE
      • Divider
      • Spacer
      • PDF page break
      • Google map element WordPress form
  • Features
    • Basic
      • Confirmations emails
      • Save Form Progression (continue later)
      • Build In Translation System
      • Populate form
      • Popups
      • Import & Export
      • Hide form after submitting
      • Hide or lock out user from your forms
      • Validation
    • Advanced
      • WordPress form with Google sheets dropdown
      • Custom registration form for WordPress
      • Custom login form for WordPress
      • Custom lost password form for WordPress
      • Update current logged in user
      • Secrets
      • Prevent duplicate entries
      • Lock & hide form
      • Password protect
      • Conditional Logic
      • Tags system
      • Address lookup/auto complete
      • Analytics Tracking
      • Conversion Tracking
      • Distance & Duration Calculation
      • If statements
      • Foreach loops
      • E-mail Reminders
      • Variable Fields
      • Form templates - Include elements into other forms - WordPress
      • Transferring data from one form to another
    • Integrations
      • PDF Generator
      • Listings
      • WooCommerce Checkout
        • Fixed price checkout
        • Dynamic price checkout
        • Variable product checkout (variations)
        • Replacing the "Add to cart" on a product page with a form
        • Hiding product from shop and order via custom form
      • PayPal
      • MailChimp
      • Mailster
      • Zapier
      • Stripe (BETA)
      • WooCommerce Instant Order (in progress)
  • Tutorials
    • WordPress Form to Google Sheet Integration
    • GDPR Consent / Terms agreement
    • How to update the plugin
    • Sending emails to specific department for WordPress contact forms
  • Example Forms for WordPress
    • Booking 24 hours ahead of time
  • Developers
    • Code Examples
      • Lookup City by Zipcode for your WordPress form
      • Audio Recording Field
      • Custom API Phone Number Validation for Your WordPress Form
      • Updating WordPress user meta data after login
      • Automatically redirecting to next step after displaying text or a progress bar
      • Dropdown with groups (categories)
      • Prevent form submission based on entered field values
      • Track form submissions with GTM (Google Tag Manager)
      • Tracking Multi-part steps with Google Analytics
      • Tracking Multi-part steps with GTM data layer (dataLayer.push)
      • Track form submissions with third party
      • Compare input field value with database value
      • Insert form data into a custom database table
      • Delete database row after contact entry is deleted in WordPress
      • Limited date availability (slots) for your WordPress booking form
      • Send submitted form data to another site
      • Exclude empty fields from emails
      • Execute custom JS when a column becomes conditionally visible
      • Toolset Plugin: Update comma separated string to Array for meta data saved via Front-end Posting
      • Toolset Plugin: Update file ID to file URL for meta data saved via Front-end Posting
      • Delete uploaded files after email has been send
      • Increase Cookie lifetime for client data such as [Form Progression]
      • Altering cookie secure and httponly parameters
      • Define fake cronjob to clear old client data if cronjob is disabled on your server
      • Define page language attribute based on page ID or URL
      • Define custom headers when doing a POST request
      • Change checkbox/radio layout to vertical on mobile devices
      • Show remaining available form submission allowed
      • Global fields / elements
      • Trim values of fields
      • Re-sending E-mails after editing entries via Listings for WordPress
      • Combine multiple field values into one column on Contact Entries page
      • Altering the attachments for E-mails via PHP code for WordPress
      • Generate dynamic columns with dates based on user selected date from Datepicker element
      • Hide `eye` icon from Listings row based on user role
    • Data storage
    • BETA version
  • Changelog
  • Support
Powered by GitBook
On this page
  • About
  • Quick start
  • Include and exclude elements from the PDF
  • Setting up a Header and Footer for your PDF file
  • Using a dynamic PDF filename
  • Attaching the generated PDF file to your E-mails
  • Exclude the PDF from contact entry data
  • Show download PDF button
  • Page orientation portrait and or landscape
  • Unit of measure, page format and margins settings
  • PDF Render scale (resolution/sharpness/quality)
  • Native PDF elements
  • Smart page breaks
  • Pricing
  1. Features
  2. Integrations

PDF Generator

Form to PDF converter/generation for WordPress. Creates a PDF file based on the form submission. The PDF will look identical to what the user sees on the front-end. Custom HTML and CSS can be used.

PreviousIntegrationsNextListings

Last updated 7 months ago

About

This Add-on allows you to convert any form submission into a PDF file which would look identical to how the form was displayed on the front-end in the browser.

When a user submits the form, the PDF will be generated and optionally (if enabled) attached to the Admin and/or Confirmation E-mail.

The PDF file will also be attached to the Contact Entry (if enabled).

You also have the option to specifically include or exclude elements from the PDF, which should give you a ton of flexibility to choose from.

You can also define a Header and Footer element which would then be visible on all pages of the generated PDF file.

Quick start

Login to your WordPress site and navigate to: Super Forms > Licenses. Start the 15 day trial for the PDF Generator Add-on. Once the trial is activated, you can navigate to any of your existing forms via Super Forms > Your forms, or create a new form via Super Forms > Create form.

Now click on the [PDF] TAB at the top of the builder page. Here you will find all the settings and options for the Add-on. To enable PDF generation you can simple check the option Enable Form to PDF generation.

When the form is submitted a PDF file will be generated with all the form data.

Include and exclude elements from the PDF

  • Show on Form and in PDF file (default)

  • Only show on Form

  • Only show in PDF file

  • Use as PDF header

  • Use as PDF footer

Setting up a Header and Footer for your PDF file

In order to enable a header or footer for your PDF file, you must define which element in your form should act as such.

Note: your form can only have one element defined to act as the header, and only one to act as the footer.

When you require more elements to be placed in either one, you can simply use a Column element and define it as your header or footer. Just put the elements that you require inside this column.

Displaying pagination

Inside your header and footer you can use the tags {pdf_page} and {pdf_total_pages} inside a HTML element to display the current page. For example, the below HTML:

Page {pdf_page} of {pdf_total_pages}

Would translate to:

Page 2 of 13

Using a dynamic PDF filename

When the PDF file is saved or downloaded it will have a default name form.pdf.

You can change this under the PDF filename setting. This setting is compatible with the Tags system so that you can generate dynamic filenames based on user input data.

For instance, when you have a form with the fields named first_name and last_name, you can define your filename as follows:

{first_name}-{last_name}.pdf

Which could translate to:

John-Doe.pdf

Attaching the generated PDF file to your E-mails

By default the PDF will be attached to the Admin and Confirmation E-mail, but you can disable this by unchecking the option Attach generated PDF to admin e-mail or Attach generated PDF to confirmation e-mail.

Exclude the PDF from contact entry data

By default the PDF will be saved in the Contact Entry (if you enabled to save Contact Entries that is). You can disable this by checking Do not save PDF in Contact Entry.

Show download PDF button

In some cases you might not send any E-mails and perhaps not even save a Contact Entry, but you might just want to download the PDF file that was generated. In that case you can display a [Download PDF] button to the user after the form was submitted.

You can enable this by checking the Show download button to the user after PDF was generated setting. Optionally you can define the download button text e.g. "Download Summary" or "Download PDF file" (or anything that suits your use case). You can also define the text that should be displayed during the PDF generation itself e.g. "Generating PDF file..."

Page orientation portrait and or landscape

By default the generated PDF file has it's orientation set to "Portrait", but for some use cases you might prefer the "Landscape" orientation.

You can change the orientation via the Page orientation setting.

Tip: you can also change the orientation of the next page with the PDF page break element which can be found under the HTML Elements section.

Unit of measure, page format and margins settings

There are several more settings which you can define, which are listed below:

  • Unit mm (default), pt, cm, in, px

  • Page format a3, a4 (default), a5, letter, legal, Custom page format etc.

  • Body margins top/right/bottom/left

  • Header margins top/right/bottom/left

  • Footer margins top/right/bottom/left

PDF Render scale (resolution/sharpness/quality)

This option allows you to fine tune the resolution of the generated PDF file. This setting should be left to the default value for best results, unless you require a higher resolution.

Note: you will lose "pixel" quality when lowering the render scale.

If your PDF file size is becoming to large you might want to consider lowering the render scale setting at a rate of 0.1 at a time during testing. When working with large forms it is important to check the PDF file size during development and to adjust the render scale accordingly if needed.

Native PDF elements

This feature is currently only available in the BETA version.

When you enable the PDF to generate native elements, it will not take a snapshot (image) of the form. Instead it will use native PDF elements which makes the render process quicker, and the PDF file size smaller.

In most cases you will want to enable this mode. This is now the preferred method. The downside is that it might not look 100% identical to how the form looks on the front-end. So you might want to try both methods, and see which one suits your use case best.

Smart page breaks

This feature is currently only available in the BETA version.

With smart page breaks enabled any element and or text will automatically be pushed onto the next page in case it didn't fit on the previous page for the full 100%.

Pricing

Volume
Price per license
Total

1+

$5

1 license would cost $5 p/m

5+

$3

5 licenses would cost $15 p/m

10+

$2.5

10 licenses would cost $25 p/m

20+

$2

20 licenses would cost $40 p/m

40+

$1.5

40 licenses would cost $60 p/m

When creating your form, you will add some elements which by default are visible to the user unless defined otherwise. Any element that is visible to the user will also be visible in the generated PDF. However you can override this behavior be in your form and navigating to the PDF Settings section where you can choose between one of the following options:

You can enable a header by and navigating to the PDF Settings section. There you can choose between Use as PDF header or Use as PDF footer.

Enable form to PDF generation for your WordPress form.
Enable form to PDF generation for your WordPress form.
editing any element
editing your element