chatbotsEcommerce

Make an AI Ecommerce Messenger chatbot for your store with a website widget in >1 hour with this free template

By April 27, 2018 May 22nd, 2018 3 Comments

With over 1.3 billion using Facebook Messenger, selling via chat is extremely profitable. At Zebo, we’re seeing 50%+ conversion rates on our AI (Artificial Intelligence) Ecommerce chatbots. Compare that to the global average for apps and website: 3%! Takeaway: you need an Ecommerce chatbot asap!

However, building a successful AI chat bot is not easy & bot developers are expensive. So we’ve put together an incredible easy-to-use template where our AI will build a bot for your shop! Follow the step-by-step guide below and you’ll have an Ecommerce bot in less than an hour!

Feel free to message me for questions, submit a support ticket or if you if you want us to build it for you, check out our gigs here!

 

1. Getting started: connect your shop Facebook page to the template

1a. Register at (or if already registered login) with your Facebook at app.zebo.io, our free AI chatbot platform for Facebook Messenger.

1b. You’ll be re-directed to the Dashboard. Click on Ecommerce under Templates and connect your Facebook page.

Once your upload is complete, scroll to the bottom of the page and click Save.

Connect your page

 

2. Save your Greeting Text

 You’ll be re-directed to Build > Greeting Text as shown below.

First, save a Greeting text and hit save. A call-to-action, enticing offer or brief introduction to your bot is a good approach. This article has some great tips on writing highly-converting Greeting messages.

 

3. Import your products, setup payment & shipping options & select your checkout fields

 

3a. Importing products:

Proceed to the Ecommerce settings page. Here you import your products (which you can then edit in the Ecommerce products tab – you can also manually add your products in that tab). 

Select the Ecommerce platform your site uses: Woocommerce, Shopify or Bigcommerce. If you don’t use any of those, then click on All other websites. 

When you click on the relevant box, it will show you instructions on downloading your product csv from your dashboard and a section to upload it. 
 
 
Upload your CSV and then make sure to click Save on the bottom of the page to save your CSV.
 

3b. Ecommerce Settings

Fill in the remainder of the fields on this page i.e. Ecommerce settings.

  • Set your currency
  • Set your shipping rates (name the shipping e.g. Free Shipping, Expedited Shipping and then set the corresponding rate)
  • Select the fields you’d like to show on the checkout page. These show as a webview on a purpose-built checkout page within Messenger
  • Click Save

Sample checkout page created from fields selected in ecommerce settings

Sample Cart page created from fields selected in ecommerce settings

4. Reviewing your products

With the product import complete (above), navigate to the Ecommerce Products tab. All your products will have imported into this tab and now you can edit them to your liking.

Functionality of the Ecommerce Products page

Title (name) – a maximum 30 character show on Facebook Messenger. Will appear directly below the image

Subtitle – a maximum of 30 characters. Will appear directly below Name. Long description can be entered in More Options

Price – numbers only

Category – your main menu e.g. Women’s clothing, Our Services, Salads etc. These show as a carousel.  You can have a maximum of 10 cards in a carousel, thus 10 categories

Sub Category – the sub menu e.g. under Women’s clothing you would have Dresses, Shirts, Shoes etc. as a sub-category

Image: Should be horizontal with a ratio of 1.91:1

More options: Use for attributes & variations (e.g. size, color), cross-sells, upsells, SKU, inventory.

You can add or delete items by clicking on the icons on the left

5. Single product page

Image on the right shows a sample product page. This is auto-created from the details you enter in more options e.g. Descriptions, Options & Upsells.

We use the Variants section to create upsells. Where traditional option groups are size or color, think of ‘pair it with’ or ‘Don’t forget’ as option groups as well here.

6. Content

6a. Editing existing content e.g. Welcome message

While carousels are auto-created from your CSV / Ecommerce products, you can edit the default buttons, add new buttons and vary the flow from the Content tab. You can also add new content from this tab.

You can edit the Default welcome message or create one of your own. Once you’re done, make sure to set that as the welcome message via Automation.

 

6b. Creating new content

Create new content by clicking on the New Content button.

You can stack up multiple content items e.g. text followed by a card

6c. Your main product carousel

The chatbot auto-created by Zebo’s AI uses a carousel named ‘Product Categories Carousel’ as your store’s main carousel. Filter in the Content table to find it. Remember, Facebook Messenger will only show 10 cards. But as you can see in the image below, when I imported from my Woocommerce shop, 27 cards were created as my shop had 27 categories in the CSV. Select 10 to keep, delete the rest, otherwise Messenger will truncate and only show any 10.

ecommerce products categories carousel

7. Persistent Menu

The Persistent Menu is the sticky menu at the bottom of the Messenger screen. Use it as a signpost for important actions like Start a New Order, Email us etc. 

 

8. Automation

Even though automation is the last tab, don’t think it’s the least important. Automation, in my experience, is crucial to driving conversion on your bot because it enables people to order by messaging you (as opposed to ordering by clicking buttons).

The default response is the response your bot gives if the user says something it doesn’t understand.

Ecommerce AI: You’ll have customers that follow the bot flow i.e. clicking on buttons and those that take a more conversational approach. It’s important to cater to both types and that’s where these other sections in Automation come in. When the ecommerce template creates the flow of your bot it automatically creates buttons and CTAs. Then the Ecommerce AI automatically creates keywords for your products, which in turn enables conversation commerce. As long as you’re using the right keywords in Name and subtitle of your products you shouldn’t have to do very much more on this regard. Make sure to check out this article on our the Ecommerce AI works.

Supplement the Ecommerce AI with DialogFLow.

DialogFlow lets you add more advanced conversational ability to your bot e.g. what the bot responds with if a person says hello, what’s your shipping policy etc.. If you’re technical, check out their docs here. Otherwise, you can hire a DialogFlow expert here.

Zebo’s Keyword AI however enables you to add conversational ability to your bot without DialogFlow or any technical know-how! For example, in Content we created a returns policy content. Here we can automate that content to be returned if someone asks what the return policy.

Similarly, we can set other keywords such as “order” to return the product categories carousel if a person says I want to order

9. Receiving orders

In Ecommerce settings you can opt to receive orders in 2 ways: via email or webhooks. If you select email, you will receive new orders via the default email template.

However, you may want to receive orders via email in your own custom template and/or save them somewhere e.g. Sheets, Airtable.

For that, select the Zapier webhooks option. If you need help setting up Zapier, check out this Pro service


Also published on Medium.

Join the discussion 3 Comments

  • Teknoloji says:

    This is a very good tip particularly to those fresh to the blogosphere.
    Brief but very accurate info… Thank you for sharing this one.
    A must read post!

  • Youu actually make it seem so easy with your presentation but I find this topic tto be really something which I think I would
    never understand. It seems too complicated and
    very broad for me. I’m looking forward for your next post, I’ll try to get the hang of it!

  • I like the helpful information you provide in your articles.

    I wil bookmark your blog and check again here regularly.
    I’m quite sure I’ll learn many new stuff right here! Best of luck for the next!

Leave a Reply