Smart Buttons are buttons on your website that only display when certain conditions are met. For example, a smart button that says "Talk to an Expert" can be displayed to qualified leads only, but is hidden for unqualified leads. In this guide we'll cover how to configure smart buttons on your website, and we'll cover the following:
Smart buttons can optionally display on your website when visitors are qualified/qualified and reps are online/offline. Therefore, you can optionally display a smart button when any combination of the following conditions are met:
To get started with smart buttons, simply create a button that you would want to display on your website. For the purposes of this guide we'll use a simple example. We want to place a smart button on our website product page that says "Talk to Us Live" and we want that button to show up when a lead is qualified and anyone from our sales team is online. In the graphic above this would amount the lop left quadrant.
Start by creating an HTML button as you normally would, either by writing the HTML and CSS manually or using your web development tool of choice. Here is an example of a button that we've created for this guide:
Now that you understand all of the options for displaying a smart button, let's dive into the syntax. By adding the following data attributes to your smart button, you can determine when the button displays on your website. There are 2 data attributes you'll want to be aware of. One for optionally displaying the button when the lead is qualified, and another for displaying only when your sales reps are available (online). Each attribute can have one of 2 values, true or false. Using combinations of "true" and "false" for these 2 attributes you can accomplish any display permutation in the quadrant diagram above. For example, this syntax will display the button ONLY when the visitor is qualified and reps are available.
It's time to make the button actionable. Currently there is only one supported action, which is to open the messenger for communication to your reps and chat bots.
OK, let's give it a try. Place your smart button exactly where you want it to display on your website and give it a shot! In our example, here is how the smart button will appear and act for qualified leads when your sales team is available.
Smart Buttons are buttons on your website that only display when certain conditions are met. For example, a smart button that says "Talk to an Expert" can be displayed to qualified leads only, but is hidden for unqualified leads. In this guide we've covered how to configure smart buttons on your website and reviewed the following steps for creating a smart button
As a next step in your education, you might find the following guides useful