Thursday, October 28, 2021

How to Allow Users to Choose a Payment Method on WordPress Forms

Do you want to allow users to choose between different payment methods on a WordPress form?

When you allow your customers to choose their preferred payment method, you’ll build trust and increase conversions on your website.

In this article, we’ll show you how to allow your users to choose a payment method in your WordPress forms.

How to Allow Users to Choose a Payment Method on Your WordPress Form

Why Offer Multiple Payment Methods in WordPress?

PayPal and credit cards are two popular ways to pay for online purchases. Each has its pros and cons, and your visitors are likely to already have a preference for one or the other.

So, if you’re selling products or services on your WordPress website, or asking for donations, then it is important to allow your visitors to use their preferred payment method.

You don’t need to set up a complete online store with a shopping cart to accept online payments. All you need is a simple online order form with a choice of payment options.

This makes a lot of sense, especially if you’re selling a single product, accepting payments for services, or raising money for a cause or charity.

You will need to enable HTTPS/SSL on your website so that you can accept payments securely. For more details, you can follow our guide on how to get a free SSL certificate for your WordPress site.

That being said, let’s look at how you can offer multiple payment options on your website.

How to Setup a Payment Form in WordPress

The first thing you need to do is install and activate the WPForms plugin. For more details, see our step by step guide on how to install a WordPress plugin.

WPForms is the best drag and drop form builder plugin for WordPress. It lets you create a simple order form or donation form without the hassle of a full-fledged eCommerce platform or shopping cart plugin.

While they have a Lite version that’s free, you will need their Pro plan to access the payment addons and order form template.

Upon activation, you need to visit the WPForms » Settings page to enter your license key. You can find this information in your WPForms account area.

Connecting Payment Platforms to WPForms

Next, we’ll connect WPForms with the payment platforms you plan to use. To do this, you need to head over to WPForms » Addons and install the payment addons.

Once there, you need to scroll down to the PayPal Standard Addon and then click on its Install Addon button.

Scroll Down to the PayPal Standard Addon and Click Its 'Install Addon' Button

You’ll see a message saying that the addon has been installed and activated, and the text on the button will change to Deactivate.

We’ll set up your PayPal account details later in the tutorial.

You’ll also need to install an addon for accepting credit card payments. WPForms supports Stripe, Square and Authorize.net. For this tutorial, we’ll set up Stripe, but the steps for setting up the other two platforms are similar.

You’ll need to scroll to the Stripe Addon and click on the Install Addon button.

Click on the Install Addon Button

Once the addons have been installed and activated, you’ll need to connect WPForms to your Stripe account.

To do that, head over to WPForms » Settings page and click on the ‘Payments’ tab. After that, you will need to connect your Stripe account by clicking the ‘Connect with Stripe’ button.

Click the Connect with Stripe Button

On the next screen, you can enter your Stripe email address and click the ‘Next’ button.

Enter Your Stripe Email Address

Once that is done, Stripe will now ask for your password so that it can log in to your account.

After logging in, you can select your Stripe account and then click the ‘Connect’ button.

Select Your Website and Connect It with Stripe

Next, you will be redirected back to the WPForms Payments settings tab. To make sure that your account is successfully connected, you can go to the Connection Status settings under Stripe settings.

When you see a green tick mark, it means your Stripe account is now live with WPForms. Go ahead and click the ‘Save’ button to store your settings.

Successfully Connected Your Stripe Account

WPForms is now ready to accept credit card payments.

Creating an Order Form with Multiple Payment Methods

Now we’ll create an online order form that can accept both PayPal and credit card payments.

To start, head over to WPForms » Add New page. From here, you need to provide a title for your form and then select the ‘Billing / Order Form’ template.

Select the ‘Billing / Order Form’ Template

WPForms will pre-load the form builder with a simple order form with commonly used fields. You can edit any field by clicking it.

WPForms Will Pre-load the Form Builder with a Simple Order Form

You can add new fields from the left column using drag and drop. You’ll need to drag a Multiple Choice field onto the form to allow your customers to select from multiple payment options.

Add a Multiple Choice Field

After that, you should drag the Stripe Credit Card field onto the form just underneath the Multiple Choice field.

Add a Stripe Credit Card Field

Next, you need to change the options on the Multiple Choice field to match the payment methods you are offering.

Start by giving the field the label Payment Method. After that, you should name the first two choices PayPal and Credit Card.

Multiple Choice Field Options

You can simply remove the third choice by clicking the red minus button.

After that, you need to switch the Required option on. This will make sure that users select a payment method before they submit the order form.

Now we need to set up the Stripe Credit Card field, so it is hidden until a user selects it as their payment option. We can achieve that by using WPForms’ conditional logic feature.

You’ll need to click on the Stripe field so that you can edit it. Next, you should click on the Smart Logic tab and then enable conditional logic by clicking the toggle switch to the on position.

Click on the Smart Logic Tab and Enable Conditional Logic

You will now see some additional options that allow you to set up rules for the field. You need to make sure that the first option is selected to ‘Show’ and then use the drop down menus so that the remaining fields say ‘Payment is Credit Card’.

Set up Some Rules for the Field

Now the Stripe Credit Card field will only be shown after a user selects Credit Card from the Payment Method field.

Enabling Payment Methods for the Order Form

The next step is to enable PayPal and Stripe payments for the order form.

You should first navigate to Payments » PayPal Standard in the WPForms form builder. Once there, you should check the ‘Enable PayPal Standard payments’ box in the right panel.

Check the ‘Enable PayPal Standard Payments’ Box

After that, you should fill in the rest of the fields. Type in your PayPal email address and place the account in Production mode. You also need to configure whether users need to supply a shipping address.

Toggle the Enable Conditional Logic Option

After that, you need to scroll down to the Enable Conditional Logic option and toggle it to the ON position. This will reveal more settings.

Toggle the Enable Conditional Logic Option

You should set the rule to Process the charge if the Payment Method is PayPal.

Next, you need to click on the Stripe section of the Payments tab and then check the ‘Enable Stripe payments’ box.

Check the ‘Enable Stripe Payments’ Box

You can add a payments description and opt to email a receipt if you wish. After that, you need to switch the Enable Conditional Logic toggle to the on position so that you can create a rule for this payment option.

Toggle the Enable Condition Logic Option

You need to configure the rule to read Process this charge if the Payment Method is Credit Card.

If you’d like to accept recurring subscription payments by credit card, then you can scroll down to the Subscription section and configure it.

Stripe Subscriptions

Once you are done, you need to click on the Save button at the top and exit the form builder.

Adding the Order Form to Your WordPress Site

Your online order form with multiple payment options is now ready, and you can add it to any WordPress page on your site.

To add your form, simply edit a post or page or create a new one. Then, click on the plus + sign on the right of the page and add a WPForms block in your WordPress editor.

Add a WPForms Block

After that, you need to click on the dropdown menu in WPForms block and select your order form.

Select Your Order Form from the Dropdown Menu

You can now save or publish your page and click on the preview button to see your form in action.

Preview Order Form

We hope this tutorial helped you learn how to allow users to choose a payment method on your WordPress form.

You may also want to see our expert pick of the best virtual business phone number apps for small businesses, and our step by step guide on how to create a business email address.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Allow Users to Choose a Payment Method on WordPress Forms appeared first on WPBeginner.


October 28, 2021 at 04:39PM

Wednesday, October 27, 2021

How to Add Rotating Testimonials in WordPress (3 Ways)

Do you want to add rotating testimonials to your WordPress website?

Displaying testimonials is a great way to show social proof and boost credibility. That’s why so many online businesses proudly display customer testimonials across their websites.

In this article, we’ll show you how to easily add rotating testimonials in WordPress.

How to add rotating testimonials in WordPress (3 ways)

Why Add Rotating Testimonials to WordPress?

Displaying rotating testimonials in WordPress is an easy way to add social proof to your site to help you win new customers and boost sales.

If you’re running an online store, then you can use social proof and testimonials to boost your conversion rate.

Rotating testimonials are beneficial because they let you showcase a handful of testimonials in a small space. Plus, this style of testimonial can be very eye catching and appealing to your visitors.

You can also use testimonials to encourage downloads, email list sign ups, sales, and more.

With that said, let’s show you how you can add rotating testimonials to WordPress using a few different methods. Simply use the quick links below to jump to the method you want to use.

Method 1. Adding Rotating Testimonials to WordPress Using WP Testimonials Rotator

WP Testimonials Rotator is a simple free plugin that lets you add rotating testimonials to your website.

First thing you need to do is install and activate the plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit WP Testimonials » Add New in your WordPress admin panel. From here, you can enter your testimonial details in the page editor screen.

WP Testimonials Rotator add new testimonial

Once you’ve added the testimonial quote, you can scroll down beneath the post editor to the ‘Testimonials Details’ box to add more details.

Here you can enter your client name, job title, company, and include a URL to their website.

Add more testimonial details

Once you’re finished, make sure to click the ‘Publish’ button to save your changes.

In order for your testimonials to rotate, you’ll need to add more than one.

To do this, simply go back to WP Testimonials » Add New and then follow the same steps as above to add another testimonial.

After you’ve added all your testimonials, you’ll be able to add them to your site on a page or post.

Simply open up the page where you want to add your rotating testimonials.

Then, click the ‘Plus’ add block icon to bring up the block editor.

Add new block for testimonials

Next, search for ‘Shortcode’ in the search box.

Then, select the ‘Shortcode’ block.

Select shortcode block

After that, you’ll need to add the following shortcode to the box.

[sp_testimonials_slider]

Then, click the ‘Update’ or ‘Publish’ button to save your changes.

Save testimonial shortcode

Now your visitors can see your live rotating testimonials on your website.

Your testimonials will automatically rotate after each one displays for a few seconds.

Testimonials rotate example

Method 2. Adding Custom Rotating Testimonials to WordPress Using SeedProd

SeedProd is one of the best drag and drop WordPress page builders in the market used by over 1 million websites.

It lets you quickly create custom pages in WordPress and easily add rotating testimonials to your website.

First thing you need to do is install and activate the plugin. For more details, see our beginner’s guide on how to install a WordPress plugin.

Note: There is a free version of SeedProd available, but we’ll be using the Pro version since it has the testimonial block we need.

Upon activation, you need to visit SeedProd » Settings and enter your license key.

Enter SeedProd license key

You can find this information under your account on the SeedProd website.

After that, you need to go to SeedProd » Pages and then click on the ‘Add New Landing Page’ button.

Add new SeedProd landing page

On the next screen, you’ll be asked to choose a template. SeedProd has dozens of professionally designed templates to choose from.

To choose a template, hover over it and click the ‘Checkmark’ icon.

Select SeedProd template for testimonials

We’ll be using the ‘Lead Thank You Page’ template, but you can choose any template you like.

Next, you’ll be asked to give your page a name and then click the ‘Save and Start Editing the Page’ button.

Name page and start editing

This will launch the drag and drop builder interface.

You’ll see a live preview of the template you selected, where you can point and click to select and edit any item on the screen.

Drag and drop builder example

The left hand column has blocks that you can add to your page.

First, we’ll add a customer testimonial block. Simply drag the ‘Testimonial’ block onto the page where you want it to be displayed.

Add testimonial block

You can completely customize the testimonial, add an image, and change the testimonial text.

Once you click on the testimonial block, you can change all of the display options in the left hand menu. For example, you can change the style of the text, add links, and more.

Edit testimonial block settings

To add multiple testimonials, simply click the ‘Add Testimonial’ button in the left hand menu.

This will automatically create a rotating block of customer testimonials.

Add new testimonial

Next, you can adjust how the rotating testimonials will display.

Simply click the ‘Carousel Settings’ menu option. Here you can change the color scheme, slider speed, and more.

Change carousel display settings

You can continue to customize your page by adding more blocks and adjusting the settings menu.

Once you’re finished customizing your page, make sure you click ‘Save’ and then ‘Publish’ from the drop down menu to make your rotating testimonials page live.

Save and publish testimonial page

Method 3. Adding Rotating Social Media Testimonials to WordPress Using Smash Balloon

Smash Balloon is one of the best WordPress testimonial plugins in the market used by over 1.6 million websites.

It’s a collection of social media plugins, so you can decide which social media testimonials you want to add to WordPress.

This can be a great option if your visitors are already leaving fantastic reviews on Facebook and Twitter. You don’t have to copy and paste new testimonials to your WordPress website since they’ll show up automatically.

Smash Balloon

If you want to add a rotating Twitter testimonials, then see our guide on how to embed tweets in WordPress. For Facebook, see our guide on how to create a custom Facebook feed in WordPress.

Once you activate, set up, and connect your social media accounts, your social media testimonials will automatically update when new reviews are posted.

Smash Balloon also has plenty of options for filtering and moderating which reviews show up on your website, so you still have complete control.

We hope this article helped you add rotating testimonials to your WordPress website. You may also want to see our expert picks of the best virtual business phone number apps and our beginner’s guide on how to move WordPress from HTTP to HTTPS.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Add Rotating Testimonials in WordPress (3 Ways) appeared first on WPBeginner.


October 27, 2021 at 04:00PM

Tuesday, October 26, 2021

How to Send a Coupon After a WooCommerce Product Review

Do you want to send your customers a coupon code whenever they leave a product review on your WooCommerce store?

Rewarding customers who leave reviews on your online store builds loyalty and leads to more sales.

In this article, we’ll show you how to send a coupon after a WooCommerce product review.

How to Send a Coupon After a WooCommerce Product Review

Why Send a Coupon After a Customer Leaves a Review?

Usually when you’re shopping online, you’ll want to read reviews from other customers before you make a purchase. Positive reviews help to build trust and confidence in your business and products, and customers tend to spend more when a business has good reviews.

However, many customers don’t leave reviews even when they’re happy with your business.

A smart way to encourage your customers to leave reviews is to send a coupon code as a simple thank you.

Coupons are a great way to promote your online store and make more sales. WooCommerce includes simple coupon functionality out of the box, and you can get more features by choosing the right WordPress coupon code plugin.

Manually sending a message to every customer who leaves a review could become a lot of work, so we’ll show you how to automate the process.

With that being said, let’s take a look at how to easily send a coupon code when a customer leaves a product review on your WooCommerce store.

Sending a Coupon After a WooCommerce Product Review

The first thing you need to do is install and activate the Uncanny Automator plugin. Uncanny Automator is the best WordPress automation plugin.

The Pro version has tight integration with WooCommerce that lets you create all sorts of automated workflows for your online store.

For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you will also be asked to install the free version of Uncanny Automator. This light version of the plugin is limited in features but is used as the base for the Pro version.

Next, you need to navigate to the Automator » License Activation page to enter your license key. You can find this information under your account on the Uncanny Automator website.

Uncanny Automator License Key

Now we’re ready to create an automated workflow to send coupon codes. Uncanny Automator calls these Recipes. Simply navigate to the Automator » Add new page to create your first recipe.

You’ll be asked to select whether you want to create a Logged-in recipe or an Everyone recipe. You should select ‘Logged-in users’ and then click the Confirm button.

Select 'Logged-in users' and Then Click the Confirm Button

Next, you’ll need to enter a title for the recipe.

Your customers won’t see this, it’s for your own reference. We’ll call the recipe ‘Send a Coupon After a WooCommerce Product Review’.

Add a Recipe Title

Setting Up the Uncanny Automator Trigger

Next, you need to choose the condition that will trigger the action. You should get started by clicking the WooCommerce icon under ‘Select an integration’.

You’ll now see a list of WordPress triggers. You need to search for ‘review’ and choose the trigger called ‘A user reviews a product’.

A User Reviews a Product

If you would prefer to approve the user’s review before the coupon code is sent, then select the trigger called ‘A user’s review on a product is approved’.

Next, you need to select whether the Uncanny Automator workflow will be triggered when the user reviews any product or only certain products. For this tutorial, we will stay with the default setting, ‘Any product’.

Any Product or Only Certain Products

Once you click the Save button, you have successfully set up the trigger for this recipe.

Setting Up the Uncanny Automator Action

Now it’s time to set up the action. This will be a bit more work because there are a lot of ways you can configure a coupon. You should begin by clicking the ‘Add action’ button.

Begin by Clicking the ‘Add action’ Button

When the user leaves a product review, the action will be to send a WooCommerce coupon code. So you’ll need to select WooCommerce from the list of integrations.

Select WooCommerce from the List of Integrations

Only one WooCommerce action is available, ‘Generate and email a coupon code to the user’. That’s just what we want to do, so you should select that option now.

Generate and Email a Coupon Code to the User

Now you’ll need to decide which coupon you want to send to the customer. If you already created a coupon, then enter its code in the ‘Coupon code’ field.

Otherwise, you can leave the automatically generated code in the box to create a new coupon. That’s what we’ll do for this tutorial.

Type in a Description for the Code

Next, you need to type in a description for the coupon. We’ll call it ‘Thanks for leaving a review.’

The next field allows you to choose the type of discount you wish to offer. The choices are percentage discount, fixed cart discount, fixed product discount, and custom value.

Choose the Type of Discount You Wish to Offer

For this tutorial, we’ll select ‘Percentage discount’. Next, you’ll need to type in the percentage amount of discount that you wish to offer. We’ll type 30 to give the customer a 30% discount on their purchase.

Type in the Percentage Amount

You can also choose to offer free shipping. We’ll leave the box unchecked.

The next field lets you set an expiry date for the coupon. If you don’t want the coupon to expire, then just leave the field blank.

Otherwise, you can type the number of days after which the coupon will expire or type in the expiration date directly. If you type the date, then you should make sure to use the format YYY-MM-DD.

Set an Expiry Date for the Coupon

We’ll type the number 14. That means the coupon will expire two weeks after we send it to the reviewer.

You can also set a minimum and maximum spend amount for the coupon. We’ll leave those fields blank so the coupon applies to any purchase.

There are a number of other restrictions we can apply to the coupon. The first of these is ‘For individual use only’. We’ll check that box so that the coupon can’t be combined with other coupons on the same purchase.

For Individual Use Only

You can also make sure that the coupon can’t be used with items that are already on sale in your online store. We’ll check that box.

There are a lot of other settings you can apply to your coupon, such as the ability to have it apply only to certain products. We’ll leave those settings unchanged and scroll down to the ‘Usage limit per coupon’ code.

We only want to give the product reviewer a single discount, so in the ‘Usage limit per coupon’ field, we’ll type the number 1.

Usage Limit Per Coupon

You can also limit the number of items the user can purchase in that transaction. For this tutorial, we’ll leave the field blank so they can purchase as many items as they like.

We’ll scroll past a few more settings until we get to the email section at the bottom of the page.

You’ll need to enter an email subject line in the ‘Subject’ field. Make sure it’s clear and descriptive, so your customers will be more likely to open the email.

Fill in the Email Details

You can also customize the body of the email. You might like to thank the customer for leaving a product review and let them know a little about the coupon code you are sending them.

Make sure you click the Save button to save your action settings.

Activating the Uncanny Automator Recipe

Now your recipe is complete but inactive. You will need to switch the recipe toggle button at the right of the page from Draft to Live.

Switch the Toggle Button from Draft to Live

That’s it! Now that your recipe is live, the next time someone leaves a product review, they will receive a coupon code in their inbox as a thank you.

To test this, we left a product review on our test WooCommerce store, and shortly afterward received this email.

Coupon Code Email Preview

We hope this tutorial helped you learn how to send a coupon after a WooCommerce product review.

You may also want to learn how to create an email newsletter the right way, or check out our list of the best WooCommerce plugins for your store.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Send a Coupon After a WooCommerce Product Review appeared first on WPBeginner.


October 26, 2021 at 04:09PM

Monday, October 25, 2021

How to Add SEO-Friendly Recipe Schema in WordPress (Easy Way)

Are you looking for a way to add recipe schema to your WordPress website?

If you have a food blog, then you can display your recipes as snippets on search engine results using schema markup. This can help you get more clicks and traffic to your site.

In this article, we’ll show you how to add SEO-friendly recipes with schema in WordPress.

Add Recipes in WordPress with SEO Friendly Formatting

What is Recipe Schema and Why Use It?

A recipe schema markup (or structured data) is a special type of HTML code that’s added to your WordPress website, and it offers more information about your content to search engines.

This information isn’t displayed on your website. It’s added to source code for search engine bots to read.

Google, Bing, and other search engines use the schema markup to display additional information as featured snippets. These are highlighted results with extra info that are displayed at the top of the search results page.

For example, Google can show ingredients, ratings, cooking time, nutritional value, and other information from your recipes in the featured snippets.

Recipe snippet in Google

Google gets this extra info from the recipe schema markup on the page.

That’s why adding recipes with schema can help you capture these snippets and boost your WordPress search engine optimization (SEO).

Featured snippets are a great way to get more clicks to your website from organic search results and increase your traffic.

That being said, let’s look at how you can easily add recipe schema in WordPress.

Adding SEO-Friendly Recipes with Schema in WordPress

The easiest way to add recipe schema markups in WordPress is by using the All in One SEO (AIOSEO) plugin for WordPress.

It’s the best WordPress SEO plugin on the market and helps you optimize your website for search engines without the need to hire an SEO expert.

Note: You’ll need the AIOSEO Pro version as it includes the schema markup feature and other powerful features like sitemaps, redirection manager, and more. There is also a free version of AIOSEO you can try to get started.

First, you’ll need to install and activate the AIOSEO plugin on your site. If you need help, then follow our tutorial on how to install a WordPress plugin.

Upon activation, you can head over to All in One SEO » Dashboard from your WordPress admin panel and click on the ‘Launch the Setup Wizard’ button.

Launch setup wizard from AIOSEO dashboard

Simply follow the steps in the wizard to configure the plugin on your website correctly. For more information, you can check out our guide on how to setup All in One SEO for WordPress.

After setting up AIOSEO on your site, you can now go to AIOSEO » Search Appearance from your WordPress admin area and then click on the ‘Content Types’ tab.

Schema markup in AIOSEO settings

Under the Content Types section, you can edit the schema markup for posts, pages, products, groups, memberships, and all other types of content you have on your website.

Go ahead and select the ‘Schema Markup’ tab for Posts. You can now click on the Schema Type dropdown menu and choose the ‘Recipe’ option.

Choose recipe schema type

You can do the same for pages, products, custom post types, and all other content types. After selecting recipe as the schema type, don’t forget to save your changes.

Adding Schema Recipe Information to Posts & Pages

The next step is to add your recipe information to each WordPress post or page that you want to display in the featured snippets.

To start, go ahead and edit a existing post or add a new one. Once you’re in the WordPress editor, simply scroll down to the ‘AIOSEO Settings’ meta box and select the ‘Schema’ tab.

Select schema tab in AIOSEO settings

AIOSEO offers multiple fields to enter details about your recipe and tell Google what’s it about. You can start by adding the name of the dish, a description, author, and image you want to display in the search results.

Enter schema details of your recipe

Besides that, AIOSEO offers additional fields to add more details about your recipe. Filling out these additional fields is really useful, as Google will show different information for different search terms.

You can enter details about the dish type, cuisine type, time required, amount of servings, ingredients, calories, instructions, ratings, and much more.

Additional fields to enter recipe schema information

Once you’ve filled out your recipe information, go ahead and publish your blog post. AIOSEO will add the recipe schema with the data you just provided.

You and your visitors won’t be able to see a difference on the front end of your website, but now search engine bots will have all the extra data they need for featured snippets.

To optimize your recipes for even more traffic from search engines, you can use our blog post SEO checklist.

We hope that this article helped you learn how to add SEO-friendly recipes with schema in WordPress. You may also want to go through our guide on how to get a free SSL certificate for your WordPress website and tips to speed up WordPress performance.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Add SEO-Friendly Recipe Schema in WordPress (Easy Way) appeared first on WPBeginner.


October 25, 2021 at 05:00PM