WordPress

Cashfree's WordPress plugin allows you to easily accept payments from customers on your WordPress page by easily integrating the payment button. You can accept payments via debit card, credit card, net banking, UPI, or through any of our supported wallets.

To get started you must first signup with Cashfree and submit the required documents.

To accept payments using Cashfree's Quick Button:

• Add a few custom variables and some markup to a page.
• Specify the amount, title, description and other custom details as page metadata.
• Write [CFPB] where you want the Pay With Cashfree button to be displayed. The plugin takes over and completes the payment after customers click the payment button.

Configuration

1. Download Cashfree's Quick Button plugin.
2. Go to your WordPress site > Plugins > Add New.
3. Upload the plugin.

4. Click Activate Plugin.

5. Click Settings.

6. In the Edit Settings screen, enter the Title, App ID, Secret Key, Payment Mode (Test/Prod) and the Success Message. Click Save Changes.

Add Custom Fields

1. In your WordPress site, open the page where you want the payment button to be displayed.
2. Click the more icon and select Preferences.
3. In the Preferences screen, enable the option Custom fields. You will now have the option to add custom fields to your WordPress page.

4. Scroll down the page till you see the Custom fields section, and add the following three custom fields as metadata:
   • description - include product description
   • orderAmount - specify the order amount in INR
   • title - specify the product name

5. Write [CFPB] in the content section where you want to display the Pay With Cashfree button.

6. Publish the page to see the Pay with Cashfree button. Customers can complete the payment by clicking the button on the page.

Whitelist Domain

❗️

Attention

This integration will require whitelisting of your domain used for opening the checkout page. Any other domain used to open the checkout page will be blocked by Cashfree. You can request for domain whitelisting via Developers > Whitelisting from your merchant dashboard.

You can check the step-by-step process of whitelist request here

Subscribe to Developer Updates