Help Center

Custom CTA button

To use an HTML element as a custom CTA button, you need to use the .agent-laucher class to maintain its behavior:


The Start Button can be customized in two ways:

1) From the Agenbot Platform

Once the " custom" option is selected, enter the fraction of the HTML code that contains your custom button under the .agent-launcher class (no need to add tags like <html> or <body>), and under the CSS rules you want to apply to your button.

Keep in mind that the location on the site that the button will have, will be one of the default options offered:

  1. Left (top/center/bottom)
  2. Right (top/center/bottom)
  3. Center (top/center/bottom)


2) From your website

If you want to place your home button in a custom position according to your website, your web developer can add your custom button in the HTML template where you want it to be displayed, remember that it must contain the .agent-launcher class to maintain its expected behavior and you must disable the "home" button within the configuration to prevent any other button from being displayed by default.

For example, with the following code:


The operation will be:


This website stores cookies on your computer. These cookies are used to collect information about how you interact with our website and allow us to remember you. We use this information in order to improve and customize your browsing experience and for analytics and metrics about our visitors both on this website and other media. To find out more about the cookies we use, see our Privacy Policy.

If you decline, your information won’t be tracked when you visit this website. A single cookie will be used in your browser to remember your preference not to be tracked.