checkout form Tag Archives

Storefront Theme Review

January 1, 2016 By John Leave a Comment

Storefront is the official WooCommerce theme built to the same high standards as WooCommerce itself. Best of all? It’s free!

A Storefront theme review is due. Here’s what’s included in this article:

Storefront Theme Overview
Storefront Key Features
What Makes Storefront Great
WooCommerce Integration
Storefront Setup
Arrival of Storefront 1.5
Storefront WooCommerce Styling
Popular Storefront Extensions
Choosing A Theme

Why WooCommerce?

WooCommerce is still the most popular e-commerce platform.

This open source e-commerce plugin for WordPress was launched in 2011 and is aimed at small-to-medium online merchants already comfortable with a WordPress set up.

There are a lot of free and premium themes to choose from, one of the most popular is – Storefront.

Storefront Theme Overview

Storefront is described as an intuitive, lightweight, and flexible theme offering deep integration with WooCommerce. It has several layout and color options to personalize your shop, multiple widget regions, a responsive design, and much more.

The main goal in developing Storefront is to provide a rock-solid foundation for your WooCommerce store without extra bloat or features.

It comes to no surprise that it reaches up to 3,000 downloads per day:

Integration:

Storefront theme is built and maintained by the same team that developed WooCommerce. This is why the integration between WooCommerce, its extensions, and Storefront is water-tight.

No Conflicts:

For e-commerce sites, uptime is of utmost importance. With the new Storefront, there will be no conflicts between theme and plugin during major WooCommerce updates.

Here’s a glimpse of some of its great reviews:

Solid Foundation:

Based on the popular Underscores starter theme, Storefront features a responsive layout, and schema markup for enhanced SEO performance.

Clean and Simple:

Storefront allows you to customize your store to match your brand by providing a clean and simple design.

Storefront Key Features

Most store owners want their e-commerce theme design to be simple and flexible. Storefront can offer exactly that.

Here are some of the key included features:

WooCommerce Integration

Storefront features an unrivalled deep integration with WooCommerce. Of course, having been developed by WooCommerce authors, this integration is compliant with the latest WooCommerce developments and standards.

Lightweight and Robust Core

Storefront is based on Automattic’s popular underscores starter theme. Its codebase is under constant review ensure it is kept nice and clean to provide as little disruption and conflicts as possible..

Design Customization

Every store owner would want to create a look and feel that matches their business. There are several display settings in Storefront that let you customize the design of your page to meet your requirements. Settings are all accessible in the WordPress Customizer.

What Makes Storefront Great

The Storefront philosophy is to do one thing well and provide a solid foundation for your online store. Although the theme appears to be plain, it’s meant to be a starting place that includes deep WooCommerce integration.

Keep in mind that simple is usually more profitable. Unless you are spending a few grand on a professional designer then the fancy design you try and add yourself will most likely distract the user and lose sales.

No Shortcodes and Page Builders

Shortcodes in WordPress are little bits of code that allow you to do various things with little effort. You only get what you need with Storefront, which means you won’t encounter any superfluous shortcodes and page builders.

The Storefront team believes that not including these features allows you to add them via whichever plugin you prefer. Even if you switch themes later on, all of those features will remain. According to the release announcement, Storefront was built with data portability in mind. This means that users will be able to switch themes without losing their content.

Appropriate Sliders

Whether you should use slider is a highly debated topic. While other WordPress themes bundle sliders, Storefront lets you choose the appropriate plugin for your slider needs if you decide you do want one. It is also compatible with the WooSlider plugin.

WordPress offers many slider plugins to add them to your home page, landing pages, posts, or anywhere you want.

Schema Markup

Schema markup is code that you put on your website to help the search engines return more informative results for users. The content on your website gets indexed and returned in search results. Storefront has valid schema markup for improved SEO performance.

Display Options

In addition to attractive products, the design of your shop is equally crucial. It’s important to make a good first impression with the help of professional design. With Storefront, you can change the look and feel of your store in a few clicks, and see your tweaks in real-time.

Responsive

If your site can’t be viewed effectively on mobile devices, you could be losing almost 50% of your customers.

Storefront on mobile device:

Storefront on tablet:

Non-responsive sites are now considered second-class businesses by Google. Storefront will adapt and display beautifully whether you view your store on a laptop, desktop computer, or handheld device.

Localized and Accessible

Storefront is fully localized and ready for your translations. It also adheres to the strict wordpress.org accessibility guidelines. That is why your store will be accessible to the widest audience possible.

Custom Homepage Template

The homepage template in Storefront has been tested for user experience and conversion. It displays product categories, recent, featured, on sale & top-rated products.

It’s a great start for most small businesses to immerse the visitor in your products, while providing enough flexibility to promote the products that will make you the most profit.

WooCommerce Integration

It includes deep integration for WooCommerce and it’s most popular extensions. This means everything will look nice straight away and you won’t have to hire a professional developer or designer to make things fit in.

Some of the more popular extensions supported are:

WooCommerce Bookings

This extension is perfect for those wanting to offer services, appointments, or rentals. It allows you to sell your time or date based bookings, adding a new product type to your WooCommerce site.

WooCommerce Wishlists

From birthdays to weddings, and everything in between, this extension allows guests and customers to create and add products to an unlimited number of Wishlists.

WooCommerce Brands

This extension for WooCommerce allows you to create brands for your shop; each brand can be named, described and assigned an image.

WooCommerce Subscriptions

WooCommerce Subscriptions is an extension that allows you to introduce a variety of subscriptions for physical or virtual products and services. Create product of the month clubs, weekly service subscriptions, or even yearly software billing packages.

WooCommerce Memberships

WooCommerce Memberships allows you to create a membership system that is tied completely to your WooCommerce Store. It is fully compatible with Storefront theme. You can restrict content to certain memberships classes. You can also turn your store into a membership club by restricting purchases to members. Among other useful features, you can even give members special discounts.

Composite Products

Composite Products allows you to create customizable products for your WooCommerce store. It is now fully compatible with Storefront theme. You can allow your customers to customize certain parts of their order.

Storefront Setup

Almost all of the Storefront setup can be done via the theme Customizer.

The easiest way to install Storefront is through the WordPress dashboard.

Navigate to Appearance > Themes > Add New
Hover over the Storefront screenshot and click the ‘Install’ button to install the theme.
Activate Storefront as you would any other WordPress theme.

To install Storefront manually:

Download the latest version here.
Upload the extracted folder to the /wp-content/themes/ directory on your server via FTP
Activate Storefront from the Appearance > Themes screen in your dashboard

Read more on how to install and use themes here.

Menus

Storefront has two menu locations, Primary and Secondary. If you do not assign a Menu to the primary navigation, it will display each of your pages. On the other hand, the secondary navigation will display nothing.

After activating Storefront for the first time, you won’t see anything in the secondary navigation. Here’s your guide to creating and assigning menus to theme locations.

Page Templates

Storefront comes with just two page templates.

Full Width

This is just a standard page template without a sidebar, allowing the content to span the full width of your site.

Homepage

The homepage template allows you to display a multitude of products and product categories.

Here’s a Woothemes guide on installing and configuring Storefront.

Arrival of Storefront 1.5

After the success of Storefront comes the newly improved Storefront 1.5, which achieves another coveted tag on wordpress.org. Its primary feature? A support for right-to-left languages in Storefront. The traditional RTL support standard overloads an additional stylesheet on top of the primary one.

With Storefront 1.5, if you install WordPress in a right-to-left language, the theme will automatically recognize it. It will then load a different set of stylesheets tailored to that language. This makes Storefront a stronger global theme solution for WooCommerce.

You can also expect the following improvements:

Integration with More Extensions

Storefront 1.5 has increased the number of customer-facing extensions it integrates with to 11. It offers added support for WooCommerce Deposits and Product Bundles.

Revamped 404 Page

Storefront 1.5 is now made to be more useful to folks browsing a shop. The new 404 page now includes a product search box, links to product categories, featured products and popular products.

Featured Images

The previous version of Storefront didn’t cater to adding featured images to pages. Now, once you add a featured image to a page, it will appear on the frontend directly above the page title.

Scrolling Header Cart

Considered a handy feature, the header cart lets visitors access their cart total, and the number of items it contains. It also reveals the carts contents upon hover. Using Storefront 1.5, the cart dropdown now has a set height that scroll as more items are added.

You can check out their awesome video about Storefront here.

Storefront WooCommerce Styling

A lot of themes we see, from Themeforest especially, do not style WooCommerce according to the best practice standards set by the Woocommerce authors.

The most common problem is overriding templates. This causes the cost to update WordPress, Woocommerce and the theme itself to sky rocket down the track. You won’t have this problem with Storefront.

Shop Pages

When it comes to shop pages, you can style for all product details and WooCommerce widgets, such as the price filter. The number of products per page is also automatically adjusted to 12.

Single Product Page

Single product pages include appropriate WooCommerce styling as well. The product tabs are presented in a vertical layout, and the number of related products is adjusted to three.

Cart and Checkout Page

The checkout template features a two-column layout, with customer details on the left, and order details on the right. The ‘Place Order’ button is also always in view, making it easy to complete orders for customers.

And Now, It’s Storefront 2.5

Improved Mobile Design

From Storefront 2.0 and up, the theme now offers an improved mobile design for better mobile experience. The header section has been redesigned so that the content appears further up. This ensures that your visitors see more of the content on your WooCommerce store right away.

New typography

Storefront 2.0 and up introduces a new font. Default font for WooCommerce has been changed from Helvetica to Source Sans. The font change provides users “greater depth and cohesion”. Some other small changes have been made to the design to fit the new font.

Introducing “Best Selling” Products

The theme also now offers a “best selling” products section on the home page. This is separate from product categories, recent products, featured products, top rated products and on sale products. Also, “Recent Products” has been renamed to “New In” and “Featured Products” have been changed to “We Recommend”.

Improved Appearance for Better Overall User Experience

Some other small changes have been put in place for better user experience. These include changes to styles, tables and embeds. The developers have also integrated with WordPress 4.5’s custom logo functionality. Adding a logo to your WooCommerce store is now made easier. Now there’s no need to install a plugin just to add your logo.

Popular Storefront Extensions

While Storefront provides a lot for free, there are some premium \add-ons that can add functionality or styling options to the theme.

Storefront WooCommerce Customiser

Without any custom code you can change or adjust labels and number of products displayed in homepage sections, which product details are shown on shop pages, and more.

It also lets you remove the product search and cart from the header.

Storefront Designer

The Storefront Designer plugin adds the ability to change header layouts and make the header remain at the top of the page on scroll (sticky header). It also allows you to adjust button layouts and styles, and change some typography options.

Storefront Parallax Hero

This plugin can be used to display a message and call to action over the top of an image on your homepage. It has a parallax effect, which means as the user scrolls the text and button appear to move over the image.

Child Themes

What is a child theme? According to the WordPress Codex:

A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme. Child themes are the recommended way of modifying an existing theme.

In the case of Storefront, Storefront is the parent theme. You can check out the available child themes here.

Importance of a Child Theme – Easy and Safe Updates

When using a child theme, you will not lose any custom code or any custom styles that you have added to the child theme whenever you update the parent theme. Many website owners have learned the hard way losing custom code they have added to their themes after updating it. If you have a child theme, your custom updates are safe whenever a new version of the parent theme is available. We still recommend creating website backups every time you update your theme though.

Storefront: The Final Analysis

Simple, clear, and customizable, the Storefront theme for WordPress has everything to help you achieve success in e-commerce. For a free theme, the design is simple and no-nonsense and WooCommerce integration is unmatched by any other theme.

It may be too plain for some and if you are one of those, just ask yourself. Is it your personal taste and desire for it to look pretty, or is it a decision based on your user experience and the ultimate profitability of your site? In our experience, often the simpler the site the better is the user experience and the more profitable the website.

However, if you can’t find a Storefront child theme that resonates with you and don’t want the cost of a professional designer you might want to take a look at http://www.studiopress.com. They are the only other theme author we recommend if you don’t want to have troubles down the track when it comes to updates and customizations. It will take a bit more time to integrate with WooCommerce, but they have some lovely designs.

How to Fix Checkout Problems in WooCommerce

June 6, 2016 By John 84 Comments

One of the biggest problems a WooCommerce store owner can encounter is when the checkout fails. There are a lot of different types of issues that could happen during checkout, but these can be fixed easily if you can identify what is causing the problem. However, finding out the cause is not always easy for the average user. In this post, we will teach you how to fix the common checkout problems in WooCommerce.

The information in this post may or may not help with the specific problem that you are experiencing with your checkout. You may have a similar problem but the source could be different, hence the solutions mentioned here may not work for everyone. It is best to have a developer adept in both WordPress and WooCommerce make the suggested fixes for you. We also recommend that you create a staging/development site and do your debugging there rather than on the live site.

Most Common WooCommerce Checkout Issues

Here at Wooassist, a lot of new clients come to us with problems on their checkout. Having issues on the checkout page can be daunting as it can be difficult to figure out the cause. The checkout page is crucial because it is the last page of the “user shopping experience”. A simple error that could be fixed in a few minutes can hurt your business if it is not addressed swiftly. You could end up losing business opportunities and customers. To fix the problem, we need to figure out what the error is first.

Below are some common issues we encounter that you could be experiencing right now on your WooCommerce store.

Checkout Page Isn’t Available and is Just Redirecting Back to an Empty Cart

While there are many reasons why checkout would redirect to an empty cart, it’s usually because your hosting is not totally compatible with WooCommerce.

The issue is most common with stores that enabled “force https on checkout”. In this case, the issue could be caused by a PHP security module called Suhosin. WooCommerce already has an official fix posted for this.

Simply paste the code below in your server’s PHP settings.

suhosin.session.cryptdocroot = Off

Review Order Section is Stuck on Loading

When a customer enters their shipping/billing information, this triggers a script to reload the review order data. When there is an error in the script, it will just get stuck without an error shown that would’ve helped you understand what’s happening.

This usually happens when the returned data is not what WooCommerce expects. This is caused by either a plugin or template conflict. To fix this, you will need to check compatibility with all plugins installed and update any outdated WooCommerce templates.

Payment Option is Not Working

Some popular payments options are PayPal, Stripe, Authorize.net and eWay. These are the services that you’ve installed in your store to handle the payment process between you and your customers. This is the page where users enter their credit card information and hit the “place order” button.

Here are some scenarios where the payment option does not work:

Payment option is not available on checkout

You are sure that you have completely configured your payment option but it’s not showing up on the checkout page. This usually happens with stores that don’t have an SSL certificate installed and the payment option requires one. You can learn more about SSL in this post.

Authentication error pops up

When an authentication error pops up, this means there is something wrong between the connection of your store and your payment option service provider. To fix this, check that the credentials you entered in the payment option’s settings are correct.

Unknown error pops up

Unknown error popping up could mean that a PHP script in WooCommerce isn’t working properly. There are many things that could cause this. It may be due to a plugin conflict, or your hosting doesn’t support the custom AJAX endpoints utilized by WooCommerce. To fix this you will need to check each plugin installed. Try disabling the plugins one at a time and see if that fixes your problem.

Nothing happens after clicking “Place order” button

If nothing happens when you click the place order button, then most likely there is a JavaScript conflict in the checkout page. The best way to fix this is to check your browser’s console to see which scripts are in conflict. You’ll want a developer to do this for you though.

Did any of these help solve your checkout page problem? If you have any other problems with checkout on your WooCommerce store, you can hit the comments or contact us and we’ll see what we can do for you.

How to Increase Mobile Conversion Rates for Your WooCommerce Store

January 21, 2020 By John Leave a Comment

Over the last few years, optimizing for mobile devices has become increasingly more important. More and more users browse the internet using their phone. According to Statista, 52.2 percent of web traffic comes from mobile phones and it has only been increasing from the previous years. As a WooCommerce store owner, you must optimize your website for conversion on these smaller screen sizes. Learn how to increase mobile conversion rates for your WooCommerce store by following the tips below.

How to Increase Mobile Conversion Rates for Your WooCommerce Store

How to Optimize Your WooCommerce Store for Mobile Devices

Use a Responsive Theme

All modern themes are now built to be responsive. A responsive theme adjusts to various screen sizes. You can check with your theme developer if your theme is responsive. You can also do a quick test by going to your WooCommerce store and then try scaling down the size of your browser. If you see the elements on your website move to adjust to the smaller window, then you are using a responsive theme. If you find that your theme is not responsive, don’t worry. You can switch to a responsive theme. We can recommend Storefront and the Genesis framework.

Storefront was made by the same developers that developed WooCommerce. It is built specifically for WooCommerce so you can expect full compatibility with WooCommerce and official WooCommerce plugins.

Genesis, on the other hand, is a framework. You need to use a Genesis child theme with the Genesis framework. Genesis is well-maintained, responsive and compatible with WooCommerce.

User Test Your Mobile Site

Open your WooCommerce store on your smartphone and do some user testing. Perform actions that you expect your customers to do on your WooCommerce store. Important elements to test are:

making a purchase
subscribing to your newsletter
sending a message using your contact form
filling out the checkout fields
updating your shopping cart
commenting on blog posts
tapping on call-to-action buttons

There may be more that you need to test that is specific to your website. Take note of any difficulties that you encounter and get them fixed. Should you need help fixing any issues, the Wooassist team can help.

Use White Space and Large Fonts

Don’t skimp on using white space on your mobile site. Use it to your advantage. Since mobile devices have small screens, it makes it hard for the user to navigate or read your site if the elements are too close together. Also, make sure your site is easy to read by increasing font size.

Optimize Your Checkout Page

Your checkout page is one of the most important pages on your website. Limit your checkout form fields to only the necessary details. Remove any distractions to completing checkout. Make sure that the form fields are tall enough that they are easy to tap and fill out. Make the checkout button large enough so it is easy to tap. Don’t make the checkout process a burden to your customers.

Remove AutoPlay Videos and Pop-ups

Pop-ups and autoplay videos are annoying for desktop sites. Even more so on a mobile site. Don’t burden your customers with extra data charges from autoplay media. In some cases, these elements may be necessary. But if they don’t help you increase your sales, consider removing them. Instead, focus on making your customers click on your call-to-action buttons.

Improve Your Site Speed

Site speed has become very important as it is now a ranking factor for SEO. On the mobile platform, site speed is critical with mobile data speeds being slower than a wired internet connection. If your mobile site takes too long to load, the user will just leave. There are a lot of tools at your disposal to determine how you can improve your site speed. Google PageSpeed Insights even shows recommendations specific to your mobile site. Other tools that we can recommend are GTmetrix and Pingdom Website Speed Test.

Optimize Your Images

This is related to site speed but deserves its own section. Many WooCommerce store owners neglect optimizing images and just upload willy nilly. If you upload large images without optimizing them, your mobile conversion rates would take a hit. You can use a plugin to optimize the images you’ve already uploaded. However, if you’ve uploaded images that have dimensions bigger than the image placeholders, they will need to be manually optimized. If you’ve been doing this for years, then you’ve got a big task ahead of you. To manually optimize images, you can follow the instructions in this blog post.

Optimize Your Site Navigation on Mobile

Poor navigation can make or break a mobile website. Make sure that your mobile website is easy to navigate otherwise your customers will leave your site out of frustration. Use a hamburger menu. If you are using a responsive theme, the hamburger menu should be built in. If not, you can custom code your mobile menu or use a plugin.

Offer Multiple Payment Gateways

It is important to offer the payment gateway that your customers prefer. On the mobile platform especially, depending on your location, mobile wallets are a thing. If you can tap into that market, you can improve your conversion rate. For iPhone users, there’s Apple Pay which you can enable on WooCommerce.

Just follow all the tips above to increase your mobile site’s conversion rates. If you have any tips that you can add or any questions at all, let us know in the comments.

How to Recover Abandoned Carts in WooCommerce?

November 30, 2019 By John Leave a Comment

It’s not uncommon for ecommerce shoppers to abandon carts. You may not know it, but your store might also be suffering from carts being abandoned. This problem can be addressed however. To start, you must determine why your customers abandon their carts.

Why online shoppers abandon carts and what you can do about it?

There are various reasons why online shoppers abandon their carts. We lay out the most common ones and what you can do to address them.

Checkout is Too Complicated

Your customers will nitpick and that is to be expected. When you make your customers jump hoops during checkout, you’re not doing them a favor. Your checkout should be quick and straightforward. If you must add some other stuff that will complicate checkout, consider if you can add it on the thank you page instead. The thank you page is the page where the customer is redirected to after making a successful purchase. If you need help tweaking your thank you page, the Wooassist team can help.

Users Need to Create an Account to Check Out

Internet users are already burned out having to create an account for each internet service that they use. Don’t add to that burden. Don’t force your customers to create an account if it’s not necessary. To enable guest checkouts on WooCommerce, go to your WordPress Dashboard, click on WooCommerce > Settings. Under the Account and Privacy tab, enable “Allow customers to place orders without an account”. You can tweak other account related settings here to your liking.

Too Many Checkout Form Fields

The default WooCommerce checkout page is good enough as it is. There is no need to add more fields unless necessary. If you’ve edited your checkout page before to add some unnecessary fields, look into it and consider removing it.

Unexpected Charges

Customers will abandon your checkout when they see the shipping fee. No one will force you to offer free shipping if it will make your business unsustainable. There are however some things that you can do to reduce abandoned carts as a result of shipping and other fees. People now are more accepting of shipping fees. For other fees, be transparent from the get-go. If you charge taxes, handling fees, and other fees, make it clear starting from the product page that you charge these fees. If they are suddenly greeted by these fees on checkout, it will look like unscrupulous practice.

Too Many Clicks to Checkout

Reducing cart abandonment is all about simplifying your product purchase process. Ideally, it should not take more than three clicks for a customer to check out. If it takes four clicks to check out, that is one click too many. Get rid of unnecessary barriers to completing checkout.

Don’t Make it Hard to Contact You

Some of your prospective customers will look for your contact details before they make a purchase. If they added a product to their cart but could not find your contact information or even a contact us page, there is a high likelihood that that user will abandon that cart. To prevent this from happening, make sure you have a contact us page. Even better, if you can add your email or phone number on your WooCommerce store’s header.

Payment Issues

Another common reason for abandoning shopping carts is payment issue. When the customer tries to pay for his/her order and it fails, you can bet that cart will be abandoned. The solution here is simple. Offer more than one mode of payment. Some common payment channels you can use are Paypal, Stripe, Authorize.net, Apple Pay, Amazon Pay, and Square.

Other Things You Can Do to Reduce Cart Abandonment

Show Security Certificates

To be able to sell your products or services online, you’ll need to be able to establish that you are trustworthy. You can show security certificates and security seals on your checkout page to improve your trust rating. Some security seals that you can add to your site as Norton, McAfee and TRUSTe.

Offer Free Shipping

Free shipping can significantly reduce your cart abandonment rates. However, not every business can make a profit when offering free shipping. As an alternative, you can offer free shipping when your customers meets a required minimum order value or quantity. This strategy can also help improve your average order value.

Offer a Money-Back Guarantee

Most consumer laws dictate that you should have a return policy anyway. So there’s no reason not to do it. Making your money-back guarantee known shows your prospective customers that you have faith in the quality of your product or service. Don’t worry about the people that might abuse your money-back guarantee. It hardly ever happens. And if it happens a lot, the problem might be your product.

Improve Your Page Load Speeds

If your site is slow, some of your prospective customers might get frustrated and abandon their carts. Make sure your site is fast.

How to Recover Abandoned Carts

There are many ways to recover abandoned carts. Some of the more common methods are remarketing and abandoned cart emails.

Using Remarketing to Recover Abandoned Carts

There are many platforms that you can use for remarketing. Essentially, remarketing works by saving a cookie on the user’s browser so you can show them your tailored ads. Neil Patel details how you can use remarking on Adwords to recover abandoned carts. Facebook is another platform that you can use for remarketing. SproutSocial details how to use remarketing on Facebook.

Using Abandoned Cart Emails to Recover Abandoned Carts

Abandoned cart emails send your customers a reminder email if they did not complete their purchase. For guest checkouts, this requires that the user must at least have entered his/her email address. This won’t be an issue if you require your customers to register before making a purchase. Do note however that requiring customers to create an account may hurt your conversion rates. There are a lot of abandoned cart email plugins that work for WooCommerce, you just have to find the plugin that works for your needs.

Recover abandoned carts and improve your sales by implementing these strategies. If you have any questions, you can post a comment below. If you need help setting up abandoned cart emails or anything else, you can send us email.

How to Enable Apple Pay for WooCommerce

June 16, 2017 By John 2 Comments

What is Apple Pay?

Apple Pay presents a new and more convenient way to pay for mobile e-commerce purchases. Since Apple does not share your credit card details when you pay, it is safe, secure and private. Currently, Apple Pay is already accepted in a number of stores and websites. You can check this list of merchants that accept Apple Pay.

Why Add Apple Pay to Your WooCommerce Store?

Early adopters of Apple Pay have experienced an increase in conversion rates of up to 80%. The checkout process is made much faster as payment only requires a fingerprint check as opposed to entering your credit card number.

What Do I Need to Install Apple Pay on WooCommerce?

To install apple pay with WooCommerce, there are a few requirements. First, the store must support Stripe payments. You’ll also need the WooCommerce Stripe Extension which is free. Stripe is currently available in 10 countries, namely, Australia, Switzerland, United Kingdom, Hong Kong, Singapore, Canada, Spain, France, New Zealand, and the United States.

How to Enable Apple Pay on Your WooCommerce Store

Just follow the steps below to enable Apple Pay on your WooCommerce store. If you have already set up the WooCommerce Stripe Extension, please proceed to Step 7.

1. Install and activate the WooCommerce Stripe Extension. You can download it here or just search for it in the plugins page.
2. Head over to WooCommerce > Settings > Checkout > Stripe and check the “Enable Stripe” box. Make sure you disable “Enable Test Mode” if you want to go live. If you are already accepting payment through Stripe, go to Step 7.
3. Input your Live Secret Key and Live Publishable Key. You can get the information from your Stripe account.
4. Input the Statement Descriptor. This is the text that will appear on your customer’s credit card statement.
5. Choose whether to “Capture Charge Immediately” or not. If you choose not to charge immediately, you will need to manually initiate the charge through the WooCommerce order page.
6. You can choose to “Enable Stripe Checkout” for the plugin to create a pop-up that requests details. Choose this option if you want to accept Bitcoin.
7. To enable Apple Pay, tick on the Enable Apple Pay box.
8. Under “Apple Pay Button Style”, you can choose what color you want the Apple Pay button to be.
9. Under “Apple Pay Button Language”, you can enter the ISO code for the language you want to use. For English, just use “en”.
10. Click on Save Changes when done.

That’s it. You are now ready to accept Apple Pay payments on your WooCommerce store.

If you are having problems enabling Apple Pay on WooCommerce, let us know in the comments.