PDF Generator

How do you activate the PDF generator?

First of all, The “Ultimate Addons for Contact Form 7” plugin has to be installed. After installing the plugin hover over the Contact Option from the WordPress dashboard and go to “Ultimate Addons” and enable the PDF Generator addon by clicking the enable button. check the screenshot below.

Screenshot at Nov 21 15 44 10 - Themefic

 

How to Add the PDF generator to a Contact Form 7?

1. The first thing, you will have to create the contact form, check the screenshot below.

Screenshot at Nov 21 17 06 04 - Themefic

2. After Creating the form, go to “UACF7 PDF Generator” from the form tabs at the top. check the screenshot below.

Screenshot at Nov 22 11 04 56 - Themefic

3. Add form fields and info here, and it will generate the pdf. you can add HTML tags as needed. Use <br/> tags text editor for the line breaks. check the screenshot below.

Screenshot at Nov 22 11 09 12 - Themefic

How to Customize the PDF Design?

1. Customize PDF Design: There has the option to add a Pdf background image or color, and font color. check the screenshot below. Screenshot at Nov 22 11 16 54 - Themefic

2. Customize PDF header: For the pdf header there has the option to set the Image/logo, you can set the header background color and font color. You can add custom information to the text area.  check the screenshot below. Use the shortcodes for the pdf page number({PAGENO}), for the date ({DATE j-m-Y}), and for the total page number ({nb}, {nbpg}). check the screenshot below.

Screenshot at Nov 22 11 33 19 - Themefic

3. Customize PDF footer: To Customize the pdf footer, there has the option to add custom footer info, background color, and font size. check the screenshot below.

Screenshot at Nov 22 11 40 46 - Themefic

4. Mail(2) Settings: You can Enable the 2 mail settings to send the PDF mail to the submitted email, check the screenshot below

Screenshot at Nov 22 16 18 00 - Themefic

5. Custom CSS: There has the option to add custom CSS for a custom design for the pdf. check the screenshot below.

Note: For custom CSS please check the MPDF supported Css doc here

Screenshot at Nov 22 12 13 14 - Themefic

Custom CSS – Class Selectors to customize pdf designbody, .pdf-header, .pdf-footer, .pdf-content, .header-logo, .header-content

Watch Complete Video