CSML Template Highlight: Create an E-Commerce Chatbot With CSML

Case Study Jul 18, 2021
CSML Studio recently added a chatbot templates library to help you get started with your next project. In this series of posts, we will highlight and analyze some of the best chatbot templates!

In this article, we will cover the specific case of the E-Commerce starter template, which you can easily try here with full access to its source code:

CSML Playground by Clevy.io
An advanced online playground for CSML that lets you use all of CSML’s built-in features directly in the browser
The welcome experience of the CSML e-commerce template

Main Features

The E-Commerce CSML Template helps you quickly set up a fully conversationalized store. It helps your visitors navigate through your articles by configuring their order, pick an article through a nice Carousel component, choose a quantity, then it will automatically calculate the full order amount (number of articles x price) and continue through checkout with a Stripe payment component.

Item selection is very easy, thanks to the Carousel component

Adapting the E-Commerce Template to Your Chatbot Scenario

If you are interested in using the E-Commerce Template for your online store, chances are that you already have your own items to sell. The easiest way to add your items to the CSML E-Commerce Template after you install it is by simply adding them manually, but it may be hard to maintain if you have lots of items or categories, or need to update them often.

The E-Commerce CSML Chatbot Template will automatically calculate the total amount of the order

If you already have a store backend (for example, with WooCommerce or Shopify or other E-Commerce solutions), chances are that you can use their APIs to retrieve the items dynamically! In that case you can use either a CSML App from the CSML Integrations directory if there is one for your preferred service, or create your own by adding a custom integration in CSML Studio. Alternatively, you can also directly call any API with the HTTP client that's readily available in CSML.

CSML - The First Open-Source Programming Language For Chatbots
Build chatbots in a matter of minutes with CSML, the first open-source programming language dedicated to developing powerful conversational agents.
HTTP

To let users pay directly in your chatbot, you will also need to setup the Stripe integration (in the processOrder flow). In some countries however, cash-on-delivery is the norm and credit cards are not always popular, so you may skip this step entirely if you are in this situation!

If you have any question about this Template, feel free to visit our Slack Community and ask around. Surely one of the CSML experts in the #Support channel will be able to help!

Tags

Great! You've successfully subscribed.
Great! Next, complete checkout for full access.
Welcome back! You've successfully signed in.
Success! Your account is fully activated, you now have access to all content.