Step 1: Copy the Button code
You can use the button snippet provided below or an HTML button of your choice. Let's use the example of auto loans.
<a href="https://your-auto-loans-product-webpage-where-you-embedded-your-bot#calcubot-widget-container" style="font-family: 'Roboto',Helvetica,Arial,sans-serif; display: inline-block; height: 40px; padding: 0 25px; font-size: 16px; color: white!important; font-weight: 500; line-height: 40px; text-align: center; text-decoration: none!important; background-color: #2982DC; border: 0; border-radius: 20px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease; cursor: pointer; box-shadow: 0px 2px 8px 0px rgba(24, 30, 37, 0.15); -webkit-appearance: none; -moz-appearance: none; appearance: none;"> Estimate Your Payment <span> ➤</span></a>
1.1 Replace 'your-auto-loans-product-webpage-where-you-embedded-your-bot' with the URL of the page where your Auto Shastic Bot is embedded.
1.2 Make sure to leave '#calcubot-widget-container' at the end of the URL as portrayed above. Don't change this part.
Pro Tip:
If you want to change the color of the button, its verbiage or its shape check this Guide.
Step 2: Embed your Button within each of your rate tables
We recommend adding it as an additional row to the bottom of your table.
You can also add it as an additional column if it works better for your layout.
You're done!
Give it some time and you'll start seeing visitors who come to your rate pages engage with your Bots and begin an application for your different products.
Comments
0 comments
Please sign in to leave a comment.