1. Knowledge Base
  2. >
  3. Store Checkout

Store Checkout

Looking for help for the GATOR Builder by HostGator Website Builder product? Please see GATOR's Knowledge Base.
This content only applies to those using GATOR Builder by HostGator.

The checkout process for customers who come to your Store was intentionally designed to be simple and easy to navigate. Each slide of the purchase flow below is organized to gather the necessary information needed for payment capture quickly.

In this article, we will walk through the steps a potential customer would follow if they were going to complete a purchase using PayPal from your upgraded Store. If you need help adding a store to your website, check out: How To Add An eCommerce Store.

Pro Tip: For potential customers to begin the checkout process, also known as the Purchase Flow, you’ll want to ensure your store is set up correctly to receive payments. For more information about that, check out: Select A Payment Provider

The Purchase Flow: 

Once a customer visits your website, they may click on a featured product from a page or navigate directly to your store where they may click on a product and decide to purchase.
 
  1. Below, you can see we are looking at a test store page with a few sample products.

    Here, we will select or "purchase” the test product: Sample - Decorate Wicker Balls or $23.00.

    User-added image

    *You may also notice the My Cart button floating around the page. This will allow a customer to quickly add products or jump straight into their shopping cart to complete the purchase.

  2. When a potential customer clicks on a product, they're directed to the Product Page for that item:

    User-added image

    -The Product Page displays the Details, Images, and Description of the product as well as the Add to Cart button.
    -This page operates separately from the site and store; however, customers only see the information they were looking for. 

    To learn more about editing the Product Page checkout: Edit Your Product Page

  3. When a Customer selects the Add to Cart option, they will see the Item Count Increase on the Shopping Cart icon. 

    *If your product has variants like “Size, Color or Variations” Customers will need to select an option for each variant before they can add it to the cart.

    User-added image

  4. When a Customer clicks on the Shopping cart icon, they will see a slide appear that contains the items in the cart.

    - Here they will be able to adjust the preferences like quantity and remove items from the cart.

    User-added image

  5. To begin the Purchase Flow, a Customer needs to select the Proceed to Checkout button from the Your Cart slide.

    - A pop-up will appear to help complete the checkout process beginning with gathering Contact & Shipping information:

    User-added image

    *If customers need to continue shopping they can select the Back To Cart button.

  6. Next, Customers will be prompted to enter their Billing Address or Use the Same as the Customer info.

    User-added image

  7. Depending on how you set up the store shipping information, customers will be prompted to select a method for shipping their order.

    - For this example, we will work will the Integrated Shipping option activated, as seen below. To learn more about Integrated shipping checkout: Integrated Shipping

    User-added image

  8. Once a Customer selects how they would like to receive their order, they will be ready to Continue to Payment Method to capture the payment.

    User-added image

    *Depending on how you have set up your shipping options the customer may see a screen similar to this with all or only a few of these options. If the Customer selects PayPal and is not already logged in, they will be prompted to do so.

    User-added image

  9. Once inside Paypal, Customers will confirm the purchase and payment method.

  10. Selecting Pay Now will direct Customers to the PayPal Confirmation Page:

    User-added image

    - You will be met with this confirmation screen once confirmed:

    User-added image

And that’s it! Customers will see the PayPal confirmation screen to complete the purchase process.