STEP 3: Look & Feel

Customize your Chatbot look & feel. Choose your chatbots avatar, colours, modify CSS styles.

1. General settings - just add the name of your Project here. Below you can see the place, where the "Bot name" will be displayed, you can also enter the name of your company here:

Remember: always save your changes by clicking SAVE at the top of the screen! You will be able to view your changes immediately in the view on the right.

2. Look - this is where you set the color of the widget, the display location or add your logo.

Remember: always save your changes by clicking SAVE at the top of the screen! You will be able to view your changes immediately in the view on the right.

3. Get code - once you've gone through the most important settings, it’s time to add the Widget to your website. We've made it easy for you. The only thing you need is to paste the embed code according to the instructions below. That's it!

Remember: always save your changes by clicking SAVE at the top of the screen! You will be able to view your changes immediately in the view on the right.

TIP Send this instruction to your web specialist, if you haven’t worked with the HTML yet.

After refreshing the page (sometimes it is also necessary to clear the cache) the Lead-o-Mat widget will appear immediately according to your settings. From now on, your customers will have their own assistant!

4. CSS settings - if you need more style settings you can use the editor. We have listed the most important variables so that you can adjust your widget even more precisely.

Remember: always save your changes by clicking SAVE at the top of the screen! You will be able to view your changes immediately in the view on the right.

5. Labels - here you will find the button settings that we use in the widget

Remember: always save your changes by clicking SAVE at the top of the screen! You will be able to view your changes immediately in the view on the right.

6. Advanced - here you can delete your project. Remember that a deleted project cannot be recovered. Be careful and think through your decision.

Examples of user interface / widgets:

In the user interface, a text input field enables asking manual questions, presents a list of most popular questions and also related topics. It handles misspellings and grammar errors as well. If it is unable to answer the question it provides a “don’t know” message and gives one the ability to rephrase your question or connect to the Live Chat operator for further assistance.