Table of Contents

Opinion scale block

Desirée M Updated by Desirée M

The Opinion scale block asks visitors to rate something on a row of numbers, such as 0 to 10, and saves the number they tap in a Number Field. Low and high scores can lead to different replies, so an unhappy visitor and a fan don't get the same answer.

Use it for questions where the answer is a point on a range: how likely visitors are to recommend you, how satisfied they are or how easy something was. For custom numbers that don't go up one by one, such as 10, 25 and 50, a Buttons block styled with a few lines of CSS works as the scale instead.

How to add an Opinion scale block

To add an Opinion scale block, click the output of the block that comes before it, type scale in the search box and pick Opinion scale.

Landbot add-block menu with scale typed in the search box and Opinion scale as the result

How to set up the scale

To set up the scale, open the Opinion scale block and fill in its settings:

● Question text: the question visitors read right above the numbers. Make the scale's meaning clear in the question itself, for example "How likely are you to recommend us to a friend?"

● From and To: the first and last number of the scale. The block makes one button, and one output, for every whole number from From to To.

● Left Label and Right Label: the words shown under each end of the scale, so visitors know which end is the good one, for example Not likely and Very likely.

● Save user answer in the field: the Field that keeps the number. Type a name and click Create new field: the Opinion scale block creates a Number Field.

A new Opinion scale block has no Field set. Until you pick or create one in Save user answer in the field, the answer isn't saved.
Keep scales to 15 numbers or fewer. Every number is a button, and a chat bubble on a website shows five numbers at a time.

How to reply differently to low and high scores

To reply differently to low and high scores, connect only the Any of the above output to a Conditions block that checks the number. Any of the above runs for every number whose own output isn't connected, so one connection covers the whole scale. The Conditions blocks then sort the numbers into ranges, and because the Field is a Number Field, they compare it as a number: 10 is GREATER THAN 8.

In this example, a bike repair shop agent, Spoke & Pedal, asks "Your bike is ready! 🚲 How likely are you to recommend Spoke & Pedal to a friend?" on a scale from 0 (Not likely) to 10 (Very likely) and saves the answer in @recommend. Any of the above leads to a Conditions block that checks whether @recommend is LESS THAN 7; its red output leads to a second Conditions block that checks whether @recommend is GREATER THAN 8:

● 0 to 6, the first block's green output: "Sorry we let you down. What could we have done better?" An Ask a question block collects the answer for the mechanics.

● 9 and 10, the second block's green output: "You made our day! 🚲 A 10 out of 10 means a lot."

● 7 and 8, the second block's red output: "Thanks for the 8 out of 10! We'll keep pedaling to earn that 10."

Opinion scale panel with only Any of the above connected to two Conditions blocks that split scores into 0 to 6, 7 to 8 and 9 to 10
Conditions panel checking whether recommend is less than 7, next to the Opinion scale flow

Every number also has its own output. Connect those instead when each number needs a different reply, such as a 1 to 5 scale with five messages.

What visitors see in the chat

The Opinion scale block shows the question, a row of numbered buttons and the two labels under the ends of the scale. Visitors answer by tapping a number; there's no text box, so they can't type one.

In the Spoke & Pedal agent, the chat bubble shows 0 to 4 first, with an arrow to see 5 to 9 and then 10. A full-page chat shows ten numbers at a time.

Chat asking how likely the visitor is to recommend Spoke and Pedal, with buttons 0 to 4, an arrow and the labels Not likely and Very likely

How to use the saved number later

To use the saved number later, add its Field to a message with Use field: the agent shows the number the visitor tapped. In the Spoke & Pedal agent, a visitor who taps 8 reads "Thanks for the 8 out of 10! We'll keep pedaling to earn that 10."

Chat where the visitor taps 8 and the agent replies Thanks for the 8 out of 10

The Field keeps the number for the rest of the conversation, so any later block can use it, such as a Conditions block that offers a discount code only to visitors who scored 6 or lower.

How to make a scale with custom numbers

To make a scale with custom numbers, such as 10, 25, 50, 100 and 200, use a Buttons block with one button per number and a few lines of CSS that put the buttons in one row. The Opinion scale block can't do this: it always counts up one by one from From to To.

In this example, the Spoke & Pedal agent asks "One more thing: how many km do you ride in a week?" with the buttons 10, 25, 50, 100 and 200, and saves the answer in a Number Field, @weekly_km, to time the next tune-up reminder.

1️⃣ Add a Buttons block with one button per number. In Save user answer in the field, create a Field and pick Number as its format.

2️⃣ Open the Buttons block's ⋯ menu and click Copy block ID. The ID is what the CSS uses to style this one block and leave your other buttons alone.

Buttons block menu with Copy block ID highlighted, next to the buttons 10, 25, 50, 100 and 200

3️⃣ Go to Design > Custom code > Add CSS and paste the CSS below. Replace km with your block ID and keep the _0 after it. Click Apply.

Custom code panel with the scale CSS pasted in the Add CSS editor
/* Weekly km buttons: one row, like a scale */
[data-block="km_0"] .input-buttons {
  flex-wrap: nowrap !important;
}
[data-block="km_0"] .input-button {
  flex: 0 0 56px !important;
  max-width: 56px !important;
  height: 50px;
  margin: 0 1px 0 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
[data-block="km_0"] .input-button-label {
  font-weight: bold !important;
}
[data-block="km_0"] .input-button:hover {
  background-color: #fff !important;
  color: #000 !important;
}

4️⃣ Publish the agent: visitors see the buttons as a scale once the new version is live.

Without the CSS, the Spoke & Pedal buttons wrap onto two rows. With it, they sit side by side as one scale, and the answer moves the flow on like any button: a visitor who taps 50 reads "Got it, about 50 km a week. We'll remind you when your next tune-up is due. See you on the road!"

Chat with a Buttons block styled as a scale showing 10, 25, 50, 100 and 200 km in one row

To find block IDs for other blocks and style other parts of the chat, see Identify Blocks CSS.

For WhatsApp

The Opinion scale block isn't compatible with WhatsApp.

For Facebook Messenger

The Opinion scale block works on Facebook Messenger the same way as on Web.

Was this article helpful?

Question: Yes/No block

Contact