Generate PDF Using Contact Form 7 Pro

Here we have explained third Party integration help guide:

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. 

Note: To generate Google Client ID and Client Secret you must be signed in to a Google account.

Follow the below simple steps to get Google Client ID and Client Secret 

To get Google Client ID and Client Secret:

1. Go to the Google Developers Console.

2. Navigate to the "Credentials" tab.

3. Click on Select a project >> New Project and then hit the “Create” button.

4. Navigate to the tab “OAuth consent screen”.

5. Enter the Application name, and Authorized domains, and click the “Save” button.

6. Click the “Create Credentials” button and from the dropdown list select OAuth client ID.

7. From the Application type, select the Web application, enter Authorized JavaScript origins and click the “Create” button.

8. Copy your Client ID.

Add that Client ID and Client Secret to the plugin's admin side and authenticate your account and connect with plugins easily.

For Dropbox API documentation :

For Dropbox integration with the plugin, it requires an OAuth 2.0 access token for authentication. To get the access token, you must obtain an app key and secret from dropbox.

For your app to access Dropbox you need a Dropbox account, register your app with Dropbox by creating a new app, selecting appropriate permissions, and obtaining an authorization token.

Follow the below steps to create an access token:

1. For setting up your app go to the Dropbox App Console and log in (You need to have a Dropbox account).
2. Click on the Create App button.
3. Select Choose the API option, and you have the option to choose from different scopes in the Permissions tab.

1. Next, you will be prompted to select the scope of file access (App Folder/Full Dropbox).

1. The image shows different levels of scopes on a user’s authorization page.

1. Provide a name for your App.

1. Tick I agree to Dropbox API Terms and Conditions.

1. Copy the App Key and App secret values to use in the next section.

To implement the OAuth flow your app should:

1. construct a Dropbox authorization URL, with your application’s client_id and redirect_uri (if applicable), specify the response_type of code, and present it to the user.
2. Let the users use the App key and Secret to generate the access token.
3. Your Authorization URL should look like this:

4. https://www.dropbox.com/oauth2/authorize?client_id=MY_CLIENT_ID&redirect_uri=MY_REDIRECT_URI&response_type=code

5. Wait for the end-user to complete authorization on dropbox.com, who is then redirected back to your URI with an authorization code in the query string.

How To Use

Generate PDF using Contact Form 7 Settings

For General Settings

1. Select the Contact Form -Option to select the “Contact Form” from the dropdown where you want to do an operation.

• 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 - 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: Option to enter the text for the downloadable file link button.

• Download link Open Target: 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. 
• Want to attach your own PDF in an email? - No - This option allows you to enable/disable attaching your own PDF files in email. On selecting the No option you will not be allowed to upload their PDF file and has to use and make changes to the plugin’s PDF file format. 

• Want to make PDF Password Protected? - Yes/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.

• Enable PDF Link with Form Success Message? - No - On selecting the No option you will not get the Downloadable PDF link with the form submission and the PDF will be sent directly via mail.

Remove PDF after mail is sent? - Yes/No - Option to remove or keep the PDF file after the mail is sent.

• Want to attach your own PDF in an email? - Yes - 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.
• Attach PDF - Option to choose a PDF file that you need to attach.

PDF Page Setting

• 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.
• Set PDF Margin - Option to set the margin for the Header, Footer, Top, Bottom, Left, and Right of the PDF.
• PDF Top Right Header Texts - Option to add text on the top-right header 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 Bottom Left Footer Texts - Option to add text on the bottom left footer of the PDF.
• 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. 
• PDF File Background Image - Option to add the URL of the image for the PDF background.
• Body Text Color - Option to change the text color.
• Footer Pagination - Option to add the format and for previous and next page numbers on the PDF.

PDF Content

Field tags - Option to view the tags created for the contact form.

• PDF Message body - Option to add the content in the message body part of the PDF. 

• PDF File Name Prefix - Option to add a prefix for the PDF file.
• PDF File Background Image - Option to add the URL of the image for the PDF background.
• 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.
• 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.
• Footer Pagination - Option to add the format and for previous and next page numbers on the PDF.
• Preview PDF - You can now preview your PDF without submitting a form by using the preview feature we added to the admin side.

Third-Party Integration

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