How to Add Stripe QR Code Payment in WordPress (2 Easy Ways)

Are you searching for a manner so as to add a QR code for Stripe funds in your WordPress web site?

QR codes, or Fast Response Codes, are a sort of barcode that customers can scan utilizing their cell phones. You’ll be able to present a Stripe fee kind utilizing QR codes and assist clients simply buy a services or products.

On this article, we are going to present you add Stripe QR code fee in WordPress.

How to add Stripe payment QR code payment in WordPress

Why Add Stripe QR Code Fee in WordPress?

Stripe is a well-liked fee gateway that permits you to settle for on-line funds in your WordPress site or eCommerce retailer. It makes it very straightforward for purchasers to pay utilizing their credit cards.

One of the best half is that clients don’t should undergo a prolonged signup course of. They’ll merely enter their bank card on the web site to make a purchase order.

Including Stripe QR code funds to your website provides clients the flexibleness to finish a purchase order rapidly. Prospects can merely scan the code to open the fee hyperlink.

This makes the checkout course of quite simple and quick. It helps individuals to simply purchase a product and repair in your online store. Consequently, you’ll see a lift in conversions and decreased cart abandonments.

That stated, let’s take a look at how one can add a Stripe QR code fee to your WordPress web site.

Create a Stripe Fee Kind in WordPress

First, you’ll want so as to add a Stripe fee kind in your web site to just accept on-line funds from clients.

One of the simplest ways to do this is utilizing WPForms. It’s the greatest contact form plugin for WordPress that’s tremendous straightforward to make use of and simply integrates with Stripe. There are a lot of kind templates to select from, and you may customise them utilizing the drag-and-drop builder.

For this tutorial, you’ll want the WPForms Professional license as a result of it consists of the Stripe addon. There’s additionally a WPForms Lite model that you need to use without spending a dime. It means that you can settle for Stripe funds, however there’s a 3% transaction price for funds made by means of your kinds.

To start out, you’ll must obtain and set up the WPForms plugin. Should you need assistance, then please see our information on how to install a WordPress plugin.

Upon activation, you possibly can go to WPForms » Settings out of your WordPress dashboard and enter the license key. Yow will discover the important thing in your account space on the WPForms web site.

Adding a license key to the WPForms form builder plugin

Merely enter the important thing and click on the ‘Confirm Key’ button.

As soon as that’s carried out, you’ll must go to the WPForms » Addons web page and set up the Stripe addon.

Installing the Stripe addon

Go forward and click on the ‘Set up Addon’ button, and WPForms will routinely set up and activate it.

From right here, you possibly can head to WPForms » Settings from the WordPress admin panel and go to the ‘ Funds’ tab.

Subsequent, merely click on the ‘Join with Stripe’ button and comply with the onscreen directions to attach your account with WPForms.

Click the connect with Stripe button

As soon as Stripe is linked, you possibly can go to WPForms » Add New to create a brand new kind.

WPForms provides a lot of kind templates to select from. You’ll be able to choose a simple contact form, an order kind, or a Stripe fee kind and customise it.

Stripe payment form

For this tutorial, we are going to use the ‘Stripe Fee Kind’ template.

Subsequent, you possibly can customise your kind utilizing the drag-and-drop kind builder. By default, you’ll see totally different kind fields within the template.

Nevertheless, WPForms permits you to add extra kind fields to the template, like a dropdown, checkboxes, electronic mail, telephone, deal with, web site, and extra.

Customize Stripe payment form

You can even click on any kind subject on the template to customise it additional.

As an illustration, we modified the textual content for every merchandise in your demo kind and enabled the choice to indicate costs after the merchandise label.

Customize form field in stripe payment form

When you’re carried out modifying the shape, merely change to the ‘Funds’ tab and choose ‘Stripe’ from the menu on the left.

From right here, make sure the ‘Allow Stripe funds’ choice is enabled.

Enable Stripe payments

Subsequent, you possibly can change to the Settings tab. Right here, you’ll see choices to vary the notification and confirmation settings.

As an illustration, you possibly can choose what motion ought to happen as soon as a consumer submits a kind. WPForms permits you to present a message or a web page and even redirect customers to a URL.

Confirmation settings form

You’re now able to show your Stripe fee kind in your web site.

Merely click on the ‘Save’ button to retailer your modifications after which click on the ‘Embed’ button on the prime.

Save and embed your form

Subsequent, WPForms will present a popup the place you possibly can select an present web page or create a brand new one to embed your kind.

We’ll select the ‘Choose Current Web page’ choice for this tutorial.

Embed a form in page

Subsequent, you’ll must enter a reputation in your new web page.

As soon as that’s carried out, merely click on the ‘Let’s Go’ button.

Enter name for your new page

After that, you’ll see a preview of your Stripe fee kind within the WordPress content editor.

You’ll be able to go forward and publish the web page and go to the web site to see it in motion.

Stripe payment form preview

Now go forward and replica the hyperlink of your fee kind web page, as you’ll want it to create a QR code.

Various Technique: You can even create a Stripe fee kind utilizing WP Simple Pay. It’s the greatest Stripe payment plugin for WordPress and helps you gather on-line funds with out establishing a procuring cart.

WP Easy Pay is a extra easy choice in comparison with WPForms. It’s excellent in case you’re simply seeking to create a fundamental kind to just accept bank card funds.

Nevertheless, in case you’re searching for extra customization choices and kind templates, then we advocate utilizing WPForms.

For extra particulars, you possibly can see our detailed information on how to accept payments with Stripe in WordPress.

Add QR Code for Stripe Funds in WordPress

Now that your Stripe fee kind is prepared, you possibly can create a QR code for it and show it wherever in your website.

There are 2 methods you possibly can add a QR code to your site. You need to use the Google Chrome browser’s characteristic or use a WordPress plugin.

1. Create QR Codes utilizing Google Chrome

Should you’re utilizing the Google Chrome browser, then you need to use it to share a webpage through a QR code.

First, you’ll must open the Stripe fee kind web page in a brand new tab or window.

Subsequent, you possibly can click on the share icon within the prime proper nook of the location deal with bar. From right here, merely choose the ‘Create QR Code’ choice.

Click the share icon in chrome

After that, Google Chrome will generate a QR code in your Stripe fee kind web page.

You’ll be able to go forward and obtain the QR code as a picture.

Download the QR code

Subsequent, merely place the picture wherever in your website.

For instance, you possibly can present the QR code on product pages, so clients can rapidly scan them and open the shape to make a purchase order.

Add QR code to product page

2. Create a Stripe Fee QR Code utilizing a WordPress Plugin

You can even add QR codes to your website utilizing a WordPress plugin like Shortcodes Final. It’s a free plugin that permits you to create over 50 various kinds of shortcodes, together with QR codes.

First, you’ll want to put in and activate the Shortcodes Ultimate plugin. Should you need assistance, then please see our information on how to install a WordPress plugin.

Upon activation, you will notice the Shortcode Final welcome display screen.

Shortcode ultimate welcome screen

Subsequent, you’ll must edit a web page or put up so as to add your QR code.

When you’re within the content material editor, merely add a shortcode block.

How to add a shortcode block to WordPress

After that, you need to see an ‘Insert shortcode’ choice.

You’ll be able to merely click on the double brackets icon so as to add your QR code.

Click the select shortcode icon

Subsequent, the plugin will show totally different shortcode choices in your website.

Go forward and choose the ‘QR Code’ choice.

Select QR code shortcode

After that, you’ll see choices to enter particulars in your QR code.

Within the Knowledge subject, you possibly can enter the URL of your Stripe fee kind that you simply created earlier.

Apart from that, there may be an choice to enter a title for the code, which acts as an alt-text. You can even modify the scale of your QR code.

Enter QR code details

Should you scroll down, then you definitely’ll see extra choices to customise your QR code. As an illustration, you possibly can change the first shade, background shade, and extra.

When you’re carried out, merely click on the ‘Insert shortcode’ button.

Click insert shortcode

The plugin additionally permits you to see a reside preview of the code in your weblog put up or touchdown web page.

Go forward and publish your web page to see the Stripe fee kind QR code in motion.

QR code live preview

We hope this text helped you learn to add Stripe QR code fee in WordPress. You might also need to see our information on WooCommerce made simple and how to accept recurring payments in WordPress.

Should you favored this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You can even discover us on Twitter and Facebook.

Leave a Reply

Your email address will not be published. Required fields are marked *