Generate PDF Using Contact Form 7 Pro

How To Use & Features

Generate PDF using Contact Form 7 Settings

You have to configure it from wp-admin > PDF with CF7 (Contact Form 7 needs to be activated first) to use this plugin.

For General Settings

• Enable PDF file Operation – This option allows you to enable/disable performing the operations for the selected form.
• Enable PDF Link with Form Success Message? – Yes/No – You can choose to enable or disable attaching a PDF link with the form’s success message. On selecting the yes option you will be able to set the below properties: Set PDF button Text and other Property
  • Download file link text: - Yes -Option to enter the text for the downloadable file link button.
  • Download link Open Target: -Yes- This option allows you to set the target for the Downloadable PDF link to open in a new window or same window or directly get downloaded.
  • Remove PDF after mail is sent? – No – Option to remove or keep the PDF file after the mail is sent.

• Do you want to attach a PDF in mail? – Yes/No – This option allows you to enable/disable attaching your PDF files in default Contact form 7 emails and if selecting No then you can send it to a specific email address.
• Want to attach your own PDF in email? – Yes/No – Select this option if you want to attach your own PDF file with Contact Form 7 Mails. On selecting this option as the user will be attaching their own pdf the PDF Page Settings will be disabled.
  • PDF Upload Custom Path -Yes- You can add your folder name with upload folder path. 
  • Attach PDF –Yes- Option to choose a PDF file that you want to attach.
  • Want to add your own PDF upload custom path? - No - You can Enable / Disable PDF Upload Custom path.
  • Want to make PDF Password Protected? –No – This option is enabled on selecting No for attaching your own PDF in the email. You can choose from yes or no options for making the PDF Password Protected.
• Password - You need to add Password here to make PDF generation with password protected.
• Select Permission Allowed - There is a different option for PDF protection permission that you have to select from the list.
• Want to attach a PDF in WP Media? - Yes/No - By selecting yes, your generated PDF will be the same in WP media library.

For PDF Page Setting

• Set PDF Margin of Header & Footer – Option to set the margin for the Header, Footer, Top, Bottom, Left, and Right of the PDF.
• PDF Page Format Type – Option to select the Page Format as landscape or portrait for the PDF.
• PDF Page Format Size – Option to select the PDF Page format size from the available options.
• PDF Text Font size – Option to set the text size of the PDF.
• PDF File Name Prefix – Option to add a prefix for the PDF file.
• Body Text Color – Option to change the text color.

For PDF Content

• Do you want to customize the header logo in PDF? – Option to upload a header logo image from the computer, from URL, or the media library.

• Width for logo – Option to set the Max and Min Width for the logo.
• PDF Top Right Header Texts – Option to add text on the top-right header of the PDF.
• Field tags – Option to view the tags created for the contact form.
• Enable Header & Footer - By this Option you can Enable/Disable Header & Footer from PDF content. 
• PDF Message body – Option to add the content in the message body part of the PDF. 
• Select PDF Background Options – Option to choose from the PDF watermark text and image options.
  • PDF Watermark Text – On selecting this option you can add the text for the watermark and set the watermark text’s transparency.
  • PDF Watermark Image – On selecting this option you can paste the Image URL for the watermark and set the watermark image’s transparency.
• Preview - You can preview the pdf style and content with dummy content.
  • Add the content & set styling and save changes.
  • To view the pdf, hit the preview button after saving changes.

• Set RTL State – Yes/No – Option to enable/disable RTL state for the PDF.
• PDF Custom Style – Option to add custom styling for the PDF.
• PDF Bottom Left Footer Texts – Option to add text on the bottom left footer of the PDF.
• Footer Pagination – Option to add the format and for previous and next page numbers on the PDF..

For Third-Party Integration

• Enable PDF Upload on Google Drive – Yes/No – Option to enable/disable uploading the pdf on Google Drive.
  • Google Client ID
  • Google Secret Key
  • Google Drive Auth Key -Yes- Option to enter the Google Client ID, Google Secret Key for authentication.
  • Google Drive Authenticate with this button -Yes– After entering the Google Drive Auth Key, an option to click on the provided authentication button to give the access permission for uploading the PDF on Google Drive.
  • Redirect URI -Yes– Option to select the link and copy it while the app is created to provide a Redirect path.

• Enable PDF Upload on DropBox – Yes/No – Option to enable/disable uploading the pdf on Dropbox.
  • Dropbox App Key
  • Dropbox App Secret
  • Dropbox Auth Key -Yes– Option to enter the Dropbox App ID, Dropbox App Secret for authentication.After entering the Dropbox Auth Key, option to click on the provided authentication button to give the access permission for uploading the PDF on Dropbox.
  • Redirect URI -Yes– Option to select the link and copy it while the app is created to provide a Redirect path.

• Enable PDF upload on AWS S3?  – Yes/No – Option to enable/disable uploading the pdf on Amazon S3 Bucket.
  • AWS S3 Auth Keys -Yes– Below is the credential that needed to connect Amazon S3 bucket connection with our plugin.
    • AWS S3 Access key ID
    • AWS S3 Secret Access key
    • AWS S3 Bucket Name
    • AWS S3 Region
  • AWS S3 Authentication with this Button -Yes– By Clicking this button connects all the added credentials to the AWS bucket link and returns a successful authentication response.

For PDF Template

• PDF Template Feature: Enhance your PDF customization by selecting a template from our collection where we provide different types of Template category like Resume, Invoice & Certificate.

In this guide, we have detailed the process of integrating third-party services.

Google Authentication:

Incorporating Google sign-in into your site allows your site visitors to log in through Google in a single click saving their time. To integrate Google sign-in into your website, it is mandatory to create a Google Client ID and Client Secret

To create a Google Client ID and Client Secret for accessing Google Drive (or any Google API), you need to set up a project in the Google Cloud Console and configure OAuth 2.0 credentials. Here's a step-by-step guide:

Step 1: Create a Project in the Google Cloud Console

1. Go to Google Cloud Console:
• Visit Google Cloud Console
2. Create a New Project:
• Click on the project dropdown at the top and select New Project.
  
  
  
  
• Enter a name for your project (e.g., "My Google Drive Project").
  
  
  
  
• Click Create.
  
  
  
  

Step 2: Enable Google Drive API

1. Go to the API Library:
• In the left sidebar, click on APIs & Services > Library.
  
  
  
  
2. Enable Google Drive API:
• In the search bar, type Google Drive API. 
  
  
  
  
• Click on Google Drive API from the search results.
  
  
  
  
• Click Enable.

Step 3: Configure the OAuth Consent Screen

1. Set Up OAuth Consent Screen:
• In the left sidebar, click on APIs & Services > OAuth consent screen. 
  
  
  
  
• Choose External for user type and click Create.
  
  
  
  
2. Configure the Consent Screen
• Fill in the necessary details such as App Name, User Support Email, and Developer Contact Information.
  
  
  
  
• Click Save and Continue.
  
  
  
  
3. Add Scopes (Optional):
• You can add scopes based on the permissions your application needs. For Google Drive, you might need scopes like https://www.googleapis.com/auth/drive.
  
  
  
  
• Click Save and Continue.
  
  
  
  
4. Add Test Users:
• Add email addresses of users who can test your app. For now, you can add your own email.
• Click Save and Continue.
  
  
  
  

Step 4: Create OAuth 2.0 Credentials

1. Go to Credentials:
• In the left sidebar, click on APIs & Services > Credentials. 
2. Create Credentials:
• Click on Create Credentials and select OAuth 2.0 Client IDs.
  
  
  
  
3. Configure OAuth Consent Screen:
• If prompted, configure the OAuth consent screen by filling in the necessary details.
4. Create OAuth Client ID:
• Select Application type as a Web application.
• Enter a name for the client ID (e.g., "My Drive App").
• Specify the authorized redirect URIs. These URIs are where Google will send responses to your authentication requests. If you are developing locally, you might use it. https://demo.zealousweb.com/wordpress-plugins/generate-pdf-using-contact-form-7-pro/wp-admin/admin.php?page=cf7pdf-general-setting. 
  
  
  
  
5. Get Client ID and Secret:
• After configuring, click Create.
• You will see a dialog with your Client ID and Client Secret. Save these values securely.
  
  
  
  

Dropbox Authentication:

To create a Dropbox App ID and App Secret for uploading images to Dropbox, follow these steps:

Step 1: Create a Dropbox Account

1. Sign Up:
• If you don't have a Dropbox account, sign up at Dropbox.

Step 2: Create a Dropbox AppM

1. Go to Dropbox App Console:
• Visit the Dropbox App Console.
2. Create a New App:
• Click on Create App
  
  
  
  
• Select Scoped access.li>
• Choose Full Dropbox or App folder based on your needs.
• Enter a unique name for your app.
  
  
  
  
• Click Create App.
  
  
  
  

Step 3: Configure App Permissions

1. Set Permissions:
• In the app settings, configure the required permissions, such as files.content.write for uploading images.
  
  
  
  

Step 4: Get App Key and Secret

1. Get Credentials:
• After creating the app, you will see the App Key and App Secret on the app's settings page.
• Save these securely.

Step 5: Use the Credentials

1. Authentication:
• Use the App Key and App Secret in your application to authenticate with Dropbox and perform API requests.

AWS S3 Bucket Authentication:

To upload images to AWS S3, you need to create and obtain an Access Key ID, Secret Access Key, and Bucket Name. Here's a step-by-step guide:

Step 1: Create an AWS Account

1. Sign Up:

Go to AWS and create an account if you don't have one.

Step 2: Create an IAM User

1. Go to the IAM Console:
• Visit the IAM Management Console.
2. Create a New User:
• Click on Users > Add user.
  
  
  
  
• Enter a username and select Programmatic access.
3. Set Permissions:
• Choose Attach existing policies directly.
• Search for and select AmazonS3FullAccess.
• Click Next: Tags, then Next: Review, and finally Create user.
  
  
  
  
4. Get Access Keys:
   • After creating the user, you will see the Access Key ID and Secret Access Key. Save these credentials securely.
     
     
     
     

Step 3: Create an S3 Bucket

1. Go to the S3 Console:
• Visit the S3 Management Console.
2. Create a New Bucket:
• Click on Create bucket.
• Enter a unique bucket name and select a region.
• Click Create bucket.

Step 4: Configure Bucket Permissions (Optional)

1. Set Bucket Policies:
• Go to the Permissions tab of your bucket.
• Set bucket policies if needed to control access permissions.