🚀Quickstart: eCommerce

This Quickstart guide covers the basics of setting up an eCommerce store using SiteBuilder. To build your layouts from scratch (not using SiteBuilder) you would just create your own Layouts either in Code Editor or via CLI.

We strongly recommend starting from the template if you're not familiar with Siteglide or the eCommerce module in particular:

🏗️Create Site From Template

Most of these steps will be already done for you if you use the Template, you can simply customise each section to suit your store.

Step 1: Install the eCommerce Module

Ensure the eCommerce Module is installed:

For more help managing Modules follow the dedicated guide:

📋Install & Manage Modules

Step 2: Create and Manage Products

You can create and edit items as well as manage them via CSV using the Import/Export features:

Step 3: Product List Layout

To display the Products on the website you will need to setup the Product List Layout.

This will already be done for you if you use our eCommerce Template.

You can install a Layout via SiteBuilder:

You then need to choose where to output the list of Products, in this example (the eCommerce Template) we are listing all products on the Shop page using the pl-1 layout from SiteBuilder:

Once done you can preview the page and see the items:

Step 4: Product Detail Layout

To be able to click into a product and view more details than shown on the list view you will need to setup a Product Detail Layout.

We recommend doing this via SiteBuilder but you can code one from scratch too:

You then need to set the Detail Layout in the Product Table settings by clicking blue 'View Table' button:

Then select the Detail Layout, you should see the Layout you've just installed via SiteBuilder:

Step 5: Cart Page Layout

Next we'll setup the Cart. Again we'll install a SiteBuilder layout:

Then output the cart onto a page using the new layout:

You can then view the Cart Page:

Step 6: Checkout Page Layout

The Checkout works in a very similar way to the Cart but the Checkout Layouts in SiteBuilder can be found under Forms not eCommerce:

Then insert the Checkout onto a page using the new Layout:

Finally you can view the Checkout page to check it's all working correctly:

Step 7: Setup your Payment Gateway

You can run multiple payment gateways on Siteglide but we strongly recommend using Stripe. Here's an example of how to get setup with Stripe very easily as it's fully integrated:

You simply need to add your Live and Test Public Keys/Secret Keys. We recommend using the Test Keys first until you're ready to make a real payment: