Embed Payment Button on WordPress Website
Embed Payment Button on your WordPress website and accept payments from customers.
WordPress is one of the most popular Content Management Systems out there. You can quickly build a website using WordPress and embed the our Payment Button to accept payments from customers.
If you have built your website using www.wordpress.com
, and are on a paid plan, you can directly install our Payment Button Plugin from the WordPress Plugins store. Follow these steps to:
- .
- .
If you are using WordPress with the free plan, you need to use MAMP to set up a local WordPress site and continue with the Payment Button implementation. Follow these steps to:
- .
- .
- .
- Download the .
- Create a Curlec account.
- Navigate to Settings → API Keys and in the test mode.
Add the API key details in the Payment Button plugin settings.
Handy Tips
- When testing: Generate the keys in Test mode.
- To accept live payments: Generate the keys in Live mode and replace them in the Payment Button plugin settings.
To accept payments on your WordPress site, you must create a Payment Button.
Follow these steps to embed the Payment Button:
3.1 Download and install the Payment Button Plugin. You can do this using either of these methods:
- and add the zip file to your WordPress website's Plugins folder.
- Add the plugin directly onto your WordPress website from the Plugin page.
3.2 In your WordPress site, activate the plugin in the WordPress Plugin Manager.
3.3 Navigate to Buttons → Settings to add your Curlec API key details and connect your Curlec account to the plugin.
3.4 Navigate to Buttons. A list of buttons you created on Curlec are available here. Select the required button.
3.5. Click Pages and navigate to the page where you want to embed the Payment button.
3.6. Select Add Block → Widgets → Payment Button to embed the Payment button onto the page.
3.7 Choose the Payment Button using the drop-down and publish or update the page.
The Payment Button appears on the page.
You can now start accepting payments on your WordPress website using the Payment Button.
1. I have created a Payment Button on the Curlec Dashboard. When I try to embed this code on my www.wordpress.com
website, I am facing errors. How do I resolve this?
You cannot directly use the Payment Button code generated from the Curlec Dashboard if you are using www.wordpress.com
. You must upgrade to the WordPress paid plan and use the Payment Button plugin.
2. I am using Thrive Editor to add the button code for Curlec. What should I be aware of, and how should I add payment buttons?
If you are using Thrive Editor to add the button code for Curlec, it is essential to note that Thrive Editor does not support the direct inclusion of scripts in HTML pages or posts. It automatically places a code tag on top of the script and adds a <code class="tve_js_placeholder">
above the payment button script. Unfortunately, there is no workaround for this behaviour. We recommend using the WordPress default editor, Gutenberg, or any other compatible editor to add payment buttons effectively. These editors allow you to add payment button scripts without the interference caused by Thrive Editor's script handling. This will ensure a smooth integration of payment buttons into your website.
3. I am getting following error message Razorpay error: Payment button fetch failed with the following message: The API key provided by you has expired and cannot be used. Please use the correct key and secret.
How do I resolve this?
This error indicates that your API Key and Secret for Curlec have expired. Follow the steps given below to resolve the issue:
- Log in to .
- Generate new .
- Replace the old API Key and Secret in your integration code with the newly generated API keys.
Was this page helpful?