If your business website is built on WordPress, and you’re wondering how you can add Stripe 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 add Stripe payment buttons in your WordPress site.
What are Stripe payment buttons and how do they work?
Stripe payment buttons are a convenient way to accept payments on your WordPress without WooCommerce – a full shopping cart or e-commerce setup.
In essence, Stripe payment buttons are just simple site elements with checkout forms embedded. And, payment buttons are just one way to display checkout forms. When customers click on the payment button, they are redirected to a checkout page hosted by a payment gateway, in this case, Stripe.
Knowing this, there are two ways to add Stripe payment buttons to WordPress site: Inline (On-site) checkout and hosted checkout.
Hosted checkout: Hosted checkout pages, also known as third-party checkouts or off-site checkouts, are hosted by an external service provider – Stripe. This means that when a customer is ready to complete a purchase, they are redirected to a secure, third-party site to enter their payment information and finalize the transaction.
On-site checkout: On-site checkout, or self-hosted checkout, keeps the entire payment process within the original website, allowing for a seamless and integrated customer experience. Meaning, your customer stays on your site, and when they click on the pay button, the page URL doesn’t change.
📖 Learn more about the types of Stripe checkout pages and the differences between hosted and on-site checkout forms.
For adding Stripe payment buttons you should use the hosted checkout forms.
This will direct your customers to a checkout page where they can subscribe to your service, buy a product, or donate.
You can add a payment button to WordPress site with no-code solutions like WP Full Pay. This button initiates the checkout process, and your customer can securely complete their purchase on the Stripe hosted checkout page.
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 Stripe 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 Stripe 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.
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 products or physical goods, 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.
Add payment buttons or use WooCommerce?
Choosing between using payment buttons or setting up a WooCommerce store depends on the use case of the WordPress site.
You should consider WooCommerce if:
- You have multiple products: If you’re managing a large inventory with numerous products, WooCommerce is designed to handle complex product listings and variations.
- You need advanced features: WooCommerce offers extensive features like inventory management, coupon codes, and detailed sales reports, which are essential for running a comprehensive online store.
- You sell physical goods: For sites primarily selling physical goods, WooCommerce provides the necessary tools for managing shipping, taxes, and inventory.
Use Stripe buttons if:
- You have a simple product line: For sites with only a few products or services, using Stripe or PayPal buttons provides a straightforward solution without the need for a full e-commerce platform.
- Service-based businesses: If your primary offerings are services rather than products, payment buttons allow clients to pay online without the complexities of a product-based setup.
- Limited e-commerce needs: Websites that only need to process a few transactions per month can use payment buttons, avoiding the overhead of managing a WooCommerce store.
📖 You might also like to read Invoice vs Payment Forms: What’s the Difference?
FAQ on WordPress payment buttons
How to add payment gateway in website WordPress?
Use a plugin like WP Full Pay to integrate payment gateways such as Stripe into your WordPress website. Create a payment form, configure your payment settings, and embed it into your site’s pages or posts to start accepting payments.
How to link a form to a button in WordPress?
Create a form using a payment plugin like WP Full Pay and generate a shortcode for it. Then, in your WordPress editor, copy and paste the form shortcode where you want the button.
How to set up a payment button on WordPress with different payment methods?
Use WordPress payment plugins like WP Full Pay that supports Stripe. Create a payment button within the plugin and then embed the button on your WordPress site. Next, on your Stripe dashboard, navigate to the Payment Methods settings to enable various payment methods like CashApp Pay, Venmo, Alipay, Apple Pay, etc.