Do you want to add an author’s photo in WordPress?
By default, most WordPress themes show the author’s gravatar as their profile picture. However, authors may want to replace this gravatar with another image.
In this article, we will show you how to add an author’s photo in WordPress.
When Do You Need to Add an Author’s Photo in WordPress?
If you run a multi-author WordPress site, then you may decide to add an author info box in WordPress posts. These author bio boxes typically show the author’s profile photo, a brief bio, and link to their website or social profiles.
By default, most WordPress themes use the person’s gravatar as their author photo. However, sometimes you may prefer to use a different image for the author photo.
As a WordPress website owner you may even have rules about the kind of photos you want to show in your author bio boxes. For example, maybe you require your authors to use a professional headshot.
If the author’s gravatar doesn’t meet your rules, then you may want to edit their profile and upload an image that better suits your WordPress blog.
With that in mind, let’s see how you can add an author’s photo in WordPress.
How to Add an Author’s Photo in WordPress
The easiest way to add an author photo in WordPress is by using the PublishPress Authors plugin. This plugin lets authors edit their own profile and author photo by adding a new ‘Author Profile’ area to their WordPress dashboard.
It also gives site admins the power to edit the author’s profile including changing their photo.
First, you’ll need to install and activate the PublishPress Authors plugin. If you need help, then please see our guide on how to install a WordPress plugin.
Upon activation, head over to Authors » Settings. You can then go ahead and click on the ‘Display’ tab.
Once you’ve done that, open the ‘Layouts’ dropdown and choose a layout that includes an author photo.
Let’s look at your options.
The default layout is ‘Boxed.’ This shows the author’s information in a box, complete with their author photo.
The ‘Centered’ layout is similar to the boxed layout, but with all of the author’s information centered inside the author bio box.
‘Inline with avatar’ and ‘Simple List’ are both layouts that includes space for an author photo. Here’s an example of the Simple List layout.
Just be aware that those two layouts don’t have space for a bio. Even if the author has added a bio, it won’t be shown on your website.
After choosing your layout, click on the ‘Save Changes’ button. You can now visit your website to see the author photos on your WordPress posts and pages.
Anyone who has registered on your site with the Author role will now be able to upload a photo using the ‘Author Profile’s settings in their WordPress dashboard.
How To Change an Author’s Photo in WordPress
As admin, you can also use PublishPress Authors to change any of the individual author photos that appear on your website. This is useful if an author chooses a photo that isn’t a good fit for your site.
To change an author’s photo, simply go to Authors » Authors.
From here, you can click on an author’s ‘Edit Author Profile’ link.
Then, just click the ‘Image’ tab.
By default, PublishPress will try to find a gravatar that’s linked to the author’s email address. To use a different author photo, click on the ‘Custom image’ radio button.
Once you’ve done that, click on ‘Select Image.’ You can now choose any image from your WordPress media library, or upload a new image.
Then, just click on the ‘Update’ button.
Your website will now use this new image as the author’s photo.
Do you want to add a wishlist feature to your WooCommerce store?
A wishlist allows visitors to save their favorite products, so they can quickly find them later in your store and complete their purchase. It also makes it easy for your visitors to share their favorite items with friends and family as part of their wedding registry or another gift registry.
In this article, we’ll show you how to add a wishlist to your WooCommerce store.
What Are Wishlists and Why Add Them in WooCommerce?
A wishlist lets your customers and guests save their favorite products on a list. It helps them to remember which products they want to buy in the future, so they can quickly find them later on your WooCommerce store.
Plus, customers can share their wishlists with their friends and family. This helps build brand awareness and increases traffic to your online store so you can boost sales.
Another benefit is that you get to see which products people add the most to their wishlists. To increase sales, you can then run promotional offers and discounts on popular wishlist products.
That said, let’s see how you can easily add a wishlist to the WooCommerce store.
Adding a Wishlist to Your WooCommerce Store
The best way of adding a wishlist to your WooCommerce store is by using a WordPress plugin like YITH WooCommerce Wishlist.
It’s a free WooCommerce plugin that lets your visitors save their favorite products to a wishlist and share them with their friends and family.
First, you’ll need to install and activate the YITH WooCommerce Wishlist plugin. For more details, please see our guide on how to install a WordPress plugin.
Upon activation, you can head over to YITH » Wishlist from your WordPress dashboard and click on the ‘Add to wishlist options’ tab to configure the plugin.
The plugin will automatically add a ‘Add to wishlist’ link to each product that shoppers can click on to save items.
In the settings, you can select which link to show after a user adds a product to the wishlist. For instance, you can still display the ‘Add to wishlist’ button, or you can change the link to show the ‘View wishlist’ or ‘Remove from list’ options instead.
Next, you’ll see the Loop settings and Product page settings. You can choose where you’d like the ‘Add to wishlist’ button appear on the product page.
By default, it will be shown after the add to cart button. However, you can choose a different position by clicking the dropdown menu in front of the Position of “Add to wishlist” on product page option.
After that, simply scroll down and customize the text for your wishlist and edit the color and style of the add to wishlist button.
Don’t forget to click the ‘Save Options’ button at the bottom of the page when you’re done.
Next, you can head to the ‘Wishlist page options’ tab.
The plugin will create a new page for wishlists on your WooCommerce store. If you prefer, you can select a different page from the Wishlist page dropdown menu instead or show wishlists on any page using the [yith_wcwl_wishlist]shortcode.
Next, you can now scroll down and select which details to show in the wishlist table.
For example, there are options to display product variations, the date on which the product was added to the wishlist, price, and more.
You can even select social media channels on which people can share their wishlists, add custom text when the list is shared on social media, and more.
The plugin also offers settings to change the text and edit the style and color of the sharing button, social media channel buttons, and more.
When you’ve customized the wishlist page settings, don’t forget to click the ‘Save Options’ button to store your changes.
You can now visit your WooCommerce store and see the ‘Add to wishlist’ option on the product page under the Add to cart button.
When a user clicks the Add to wishlist link, they can then browse their wishlist and remove items or add to cart products from the list.
Besides that, the plugin also shows options to share the wishlist on social media platforms like Facebook, Twitter, and Pinterest or send the list via email and WhatsApp.
Going Beyond Wishlists to Grow WooCommerce Sales
Now that you have added the wishlist feature to your WooCommerce store, you may want to further optimize it to boost sales and conversions.
We recommend using the WooFunnels plugin to optimize your WooCommerce checkout, add one-click upsells, and other marketing automation features.
Aside from that, here are five other plugins that we recommend to help grow your WooCommerce store:
Advanced Coupons for WooCommerce – helps you add smart coupons to offer free shipping discounts above certain $ amount, buy one get one free offers, and more.
WooCommerce Gift Cards – lets you sell gift cards for your WooCommerce store. This is a great addition alongside wishlist to boost revenue.
PushEngage – helps you stay connected with visitors after they leave your website. This technology is used by many smart eCommerce retailers like 1800-flowers, Harrys and Davids, and others to boost sales.
Uncanny Automator – this tool helps you automate your routine workflows to save you time. Simply the best task automation plugin for WooCommerce.
WP Mail SMTP – ensures that your WooCommerce emails actually get delivered in your user’s inbox. This is an absolute must have tool for all WordPress sites. See more details in our guide on how to fix WordPress not sending email issue.
We hope this article helped you learn how to add a wishlist to your WooCommerce store. You may also want to see our expert pick of the best WooCommerce plugins to grow your store, and the best WooCommerce hosting companies that scales with your growth.
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.
Do you want to import external images in WordPress?
If you have recently moved your website from one platform or host to another, then there is a good chance that you may have external images embedded on your pages.
In this article, we will explain how to properly import those external images in WordPress.
Why Import External Images in WordPress?
External images are images embedded in your content that load from another website or URL different from your main WordPress website.
Most commonly, WordPress users come across external images issue after migrating their website from other platforms like Blogger, Weebly, Joomla, or WordPress.com.
By default, if you use one of the WordPress importers, then it will try to import images. You can see the imported images by visiting Media » Library page in your WordPress admin area.
If you see that all your images are already in the Media Library, but the image URLs in your posts still point to your old website, then you don’t need this article. Instead, you should follow our guide on how to easily update URLs when moving your WordPress site.
However, if you don’t see images imported to your WordPress media library, then continue reading and we will show you how to import those external images.
Upon activation, you need to visit the Settings » Auto Upload Images page to review the plugin settings.
The default settings would work for most users, but you can change them as needed.
For example, the plugin will import images to your default WordPress media uploads folder. You can change that by providing a different base URL. Other than that, it also allows you to set filename, image alt tag, image size, and exclude post types.
If you do make some changes, then don’t forget to click on the ‘Save Changes’ button at the bottom of the page to store the new settings.
Next, you will need to update the posts or pages containing the external images. Since this is a manual process, it can be tedious if you have a lot of content.
Luckily, there’s a quick way to update all posts with external images. Simply go to Posts » All Posts page and then click on the Screen Options button at the top.
You need to increase the number in the ‘Number of items per page field’ field to ‘999’ and click the ‘Apply’ button.
WordPress will reload the page, and this time it will show up to 999 posts at a time.
Note: If you have slow web hosting, your server may not be able to handle updating so many posts at once. In that case, you would want to do smaller batches of posts at a time, or consider switching to better WordPress hosting.
Next, you can select all of your posts on this page by clicking the checkbox next to ‘Title’. After that, you should select ‘Edit’ under the bulk actions menu and click the ‘Apply’ button.
WordPress will now show you a ‘Bulk Edit’ box with all selected posts.
You just need to click on the ‘Update’ button, and WordPress will update all your posts.
Remember, don’t change any of the settings in the bulk edit settings that you see. You just need to click the ‘Update’ button.
This will trigger the plugin to check all selected posts and import external images as it finds them.
If you have more than 999 posts, then you will need to visit the next page to select the remaining posts.
Do you want to make a landing page for your Google Ads campaign in WordPress?
A Google Ads landing page is optimized to help you reach your campaign’s goals. Creating the right landing page is crucial for getting maximum sales and leads from your Google Ads.
In this article, we will show you how you can make a Google Ad landing page in WordPress including the ability to dynamically change content.
Why Make a Google Ad Landing Page in WordPress?
When someone clicks on your Google Ad, you can redirect them to any page on your WordPress website. This might be a page that already exists on your site, such as your request a quote page, product page, etc.
However, sending those visitors to a generic page could confuse them if it’s not closely related to the ad they clicked on. This can cause visitors to leave your site, and you’ll miss out on those sales.
That’s why many successful website owners create customized landing pages for their Google Ads.
This gives you the freedom to fine-tune the page to help you reach your Google Ad campaign goals. For example, if you want to get more sales then you might add a call to action (CTA) button, a form that accepts credit card payments, and powerful social proof such as customer reviews and testimonials.
No matter whether you want to get more sales, generate leads, or reach some other goal, an effective Google Ad landing page will give you a higher conversion rate.
With that in mind, let’s see how you can easily make a Google Ad landing page in WordPress.
How to Make a Google Ad Landing Page in WordPress
The easiest way to make a Google Ad landing page in WordPress is by using SeedProd. It is the best landing page builder for WordPress.
SeedProd allows you to easily create beautiful landing pages that you can show to anyone who clicks on your Google Ads.
The SeedProd plugin works with many popular third-party tools that you may already be using to get sales and capture leads. This includes top email marketing services, Google Analytics, and more.
The first thing you need to do is install and activate the SeedProd plugin. For more details, see our step by step guide on how to install a WordPress plugin.
Note: There is a free version of SeedProd plugin available on WordPress.org, but we will be using the Pro version since it has more powerful features. It also includes a selection of professionally-designed landing templates that you can use in your Google Ad campaigns.
After activating the plugin, SeedProd will ask for your license key.
You can find this information under your account on the SeedProd website and in the purchase confirmation email you got when you bought SeedProd.
After entering your key, go to SeedProd » Landing Pages in your WordPress dashboard.
We want to design a Google Ad landing page, so go ahead and click on the ‘Add New Landing Page’ button.
All of SeedProd’s templates are easy to customize, so you can use any of the designs for your Google Ad landing page.
However, many WordPress blog and website owners use Google Ads to get sales, so you may want to click on the ‘Sales’ tab.
SeedProd will now show all the templates that are designed to help you sell more products and services.
To take a closer look at any design, simply hover your mouse over that template. Then, click on the magnifying glass icon.
This will open the template in a new tab.
When you find a design that you want to use for your Google Ad landing page, simply click on ‘Choose This Template.’
You can now type in a name for your landing page into the ‘Page Name’ feld.
SeedProd will automatically create a ‘Page URL’ using the page name. This is the web address where your Google Ad landing page will appear.
Even though we’re making a landing page for a Google Ad campaign, it’s still a good idea to fine-tune this page for the search engines.
By optimizing your landing page for SEO, you may get some extra visitors from relevant search engine result pages. To learn more, you can see our ultimate WordPress SEO guide.
With that said, it’s a good idea to include relevant keywords in your URL. You can change the page’s automatically-generated URL by typing into the ‘Page URL’ field.
When you’re happy with the information you’ve typed in, click on ‘Save and Start Editing the Page.’ This will load the SeedProd page builder interface.
This simple drag and drop builder shows a live preview of your landing page to the right. On the left is a menu that shows the different blocks and sections that you can add to your Google Ad landing page.
SeedProd comes with lots of ready-made blocks that can help you get more conversions, including pricing tables, countdowns, and customer testimonials. You can build an entire Google Ad landing page within minutes using these ready-made blocks.
You can also use SeedProd blocks like spacers, columns, and dividers to help organize and structure your Google Ad landing page. This can help visitors navigate your landing page and find the information they want.
When you find a block that you want to add to the Google Ad landing page, simply drag and drop it onto your template.
To customize a block, go ahead and click to select the block in the SeedProd editor. The left-hand menu will now update to show all the settings that you can use to customize the block.
For example, if you click on a Testimonials block you’ll be able to change the name of the person quoted and add some new testimonial text.
Images are a great way to catch the visitor’s attention and communicate more of information. For this reason, many of SeedProd’s landing page templates come with placeholder images.
To replace the placeholder content with your own image, simply click on the Image block.
Next, in the left-hand menu simply hover your mouse over the image and then click on the Trashcan icon to delete it.
Once you’ve done that, there are a few different ways to add a new image to your Google Ad landing page.
Once option is to click on ‘Use Your Own Image.’ You can then either choose an image from the WordPress media library, or upload a new file from your computer.
Don’t have an image that you want to use? SeedProd comes with a built-in library of thousands of royalty free stock images that you can add to your Google Ad landing pages.
To see SeedProd’s stock image library, simply click on ‘Use a Stock Image.’
Next, just type in a word or phrase that describes the image you’re looking for and then click on the ‘Search’ button.
SeedProd will now show all the stock images that match your search term.
When you find an image that you want to use, simply give it a click to add the image to your Google Ad landing page.
Many online store owners use Google Ad campaigns to advertise their products and services.
If you created an online store using WooCommerce, then SeedProd has a number of special WooCommerce blocks that you can add to your landing page, including Add To Cart and Checkout blocks.
These blocks make it easier for customers to make a purchase, which is great for your conversion rates. It also lets you design a Google Ad landing page without being restricted by your WooCommerce theme.
To take a look at these eCommerce blocks, scroll to the ‘WooCommerce’ section in SeedProd’s left-hand menu.
You can now add any of these blocks to your Google Ad landing page.
As you’re building your landing page, you can move blocks around your layout by dragging and dropping them. This makes it easy to create a Google Ad landing page with a totally custom layout.
SeedProd comes with ‘Sections’ too. These are rows and block templates that can help you quickly create a nicely organized Google Ad landing page.
You can see all of these sections by clicking on the ‘Sections’ tab.
From here, you can preview any section by hovering over it. When the magnifying glass icon appears, give it a click. To get more sales, you may want to take a look at sections such as Hero, Call To Action, Features, and Testimonial.
To add a section to your page, click on ‘Choose This Section.’ SeedProd will now add the section to the very end of your Google Ad landing page.
Color can be a great way to catch the visitor’s attention, and help reinforce your WordPress website’s branding.
To change the background color of any section, simply click to select that section. Then, click on the little cog icon that appears.
Once you’ve done that, click on the Background Color field and choose a new background color using the popup settings.
People typically pay more attention to personalized content. With that in mind, you may get more sales by showing personalized content on your Google Ad landing page.
SeedProd has full support for dynamic text replacement, so different visitors see a different message based on the search term they used to find your ad. For example, if you’re targeting the keywords ‘summer offers’ or ‘Black Friday’ with your ad campaign, then you might dynamically change your heading to include those terms.
To add dynamic text to your Google Ad landing page, simply click on any Heading or Text block. Then, go ahead and click on the Insert Dynamic Text button.
In the popup that appears, click on ‘Query Parameter.’
This lets you pass data via the query parameter on your page. For example, you might pass in the phrase ‘Black Friday’ and then show that text in your headline.
As you’re working on your Google Ad landing page, you can preview your design by clicking on the Preview button. This launches your landing page in a new tab.
When you’re happy with how your landing page looks, it’s a good idea to optimize the page’s settings, as this can get you more conversions.
Many landing pages use forms to capture leads and potential new customers.
To connect your landing page to your email marketing service, simply click on the ‘Connect’ tab. You can then hover your mouse over the email marketing service that you use on your website, and click on the ‘Connect’ button when it shows up.
SeedProd will now walk you through the process of connecting your Google Ad landing page to your email marketing service.
When you’re happy with how your Google ad landing page is set up, you can click on the ‘Save’ button and then choose ‘Publish.’
Now you simply need to open the ad campaign inside your Google Ads account, and add the URL for the landing page you just created. Once you’ve done that, anyone who clicks on your Google Ad will be redirected to your landing page.
A beautiful, professionally-designed Google Ad landing page can help you reach your campaign goals. However, there is always room to improve your conversion rates.
With that in mind, it’s a good idea to monitor your landing page’s stats to see what’s working and not working. You can then use SeedProd to tweak your landing page’s design, and fine-tune it to get even more conversions.
The easiest way to measure important metrics in WordPress is using MonsterInsights.
We hope this article helped you learn how to make a Google Ad landing page in WordPress. You can also go through our guide on how to add push notifications on your website, or our expert picks of the must have WordPress plugins for business websites.
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.
Often users don’t want to set up a full-fledged online store with a shopping cart to accept credit card payments. This makes a lot of sense, especially if you’re only selling a single product or accepting payments for consulting or services.
In this case, all you need is a simple online order form with a credit card payment option.
That being said, let’s look at how you can accept card payments on your website. Simply use the links below to jump to the method you prefer.
1. Accept Credit Card Payments in WordPress with WP Simple Pay
For this method, we’ll use WP Simple Pay, the best Stripe payment plugin on the market. With WP Simple Pay you can accept payments without having to set up and use a complicated eCommerce plugin.
WP Simple Pay integrates with the Stripe credit card processing platform. Like all payment processers, Stripe does charge a small fee per transaction. However, signing up for Stripe is free.
For this method, we’ll create a payment button that you can add to any page or post.
We’ll be using WP Simple Pay Lite because it’s 100% free. If you need more advanced features, there is also WP Simple Pay Pro. This version offers more customization options, a drag and drop form builder, and custom payment receipt emails.
First you’ll need to install and activate the WP Simple Pay plugin. If you need help, then see our guide on how to install a WordPress plugin.
Upon activation, the plugin will automatically launch the WP Simple Pay setup wizard. To start accepting credit card payments, click on the ‘Let’s Get Started’ button.
The first step is connecting WP Simple Pay to your Stripe account.
If you don’t already have a Stripe account, don’t worry. The setup wizard will walk you through the process of creating a new account, step by step.
First, click on the ‘Connect with Stripe’ button.
On the next screen, WP Simple Pay will ask for an email address.
If you’re already registered with Stripe, make sure you type the address that’s linked to your Stripe account.
Don’t have a Stripe account? Then type the email address that you want to use for your new Stripe account.
Then simply click on the Continue button.
WP Simple Pay will now check whether there’s a Stripe account linked to your email address. If it finds an account, then WP Simple Pay will ask for your Stripe password.
If it doesn’t find an account, then WP Simple Pay will guide you through the process of registering with Stripe. Simply follow the onscreen instructions to create an account, and connect it to WP Simple Pay.
After connecting WP Simple Pay and Stripe, you’re ready to create your payment button.
Just click on ‘Create a Payment Form.’
You can also create a payment button by heading over to WP Simple Pay » Add New.
Now just hover your mouse over the ‘Payment Button’ template.
Then, click on ‘Create Payment Button’.
Now type a name for your payment button into the ‘Title’ field.
Your site visitors won’t see this name since it’s for your own reference only.
You can also add more details into the Description field. Again, WordPress won’t show this to your site’s visitors but it can be useful for your own reference.
Now just click on the Payment tab.
From here you can decide how much money to charge with your payment button.
Go ahead and type this number into the ‘One-Time Amount’ field.
WP Simple Pay uses the dollar currency by default.
If you want to accept payments in any other currency, head over to WP Simple Pay » Settings. You can then select the General » Currency tab. Here you’ll find everything you need to change the default currency.
Next, scroll to the Button Text section.
This is the text that WordPress will show on your button. By default WP Simple Pay uses ‘Pay Now’ as its button label.
To change this, simply type some new text into the Button Text field.
In this section you can also change the Button Processing Text.
This is the text that WP Simple Pay will show to visitors while it’s processing their payment information.
WP Simple Pay uses your WordPress theme’s button styling for the ‘Default’ button style.
Another option is to use the ‘Stripe blue’ style, which uses a gradient and rounded corners.
As you’re making these changes, you may want to check how your payment button will look to your visitors.
To preview the finished product, click on the Preview button.
Once you’re happy with what you’re seeing in the preview, it’s time to add the button to your WordPress website.
To do that, click on the Publish button.
You can now add your button to any page or post to accept credit card payments on your WordPress site, including your product pages and landing pages. You can also add the button to any widget-ready area of your site.
All you need is a piece of shortcode that WP Simple Pay creates automatically.
To grab this code simply find the ‘Form Shortcode’ field. Then click on its ‘Copy’ button.
You can now paste this shortcode into any page, post, or widget area. For more details on how to place the shortcode, you can see our guide on how to add a shortcode in WordPress.
After pasting this shortcode, your payment button will appear on your WordPress website.
Before you start accepting payments, it’s a good idea to test your button.
WP Simple Pay creates your new payment button in test mode by default. Your website won’t process any credit card payments while it’s in test mode.
To confirm that WP Simple Pay is currently in this mode, take a look at the toolbar at the very top of your WordPress dashboard. You should it say ‘Test Mode’.
If you head over to the page or post where you added this button, you should also see ‘Test Mode’ directly beneath your button.
When it comes to testing your button, there is one problem.
Stripe doesn’t show test payments by default! Fortunately there is an easy fix.
Next just click on the ‘Developers’ slider in the upper right corner.
The Stripe dashboard will now update to show a ‘Test Data’ banner. Any test payments will now show up in your Stripe dashboard.
You’re now ready to put your button to the test.
The easiest way to do this is by switching back to your WordPress website. Then head to the page where you added your button to accept credit card payments.
You can now give this button a click. Then just follow the onscreen instructions to submit a test payment. After sending the test payment, switch to your Stripe dashboard. You will now see your test payment in the dashboard.
Now you’ve checked that everything is running smoothly, it’s time to bring your button out of test mode.
Simply go to WP Simple Pay » Payment Forms. You can then hover your mouse over your payment button, and click on the Edit link.
Find the Payment tab in the left-hand menu, and give it a click.
Finally, check the ‘Live Mode’ box in the ‘Payment Mode’ area.
Don’t forget to click on the ‘Update’ button at the top of your screen to save your changes.
Now, you can visit your website to see your payment button live.
2. Accept Credit Card Payments in WordPress with WPForms
If you want to create a straightforward payment button, then the WP Simple Pay method shown above is a great choice.
However, sometimes you may need to collect more information from your visitors by creating a payment form.
This means you’ll need a flexible and powerful form builder plugin.
WPForms even has a ton of payment and credit card templates that can help you get started quickly.
For this tutorial we’ll be using the WPForms Pro version because it gives you access to the Stripe Payments addon. This powerful addon lets you accept credit card payments in WordPress using the popular Stripe payment gateway.
However it’s important to remember that you can also use WPForms to accept credit card payments using Square, Authorize.net, and PayPal. We recommend Stripe because that’s who we use as our payment processor.
First, you’ll need to install and activate WPForms Pro. If you need help, then please see our guide on how to install a WordPress plugin.
After activating WPForms, head over to WPForms » Settings in your WordPress dashboard.
You can now enter your license key into the ‘License Key’ field. You’ll find this key in your WPForms Account.
After activating the core plugin, it’s time to install the Stripe addon.
In your WordPress dashboard, go to WPForms » Addons.
Simply scroll until you find the Stripe Addon.
Then click on its ‘Install Addon’ button.
Next head over to WPForms » Settings.
Then, click on the Payments tab.
By default, WPForms will collect payments in American dollars.
If you prefer to accept payments in a different currency, just open the Currency dropdown and choose from the list.
The next step is connecting WP Simple Pay to your Stripe account.
To make this connection, scroll to the Connection Status section. Then just click on the ‘Connect with Stripe’ button.
This opens a new tab. You can now follow the onscreen instructions to either create a new Stripe account, or connect WPForms to your existing Stripe account.
Once you’re successfully connected to Stripe, it’s time to create your payment form. To do this, head over to WPForms » Add New.
You can now type a name for your form into the ‘Name Your Form’ field.
Your site visitors won’t see the name, so it’s just for your reference.
WPForms has different templates so you can quickly get started and build all kinds of forms. Since we’re creating a payment form, you may want to type either ‘payment’ or ‘credit card’ into the ‘Search Templates’ field.
This will display all the templates that have the word ‘payment’ or ‘credit card’ in the title.
To take a closer look at a template, simply hover your mouse over that template.
Then click on the View Demo button.
WPForms will now show this template in a new tab.
When you find a design you want to use, click on the Use Template button. For this tutorial, we’ll be using the Credit Card Payment Form template.
Your chosen WPForms template will now open in a new tab, ready for you to customize.
The Credit Card Payment Form has fields where customers can type their name and email address. It also has a ‘Choose your item’ section where visitors can select the item they want to buy.
You can use this section to offer visitors a choice of products or services.
Another option is letting visitors customize a single product. For example, you might offer the same T-shirt in different sizes or colors.
To customize this section, simply give it a click. The WPForms sidebar will now update to show all the settings for this section.
To change any piece of text, simply delete the default text and then type the word or phrase that you want to use instead. For example, you might delete ‘Choose your item’ and replace it with ‘Choose your T-shirt size.’
You can also change the price of each item.
To do this, simply delete the placeholder number for this item. You can now type the new amount into this field.
You can also change the text that WordPress uses for its placeholder items following the same process above.
By default, this template lets visitors choose between three items. If you want to add some more options, simply click on the + icon.
This adds a new ‘Item,’ ready for you to customize.
To remove an item from this section, click on its ‘-’ icon.
This option will now disappear from your credit card payment form.
Next this template offers visitors a choice of ‘Ground’ or ‘Express’ shipping methods.
To edit this section, simply give it a click. The WPForms sidebar will update to show all the settings for this section.
You can change the placeholder text, and add and remove shipping options by following the process described above.
You can also change the price for each shipping method. If you want to offer free shipping, then you can simply set this price to $0.
Another option is to delete this section completely.
To remove any section from your template, just hover your mouse over that section. Then click on the trash icon.
Next you need to add the Stripe Credit Card field to your form. This field will collect the customer’s payment information.
To add this field simply click on the ‘Add Fields’ tab.
Then scroll to the Payment Field section.
You can now go ahead and drag the Stripe Credit Card field into place on your payment form.
You might want to add some more fields to the template to collect more information from your visitors, such as their shipping address or phone number. Simply repeat the process above to add new fields to your form.
You can also change the order these fields appear in using drag and drop.
Now that your form is set up, let’s enable payments for this form. To do that, you simply need to click on the ‘Payments’ tab in the left-hand menu and then select ‘Stripe.’
After that, just check the box next to the ‘Enable Stripe payments’ option.
You can now type a description into the Payment Description field. This text will appear on the customer’s credit card statement.
You also have the option to send an email receipt to your customers. To create an email receipt, open the Stripe Payment Receipt dropdown. You can then choose ‘Email.’
WPForms also allows you to set up smart conditional logic for your forms. This is where you choose to show or hide the payment form field based on the options your customer selects.
Next, you will need to enable AJAX form submissions to use the Stripe Credit Card field. AJAX form submissions allow customers to submit forms without reloading the entire page. This can improve the customer experience.
To enable AJAX submissions, simply go to Settings » General.
Then click to expand the Advanced section.
Finally, check the ‘Enable AJAX form submission’ box.
When you’re happy with how your credit card payment form looks, it’s time to save your changes.
To do this, just click on the Save button at the top of the screen.
The next step is configuring your form’s notifications.
Every time a customer completes the payment form, WPForms will send an email to your WordPress admin by default.
Sometimes you may need to send these emails to a different address. You might even want to notify multiple people.
This is easy to do using WPForms. To customize your email notifications, click on the Settings tab. Then select Notifications.
On this screen, find the ‘Send To Email Address’ field. By default this is set to {admin_email}. This is a dynamic value that tells WordPress to use the WordPress admin email.
You can delete this dynamic text and replace it with any other email address. Simply type the new address into the ‘Send To Email Address’ field.
If you want to email multiple people, just separate each address with a comma.
You can also edit the email message. For example, you’ll probably want to change its copy and email subject.
After creating these emails, you’ll want to make sure they’re sent to the recipient’s email inbox and not to the spam folder.
You may also want to send a separate notification to your customers. For example, you might confirm their purchase or send them a ‘Thank You’ message. WPForms will send this email automatically whenever a customer submits the payment form.
To email your customers, click on the ‘Add New Notification’ button.
WPForms will ask you to provide a name for this notification. Let’s call it ‘Customer Notification.’
After that, WPForms will show all of the notification fields that you can customize.
To make sure WPForms sends this notification to the right address, click on the ‘Show Smart Tags’ link next to the ‘Send To Email Address’ option.
Then simply select the ‘Email’ field. This allows WPForms to use the email address the customer provided when submitting their payment.
You can now customize the rest of the notification email. For example, you might want to change the subject line or add more text to the email message.
You can also personalize the email using smart tags. For example, you might add the customer’s name or some information about the product they just bought.
After that you can head over to the ‘Confirmations’ tab.
WPForms uses ‘Message’ as the default option. This means your site will show a thank you message every time a customer submits the payment form.
Instead of showing a message, you might prefer to show a specific page or redirect customers to another URL.
To make this change, simply open the ‘Confirmation Type’ dropdown. You can now choose from the available options.
The final step is adding this form to your WordPress website.
To add it to a post, simply open up the blog post you want to edit.
Then click on the plus (+) icon.
In the popup that appears, type ‘WPForms’ to find the right block.
Once you click on the WPForms block, it will add the block to your page.
In your new block, click to open the dropdown menu.
You will now see a list of all the forms you’ve created using WPForms. Simply click to select your payment form.
If you’re happy with how the form looks, then you can publish or update the page.
Now you can visit your website to see your form live. You’re ready to start accepting credit card payments on your WordPress website.
Method 3. Bonus Ways to Accept Credit Card Payments in WordPress
While both WP Simple Pay and WPForms are the most straightforward ways to accept credit card payments in WordPress, some users may have different needs.
For example, you may want to start an online store to sell physical products, sell ebooks, sell online courses, or even accept donations.
In those cases, you may need a full-featured solution for your specific use-case:
MemberPress – this is a great solution for when you want to sell online courses or memberships. It has ways to accept credit card payments using Stripe and Authorize.net
Easy Digital Downloads – this is perfect for selling digital downloads like eBooks, music, software, and more. EDD lets you accept credit card as well as have multiple payment options on cart.
WooCommerce – this is a popular WordPress eCommerce plugin that lets you sell physical products online. WooCommerce lets you accept credit card payments as well.
