How to personalize a call-to-action button? Shape, Color, Verbiage

Feel free to use any verbiage and style for the button that works well on your website. Your CMS system might have a standard style for the button. You can go ahead and use it.  

Or, you can use Shastic's button if you want. Here is the code.

<a href="https://your-auto-loans-product-webpage-where-you-embeded-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>&nbsp;&nbsp;&#10148;</span></a>

 

Call-to-Action

Change the call-to-action 'Estimate Your Payment' for a call-to-action that aligns with the product. In the case of auto loans, you can use 'Estimate Your Payment'. In the case of deposit products, you can use 'Estimate Your Earnings'.

Color 

Change the background-color property of your button to match your Website's color scheme.

Shape 

Change the shape of the button by changing the border-radius: 20px