Frontend tutorial – 11 of 11

by | Mar 6, 2021 | Online Ordering, Tutorials | 0 comments

https://youtu.be/xIGGk6IajFw

In this video, we will show you how your site will operate from the front end; what you use will experience. This includes adding products to your basket, selecting variations, as well as checking out.

 

Video Transcript

1) From your Dashboard, hover over the name of your site at the top of the screen and click on the visit site option. This will take you to the frontend of your site, or the part of your site that users will see

2) Once here, you can select a category to find the product that you are looking for in

3) To select a product, click on the plus next to its name. This will open a detailed view of the product

4) From the detailed view, you will be able to see the general description of the product, as well as the price or price range if the product is a variable product

5) For variable products, you will have one or multiple options such as size, colour or flavour. These can be selected by clicking on an option in the dropdown of the heading you have selected

6) Once you have selected a variation, a secondary description and price if applicable will appear underneath. You can repeat this step on any other options the product may have

7) Once you are happy with your product choice, select the quantity you want to order and click on the ‘add to basket’ button

8) your chosen products will now appear under the order section of your page. If you would like to change the quantity of any of these items, select the plus or minus next to its name in your basket

9) once you are satisfied with the order, click on the ‘go-to checkout’ button

10) Once at the checkout, you will fill in your contact details and any notes you want to add to the order

11) You can also view the full order details under the ‘your order’ section

12) Underneath your order details, payment can be chosen and details were given. Once you have entered your details, click on the ‘place order’ button

13) You will then be redirected to a page that acknowledges your order receival and summarises the order, as well as your contact and payment details