If your business website is built on WordPress, and you’re wondering how you can include payment (buy now) buttons to accept payments, sit closer, this guide is for you!
Payment buttons are interactive elements on a website that allow your customers to initiate and complete a payment transaction with a single click. These buttons are typically integrated with a payment gateway, such as Stripe. Payment buttons can be customized to fit the design and functionality needs of your website.
In this article, we’ll look at how you can accept payments in your simple WordPress site with buttons.
But first, is it really possible to add payment buttons in WordPress?
Yes!
You can add payment buttons or CTAs on your WordPress site that lead your customers to a checkout page using a payment plugin like WP Full Pay.
WP Full Pay is a Stripe payment plugin that allows you to create checkout forms and include them in buttons or forms.
This will direct your customers to a checkout page where they can subscribe to your service, buy a product, or donate.
Types of payment buttons
Payment buttons are a convenient way to accept payments on your website without the need for a full shopping cart or e-commerce setup. They allow you to process transactions efficiently and integrate checkout forms into various parts of your site.
In essence, payment buttons are just simple site elements with checkout forms embedded. And, payment buttons are just one way to display checkout forms. Then, once customers click on the payment button, they are redirected to a checkout page hosted by a payment gateway (Stripe, PayPal, etc.).
Knowing this, there are two ways to process transactions on your website and add checkout forms to different sections: Inline (On-site) checkout and hosted checkout.
Learn more about the types of Stripe checkout pages and the differences between hosted and on-site checkout forms.
Where and how to use payment buttons? Example cases
You can use hosted checkout forms in various scenarios.
By strategically placing payment buttons on various parts of your WordPress site, you can make the payment process easier, improve user experience, and potentially increase conversions and revenue.
Here are several practical use cases where you can implement hosted checkout forms:
Pricing tables
Whether you sell one-off or subscription-based products or services with different pricing tiers, you can add payment buttons to your pricing tables to allow customers to easily select and pay for the plan that suits them best.
Blog posts
If you are a blogger, you can use payment buttons to monetize your content and make money on your WordPress site.
At the end of each blog post, or sidebar widget, you can include a payment button for readers to make donations or purchase related products such as merchandise.
Donation and ‘support me’ pages
You can create a dedicated donation page with suggested donation amounts or custom donation options and add payment buttons to facilitate transactions.
Event pages
Hosted checkout forms or payment buttons are also super useful if you’re selling tickets or handling registrations.
For example, you can include a “Register Now” button on event details pages, allowing attendees to pay for tickets via a hosted checkout form.
Product pages
If you have a single-product store on WordPress, you can add a “Buy Now” button to sell products and accept payments. Payment buttons allows you to sell products on WordPress without WooCommerce.
Whether you sell digital or physical products, Stripe-hosted checkout page allows you to accept payments from your customers in your WordPress site.
Service description pages
If you list your services on your business website, you can accept full or partial deposit payments as a booking service fee.
One example is that, on pages describing your services, you can include a “Pay Now” button for clients to securely pay for services. This can be for one-off services or subscription services.
Course and webinar pages
Another use case for payment buttons – hosted checkout forms is selling access to digital courses, online tutorials, or webinars.
For example, you can place an “Enroll Now” button on course description or registration pages, redirecting students to a secure payment form.
Crowdfunding campaign pages
Like donation pages, you can also use payment buttons to raise funds for a project or cause.
Include a “Contribute Now” button on your crowdfunding campaign page, leading your supporters to a hosted payment form to make their contributions.
Contact and booking pages
Another way to utilize payment buttons is to use them to accept payments for appointments or consultations.
For example, on contact or booking pages, you can add a “Pay Now” button for clients to make payments for appointments or consultations via a hosted checkout form.
With WP Full Pay, it’s easy to create and add payment buttons to different sections of your WordPress site and accept Stripe payments.
Here are the steps:
Step #1: Install WP Full Pay plugin
To install WP Full Pay from the WordPress admin dashboard:
- In your WordPress admin dashboard, go to Plugins → Add New.
- Search for “WP Full Pay“.
- Install and activate the plugin.
Alternatively, you can also download WP Full Pay from the WordPress plugin directory and add the ZIP file manually.
If you’ve purchased the plugin from WP Full Pay website, download the .zip from your Customer portal and install it manually.
You no longer need to manually add Stripe API keys with WP Full Pay version 7.0 and later. Stripe Connect makes the integration process easy and allows you to connect your Stripe account directly through the WP Full Pay.
Now that the plugin is installed, you can proceed to create and customize payment buttons.
Step #2: Create Stripe product on dashboard
To link Stripe product with WP Full Pay payment buttons on your WordPress site, you should create a Stripe product. You can also enable payment methods supported by Stripe to give flexibility to your customers.
You can create one-off or recurring payment product, depending on your business model.
- Go to stripe.com and log in to your account.
- In your Stripe dashboard, find the “Products” tab on the left-hand side menu and click on it.
- Click on the “Add product” button to create a new product.
- Fill in the details of your product, including the name, description, and pricing. You can also upload an image to visually represent your product.
- Choose whether the product will have recurring payments or a one-time payment. Set the appropriate pricing based on your choice.
- Click the “Save product” button to save your new product.
Adding ‘Recurring’ or ‘one-time’ payment products in Stripe
Step #3: Create a hosted checkout form on WP Full Pay
- In your WordPress admin dashboard, go to WP Full Pay → Forms
- Click the Add Form button to create a new payment form.
- Choose the type of payment form you want to create: one-off, subscription, donation, or save card.
4. Choose the layout type for your checkout form (inline or hosted).
5. In the payment settings section, add the product you created in Stripe by selecting it from the list.
6. Once you’ve configured all settings for your payment form, click the Save button to save your new payment form.
Step #4 Embed the form to a desired section in WordPress
Once you’ve created a hosted checkout form, you can add payment buttons to various sections of your WordPress site.
- On the WP Full Pay → Form page, copy the shortcode of the payment form you just created.
2. Navigate to the section of your WordPress site where you want to embed the payment form. This can be a page, post, pricing table, or widget area.
3. Next, paste the shortcode into the content area where you want the form to appear.
4. Save your changes by updating or publishing the page, post, or widget.
