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.
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
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 editing any element in your form and navigating to the PDF Settings section where you can choose between one of the following options:
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.
You can enable a header by editing your element and navigating to the PDF Settings section. There you can choose between Use as PDF header or Use as PDF footer.
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:
Would translate to:
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:
Which could translate to:
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,pxPage format
a3,a4 (default),a5,letter,legal,Custom page formatetc.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
Last updated
