How to customize your CVbot source
In this article you'ill learn how to customize your embedded CVbot source on your website in two ways:
- directly on the Hrflow dashboard
On the Hrflow dashboard
If you want to customize your Cvbot source without any custom code, Hrflow provide a lot of options to your Cvbot source.
- In your Hrflow account, navigate to Sources > Select your cvbot source > go to settings tab
- You'll find a lot of option to edit like:
- widget Name
- Welcome Headline
- Welcome message
- loading time of the source
- screen side of your website where to display your Cvbot
- and more
- After finishing click on the edit button to save your change.
Below is an example on how to change your Cvbot color.
Scroll to the widget color part, Pick the color from a color picker or, even better, add your color code as a number, click on the edit button and voila!
So here is the result
In your website style and script files
To customize the style you can access any element of the widget using the CSS selectors and apply your own style, like if it's a part of your website.
For that you need to inspect the widget HTML and search for the class name of your desired element, you can change the styles of the messages in the conversation section with the class name
To demonstrate this, let's add a boarder in the website CSS file and a different background color like:
border: 1px solid #0abde3;
Please note: In order to override the css, make sure to add your styles files in a good order. Otherwise you need to use the
!importantstatement to to add weight to your specific declaration, and cancel the style that are previously declared in the widget css.