Chatbot education

👉 Chatbot videos

👩🏼‍🎓 Bot Academy

Activechat Essentials

Platform Basics

Messaging Channels

Visual builder

Bot settings

Integrations

Grow Tools

Bot examples

E-commerce Chatbots

E-commerce Basics

E-commerce Integrations

Displaying Products

Shopping cart

Payments

Accepting payments and sending invoices

Order updated

Sending order updates

Bot example

Sample Messenger store assistant

Advanced Chatbot Tools

Tracking site visits

Tracking code installation

Tracking page visits

Natural Language Chatbots

NLP Basics

Intents and Entities

NLP contexts

Building Dialogflow agent and connecting to Activechat

Sending user input to NLP engine

Triggering bot skills by intents and events

Working with entities

Slot filling

Using contexts

NLP best practices

Video tutorial

E-commerce Chatbots

Advanced Chatbot Tools

Tracking code installation Tracking page visits

Natural Language Chatbots

Intents and Entities NLP contexts Building Dialogflow agent and connecting to Activechat Sending user input to NLP engine Triggering bot skills by intents and events Working with entities Slot filling Using contexts NLP best practices

Displaying product galleries

Dynamic galleries for products work almost the same as for categories, but have much bigger list of system variables to pass data to the bot. Let’s add actual product galleries to the bot that we are building to see how it works.

“Show products” button that we added to CATEGORY dynamic gallery is now connected to PRODUCTS block. We use $_selected_category_id in block settings to display products from selected category, and then we add another “Show details” button to this gallery to display product details.

The bot is still only 6 blocks, but now we have complete inventory from your shop in dynamic galleries!

Let’s see how it works in the Messenger.

Notice system variables that are used in TEXT block to display product details for specific product selected by chatbot user. This block displays only some of them, and here is the complete list for your reference:

  • $_selected_product_id – numeric ID from your online shop
  • $_selected_product_slug – URL-friendly product name (“slug” in WooCommerce)
  • $_selected_product_title – title of selected product
  • $_selected_product_description – description of selected product
  • $_selected_product_price – price
  • $_selected_product_url – URL of selected product page in your online shop
  • $_selected_product_image – URL of product image
  • $_selected_product_inv_qty – quantity of selected product in shop inventory
  • $_selected_product_var_types – list of variation types for selected product (see “Working with product variations” below)
  • $_selected_product_var_ids – list of variation IDs for selected product. Contains single variation ID if there are no product variations. Use it to add single-variation products to shopping cart in Shopify integrations.