Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
June 30, 2015 12:00 pm

The Beginners Guide to WooCommerce: Checkout Options, Part 2

In the previous article, we began our discussion of the checkout process when it comes to using coupons and a secured layer of SSL. We also configured our checkout pages. In this article, I'll explain the remaining checkout options, which include the checkout endpoints and the payment gateways.

Checkout Endpoints

To make the checkout process even more simple, WooCommerce offers variousCheckout Endpoints,which a user may add at the end of different page URLs that are involved in this checkout process. An online store owner may set these endpoints according to his or her choice; however, some default settings are already there.

  • Pay:You can add endpoints for thePayment page from here.
  • Order Received:The endpoint for checkout can be configured from here.
  • Add Payment Method:This is the endpoint for the pageCheckout > Add Payment Method.

For those of you who are beginners, I will explain how and where will these endpoints appear on your online stores. Let's take the example ofOrder Received.

  • Use the default value of endpoint for Order Received, i.e. order‑received.
  • Click theSave changesbutton.
  • Add any product to theCart.
  • Now go to theCheckoutpage.
  • Click thePlace orderbutton.

A page will open in your browser, and its URL will contain the endpoint order‑received.

URL with endpoint order-received

Now instead of the default value, let's set a custom value for the endpoint of Order Received likeorder-accepted.Repeating the same process as mentioned above will show that now the URL has order-accepted in it as the new endpoint.

URL with order-accepted endpoint

So you can use either the default or the custom endpoints in WooCommerce for the checkout process. But I suggest that you don't change or replace these default names for standard shopfunctionality.

Payment Gateways

The success of any eCommerce website depends greatly on thePayment Gatewaysthat it offers. Customers always want and look for the payment method that suits them the most, so that they can pay without any hassle. Here's how Wikipedia defines apayment gateway:

Apayment gatewayis ane-commerceapplication service providerservice that authorizescredit cardpayments fore-businesses,online retailers,bricks and clicks, or traditionalbrick and mortar.It is the equivalent of a physicalpoint of saleterminal located in most retail outlets.

Any eCommerce website should offer all payment gateways in order to make the payment process as widely accessible as possible. WooCommerce solves this problem in that it allows you to offer multiple payment gateways to your customers right after installing the plugin. This is the last set of configurations in the section of checkout options.

Gateway Display

In this part of the configuration, you can see a table where all theautomatically installed payment gateways are listed. You see various rows and columns, each representing a unique payment gateway.

The columns include:

  • Default:Ifthe customer makes no individual selection, then the payment gateway offered as a default is controlled with this column's radio button. All you need to do is select the default gateway here.
  • Gateway: This column lists the names of all the available payment gateways.
  • Gateway ID:This will uniquely identify the account for a particular payment gateway.
  • Status:Users can see small icons in this column which signify whether thegateway is enabled and whether it will be offered to the customer.
  • Settings:The last column is where you can configure, manage and control the settings of every payment gateway individually.

It's up to you which payment gateways appear and in which order should they appear on the front-end. You can control this order by simply dragging and dropping these gateways to the positions of your choice. Let's consider the following order of payment gateways:

Payment gateways in WooCommerce settings

On the front-end you will see the same order of gateways being displayed:

Front end of payment gateways in WooCommerce

Now let's say you change the order as follows:

Payment gateways in new order

Now the result in the front-end will be:

Front end payment gateways in new order

After making all the changes, don't forget to clickSave Changes.

Conclusion

This completes our settings for the Checkout Options. In the upcoming tutorials, we will edit and configure various sub-pages that are relevant to the settings of different payment gateways. There you will find out how to manage the settings for each and every payment gateway that WooCommerce offers.

Until then, if you have any questions regarding Checkout Options, please ask them in the comment section below.


Original Link:

Share this article:    Share on Facebook
No Article Link

TutsPlus - Code

Tuts+ is a site aimed at web developers and designers offering tutorials and articles on technologies, skills and techniques to improve how you design and build websites.

More About this Source Visit TutsPlus - Code