Handling More Than 10 Options in WhatsApp Chatbots using “+More”

Overview

WhatsApp allows displaying a maximum of 10 options per message. When your dataset has more than 10 items, you can use a “+More” button to display items in batches.

This guide demonstrates how to:

• Display the first 9 items from a list

• Add a static “+More” button as the 10th option

• Load the next batch when the user clicks +More

We use a state–city dataset with 15 entries as an example.

Step 1: Prepare and Format Your Data

1. Create a MSG91 Chatbot. Drag a message card and write a welcome message.

2. Using the utility script card create an array of objects. Each object contains the state and city keys:
   
   

   

2. Format the data in a Script Card for easier iteration:
   
   

   

   
   

✅ Now flowvariables.total_state_city_list contains all 15 items in a structured format.

Step 2: Implement the “+More” Pagination Logic

1. Display up to 9 items per batch.
   
   

2. If more items exist, add a “+More” button as the 10th option:
   
   

   _flow_variables.display_count = 0;
   _flow_variables.display_list = [];
   
   // Show 9 items per batch
   let len = _flow_variables.total_state_city_list.length < 10 ? _flow_variables.total_state_city_list.length : 9;
   
   for (let i = 0; i < len; i++) {
       _flow_variables.display_list[_flow_variables.display_count] = _flow_variables.total_state_city_list.shift();
       _flow_variables.display_count += 1;
   }
   
   // Add +More button if more items remain
   if (_flow_variables.total_state_city_list.length != 0) {
       _flow_variables.display_list[_flow_variables.display_count] = {
           "id": 0,
           "display_name": "+More",
           "description": "Click to see more options"
       };
   }
   
   return "true";
   

✅ flowvariables.display_list now contains the first 9 items + a +More button if more items remain.

Step 3: Display the List in a Message Card

• Use a Message Card to iterate over  display_list.

• Each item is displayed as a button:

• Users can select a state–city pair or click +More to see the next batch.

• Refer to the video attached below
  
  

Step 4: Handle User Selection

• Use a Condition Node to check the user’s selection:

• Add a condition checking if the user selected “+More” connect the node to the utility script card 3, else in the fail section you can send the message you wish to

• This ensures smooth pagination and interaction for lists larger than 10 items.
  
  

  

Step 5: Output and Benefits

• Test the Chatbot to see how one can display more than 10 options seamlessly

• Overcomes WhatsApp’s 10-option limit

• Displays large datasets in batches

• Improves user experience with interactive +More button

• Can be reused for orders, FAQs, products, locations, or any large dataset
  
  

  
  

For any further queries you can drop an email at [email protected]