Integrate Paddle

Paddle is a payment processing platform that allows Fluent Forms payment options and a smooth and secure payment experience. This article will guide you through integrating Paddle into your WordPress Site with the Fluent Forms plugin.

NOTE

Paddle requires Fluent Forms Pro. See Upgrade to Fluent Forms Pro Add-on.

Enable Paddle Payment Method

Go to Global Settings from the Fluent Forms navbar, open the Payment tab, and select Payment Methods.

Select Paddle, then click Enable Paddle Payment Method to activate Paddle globally for all forms.

Configure Paddle with Fluent Forms

Once you enable the Paddle, all the required settings will appear to configure the Paddle with Fluent Forms.

Before starting the configuration, select any Payment Mode between Test (for test payments) and Live (for real payments) as both options follow the same process, e.g., I choose the Test Mode.

Then, you need to obtain the API Key and Client Token from your Paddle Account.

Get the API Key and Client Token from Paddle

First, log in to your Paddle Account. If you do not have an account, sign up from here.

Generating API Key

Once you log in to the Paddle Dashboard, open the Developers Tool dropdown list from the left sidebar, and click Authentication.

Now, go to the API keys section and click the + Generate API key button.

Now provide the Name and Description for your API key, click the Generate button, and your desired API key will be generated.

Here, you can see the newly generated API Key. Now, click the Three-dot-icon and press the Copy key button and your desired API Key will be copied.

Generating Client Token

Now, go to the Client-side tokens section and click the + Generate client-side token button.

Now provide the Name and Description for your client token, click the Generate button, and your desired client token will be generated.

Here, you can see the newly generated Client Token. Now, click the Three-dot-icon and press the Copy Token button and your desired Client Token will be copied.

Setup Default Payment Link

Setting up a default payment link is essential for processing a successful payment transaction.

Now, open the Checkout dropdown list from the left sidebar, click the Checkout Settings option, go to the General tab, and provide your Website URL into the Default Payment Link field.

Once you’ve entered the link, click the Save button, and all payment links you send to your clients will use this domain to show the payment form.

Connect Paddle with Fluent Forms

Now, return to the Paddle Payment Method Settings from the Global Settings section of Fluent Forms.

Then, paste the Key and Token you copied from Paddle into the API Key and Client Token fields respectively.

Finally, press the Save Settings button and your Paddle account will be configured with Fluent Forms for your WordPress Site.

Integrate Paddle in Forms

Once you finish setting up your Paddle payment method, you can easily add this payment method to any of your existing Payment Forms (i.e., a form where Payment Item and Payment Method fields are added).

First, go to the Editor page of your desired form by clicking its Edit option.

Once you are on the Editor page, go to the Input Customization menu on the right side of the added Payment Method field by clicking the Pencil Icon.

Now, go to the Payment Methods, check the Paddle option, click the Dropdown Arrow, and you will get the option to change the Method Label based on your preference.

Once you complete the edit, press the Save Form button to save all the changes.

Now, to embed and display the form on a specific Page/Post, copy this Shortcode from the top right side and paste it into your desired Page/Post.

Also, to see the Preview of the form, click the Preview & Design button in the middle.

Preview of Added Payment Method

Here is the preview of the Payment Method that we just added. Once a user clicks the Submit Form button it will redirect to Paddle to complete the payment process.

Here is the preview of the Paddle Checkout Modal.

Form Specific Paddle Settings

You can also customize the Paddle Settings for a specific form according to your needs.

To customize the Paddle Settings, go to the Forms from the Fluent Forms Navbar, and click the Settings option of a desired Form.

Once you are on the Settings and Integrations tab, click the Payment Settings option, and scroll down to Paddle Settings.

Here, you can select which type of payment process can be done through Paddle; Non-catalog, Catalog Item, or Non-catalog prices for an existing product

Do not forget to click the Save Settings button to save all your changes.