Last Edited: Oct 24, 2019
The Siteglide Ecommerce Module makes it easy to set up a secure and reliable Shopping Cart and Checkout flow. As usual, you can customise your layouts at every step.
In this tutorial, we will show you how to create the simplest Cart and Checkout flow- the Guest Checkout. Users can buy Products without having to sign in, but their details are stored in the CRM so the Site Owner can send them their Products.
In future tutorials we will show how to extend this with the following features:
Make sure your Product Detail pages have an add to Cart Button in their layout’s item.liquid file.
Learn more about Product Detail pages here.
This liquid include tag will add the "Add to Cart" Button:
This needs to be in the item.liquid file to work, because this will have access to the correct data for this Product.
Create a new Page for your Cart and use liquid to include the Cart.
(Note- the Cart does not need to be on it’s own page, but this is the easiest place to start.)
Use the layout parameter to select the folder which contains the wrapper.liquid and the item.liquid file you would like to use for your layout. For now, you can use the "cart" layout which is included in the Ecommerce Module.
Learn more about Cart Layouts here
This will store a paying User against the CRM and submit their payment details securely via your chosen Payment Gateway.
You can add a form by navigating to
CMS/Forms in the left hand Menu and then clicking the "+ Add New Form" button in the top right of the page. Learn more about forms here.
You will need to add the following information when creating your form:
Save your changes.
Learn more about pages here.
The form_id parameter should be the id of your Checkout Form. If you use the Toolbox to add this code, you can lookup your form by name.
The layout parameter should refer to the folder which contains your form layout file. This file exists here:
For now, you can use the "default" layout that is included with the eCommerce module.
Remember, you will need to use the test cards from your chosen Payment Gateway. Find more information here.
Users will be added to the CRM in Admin.
You can see the records of transactions in Admin by navigating to the Orders list or finding the User in the CRM.
After a User has submitted your Checkout form, an order will be automatically generated. You can see a list of orders under
ECOMMERCE/Orders in the left-hand menu.
Click on the name of the order for more information.
As a user buys a Product, the Inventory decreases accordingly.
A User cannot buy a Product if its Inventory is 0, but you can also hide Products that have sold out from the Product List Views. See Products to learn more.