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:
- Left (top/center/bottom)
- Right (top/center/bottom)
- 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: