How customers can place an order

A good checkout process should be simple. It must offer a seamless experience for customers, with an uninterrupted path from the product page to the cart page, to the checkout page, and then finally to the order confirmation page.

Skip to...

Add to cart

Complete checkout

View order details

Payment process

Add to cart

The 'add to cart' button allows customers to choose items to purchase without actually completing the payment. For online stores, the add to cart button lives on individual product pages, functioning as the digital equivalent of a shopping cart in a brick-and-mortar store.

Before adding the product to cart, customers must first select the product options on the product page or product package page. In the case of a product package, customers need to select the product options of each of the underlying products.

Product page:

Screenshot 2022-07-03 at 09.17.05

Product package page:

Example 1 (Size selection) Screenshot 2022-07-03 at 09.38.25

Example 2 (Size and Personalization selection)

Screenshot 2022-08-29 at 17.16.17

After customers have clicked the 'add to cart' button, they are redirected to the cart page. A cart page is a page where customers can accumulate what they want to buy from a MicroStore and check out.

Screenshot 2022-07-03 at 09.53.29

Customers can click on 'details' to change the quantity, product option (e.g. size) or to remove the item from the cart.

Product details:

Screenshot 2022-07-03 at 09.50.09

Screenshot 2022-07-03 at 09.50.42

Product package details:

Screenshot 2022-08-29 at 17.18.46

If customers want to continue shopping, they can click on 'Continue Shopping,' which takes them back to the MicroStore homepage.

Screenshot 2022-07-03 at 09.42.55

If customers click on the "cart" icon when no items have been added to the cart yet, following message will be displayed:

Screenshot 2022-07-03 at 09.43.58

Screenshot 2022-07-03 at 09.41.33

 

Complete checkout

The checkout page is the last step before the sale is confirmed, and it requires customers to enter their information and then finalize their purchase.
  • Step 1: Complete Shipping details and select the shipping methoda

Auto-filling the shipping address field in checkout

Brikl selects the country for the customer's shipping address based on the geolocation of their IP address to help save time completing the address details.

  • Customers can change the suggested country in the address form by clicking the dropdown button and selecting a different country.
  • The shipping method will not change until the customer has saved the new address.
  • If a customer is using a VPN or the IP geolocation is incorrect, the customer can change the country manually in the dropdown.

Screenshot 2022-07-03 at 08.58.14-1

  • Step 2: Select payment method (and provide payment details)
    b
  • Step 3: Review checkout details and complete paymentd

Brikl currently supports the following online payment methods: credit card, Apple Pay, BanContact, iDEAL, and Sofort. 

Apple Pay only works in a Safari browser, not in, e.g., Chrome or Firefox.

Read more here

Untitled-Aug-19-2022-06-59-18-72-AM

What happens after the the customer clicks Pay Now? 

1. Payment steps

Step 1 - The customer will see the Pay Now button spinning and will see a message below the button “Don’t leave the page while loading”.Untitled-Sep-14-2022-01-32-53-47-PM
Step 2 - Next, the customer will be redirected to a loading page with the message “Waiting for payment status”. Untitled-Sep-14-2022-06-01-07-54-PM
Step 3 - Once Stripe has completed processing the customer's payment, the payment status will be displayed. There are two options:
  • Payment failure. In case the payment failed, the customer can click the “Retry Payment” button to go to the order summary page and click a "Retry payment".Untitled (1)-Sep-14-2022-06-08-27-08-PMScreenshot 2022-09-14 at 20.15.18

  • Payment success. A “Thank you” message will appear at the bottom and the customer will automatically be redirected to the order summary page. 
    Screenshot 2022-09-14 at 20.06.28

💡 The number (e.g., 8) which appears next to the product option is a reference to the product option the merchant has set up in the dashboard.

1-Jun-05-2022-04-54-29-31-PM

2. Order history

The order history can be accessed at any time by the customer by going to the order page, for example www.example.com/en/app/orders.Screenshot 2022-06-05 at 18.59.14

To access the order history page as a guest user (without an account), make sure to access this page from the same device and browser you have used to place the order.

3. Order confirmation email

Customers will receive an order confirmation email. Read more here on how to set up your email notifications.

An order confirmation email is not triggered when a payment fails.

The merchant logo will appear on top of the order notification email.