> ## Documentation Index
> Fetch the complete documentation index at: https://telr-docs.cashfree.com/llms.txt
> Use this file to discover all available pages before exploring further.

# WordPress

> Accept payments on your Wordpress website

Telr'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 accept payments using Telr'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 Telr button to be displayed. The plugin takes over and completes the payment after customers click the payment button.

## Configuration

1. Download Telr's [Quick Button plugin](https://github.com/cashfree/cashfree-quick-button).
2. Go to your WordPress site > Plugins > Add New.
3. Upload the plugin.

<img height="200" src="https://mintcdn.com/telr/tVMCLsYCWpyYtayB/static/payments/plugins/wordpress/wordpress_1.png?fit=max&auto=format&n=tVMCLsYCWpyYtayB&q=85&s=df0276d59c0be51eb4e280776b99634f" data-path="static/payments/plugins/wordpress/wordpress_1.png" />

4. Click <b>Activate Plugin</b>.

<img height="200" src="https://mintcdn.com/telr/tVMCLsYCWpyYtayB/static/payments/plugins/wordpress/wordpress_2.png?fit=max&auto=format&n=tVMCLsYCWpyYtayB&q=85&s=3a01d01a0836e07240dc699fa173ab96" data-path="static/payments/plugins/wordpress/wordpress_2.png" />

5. Click <b>Settings</b>.

   <img height="200" src="https://mintcdn.com/telr/tVMCLsYCWpyYtayB/static/payments/plugins/wordpress/wordpress_3.png?fit=max&auto=format&n=tVMCLsYCWpyYtayB&q=85&s=5c79c49f20b1317698ac5efaba33bb38" data-path="static/payments/plugins/wordpress/wordpress_3.png" />

6. In the **Edit Settings** screen, enter the **Title, App ID, Secret Key, Payment Mode** (Test/Prod) and the **Success Message**. Click Save Changes.
   <img height="200" src="https://mintcdn.com/telr/tVMCLsYCWpyYtayB/static/payments/plugins/wordpress/wordpress_4.png?fit=max&auto=format&n=tVMCLsYCWpyYtayB&q=85&s=b264f69a8d644da2b0fb072ae29815fb" data-path="static/payments/plugins/wordpress/wordpress_4.png" />

## 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.

   <img height="200" src="https://mintcdn.com/telr/tVMCLsYCWpyYtayB/static/payments/plugins/wordpress/wordpress_5.png?fit=max&auto=format&n=tVMCLsYCWpyYtayB&q=85&s=08d885941d9d41973b1434dd3f41dab1" data-path="static/payments/plugins/wordpress/wordpress_5.png" />

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

<img height="200" src="https://mintcdn.com/telr/tVMCLsYCWpyYtayB/static/payments/plugins/wordpress/wordpress_6.png?fit=max&auto=format&n=tVMCLsYCWpyYtayB&q=85&s=79b967bf8c1bb4b2ba02458b58eb1ee1" data-path="static/payments/plugins/wordpress/wordpress_6.png" />

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

<img height="200" src="https://mintcdn.com/telr/tVMCLsYCWpyYtayB/static/payments/plugins/wordpress/wordpress_7.png?fit=max&auto=format&n=tVMCLsYCWpyYtayB&q=85&s=52c19ab3b2dda9c5bee1bd7464dfaa72" data-path="static/payments/plugins/wordpress/wordpress_7.png" />

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

<img height="200" src="https://mintcdn.com/telr/tVMCLsYCWpyYtayB/static/payments/plugins/wordpress/wordpress_8.png?fit=max&auto=format&n=tVMCLsYCWpyYtayB&q=85&s=bc15bec1f990bdc236136e117a9204bf" data-path="static/payments/plugins/wordpress/wordpress_8.png" />

<Note>
  Read about [whitelisting your store url](/payments/online/go-live/whitelist)
  before you can accept payments on your store.
</Note>