https://academy.test.quriobot.com/design-and-behavior-of-your-bot/Recent content in Design and Behavior of your bot on asdfasdfasdfasdfdddHugo -- gohugo.ioen-ushttps://academy.test.quriobot.com/design-and-behavior-of-your-bot/can-i-use-my-own-font/Mon, 01 Jan 0001 00:00:00 +0000https://academy.test.quriobot.com/design-and-behavior-of-your-bot/can-i-use-my-own-font/Yes, you can! It will require a bit of CSS magic though as the fonts need to be imported. But basically, it’s just copy-paste. just follow this: 1. Enable the developer mode 2. Go to the Bot Settings > Advanced section 3. Go to the Custom CSS for the bot chat at the bottom 4. Add the source of your font (using @import does not work due to security reasons) and assign the font to your bot.https://academy.test.quriobot.com/design-and-behavior-of-your-bot/changing-the-avatar-choose-as-many-as-you-like-only-for-the-paid-plans/Mon, 01 Jan 0001 00:00:00 +0000https://academy.test.quriobot.com/design-and-behavior-of-your-bot/changing-the-avatar-choose-as-many-as-you-like-only-for-the-paid-plans/To change the avatar(s), you need to enable ‘Remove Quriobot Branding’ in the Bot settings > Main settings: Changing the Avatar, choose as many as you like - Located in the Bot Settings > Avatars section: The default image for your Avatar and Sticky Avatar is our blue Quriobot, as shown below. To use a custom image click ‘Choose image’ and select the file to upload from your computer. After you have selected the image, please make sure to crop it so that it fits within the square.https://academy.test.quriobot.com/design-and-behavior-of-your-bot/conditional-bot-behavior/Mon, 01 Jan 0001 00:00:00 +0000https://academy.test.quriobot.com/design-and-behavior-of-your-bot/conditional-bot-behavior/Sometimes, the default bot behavior settings are just not enough, and you need the bot behavior to vary depending on the respondent’s device type, page path, etc. This can be done via conditional behaviors settings: Each added behavior has a condition, which is evaluated in the order of the behaviors. Once the evaluation is successful, the settings of the particular behavior are applied to override the basic behavior settings:https://academy.test.quriobot.com/design-and-behavior-of-your-bot/have-a-free-floating-startup-button-for-your-bot/Mon, 01 Jan 0001 00:00:00 +0000https://academy.test.quriobot.com/design-and-behavior-of-your-bot/have-a-free-floating-startup-button-for-your-bot/Quriobot starts with the widget on the right (or left) side of your screen, but sometimes you want to have something different and free-floating start button. Live example: https://quriobot.com/qb/qbtests/free-float To get this start-up experience just add the following CSS code to the Landing page CSS at the bottom of the Bot Settings(requires developer mode) .quriobotWidgetButton { background: transparent; box-shadow: none; } .quriobotWidgetButton::before { background-image: url('https://media.quriobot.com/control/img/optimized/23/4cf7c0b69111e8b1f34fd57c43e9e5/blob.png') !important; width: 70px; height: 70px; border-radius: 100px; left: -30px; } The first part, quriobotWidgetButton, makes sure that the rest of the button is not shown and the chosen image shows as free-floatinghttps://academy.test.quriobot.com/design-and-behavior-of-your-bot/having-quriobot-boxed-on-your-website-instead-of-transparent/Mon, 01 Jan 0001 00:00:00 +0000https://academy.test.quriobot.com/design-and-behavior-of-your-bot/having-quriobot-boxed-on-your-website-instead-of-transparent/Quriobot is a cool transparent solution that integrates smoothly with your website look and feel. but if you are looking for a more traditional boxed-in solution we, of course, fully understand. Example: https://quriobot.com/qb/qbtests/boxed Note: To change the transparency of the background you need to change the left and right settings in the Body background. That’s it!https://academy.test.quriobot.com/design-and-behavior-of-your-bot/how-can-i-make-my-bot-a-centered-bot/Mon, 01 Jan 0001 00:00:00 +0000https://academy.test.quriobot.com/design-and-behavior-of-your-bot/how-can-i-make-my-bot-a-centered-bot/You can center your bot by choosing this setting from the Control Room:https://academy.test.quriobot.com/design-and-behavior-of-your-bot/how-do-i-copy-my-bot/Mon, 01 Jan 0001 00:00:00 +0000https://academy.test.quriobot.com/design-and-behavior-of-your-bot/how-do-i-copy-my-bot/You can copy the bot either from the dashboard: or from the bot edit page: In the modal form, you can choose a new bot name: as well as the target organization:https://academy.test.quriobot.com/design-and-behavior-of-your-bot/how-to-change-the-distance-at-the-top-and-bottom-of-the-page-for-the-quriobot-frame/Mon, 01 Jan 0001 00:00:00 +0000https://academy.test.quriobot.com/design-and-behavior-of-your-bot/how-to-change-the-distance-at-the-top-and-bottom-of-the-page-for-the-quriobot-frame/You can adjust these offset settings in the Bot Settings > Design settings -> Offset settings section at the bottom:https://academy.test.quriobot.com/design-and-behavior-of-your-bot/how-to-make-quriobot-disappear-completly-after-finishing/Mon, 01 Jan 0001 00:00:00 +0000https://academy.test.quriobot.com/design-and-behavior-of-your-bot/how-to-make-quriobot-disappear-completly-after-finishing/If you want Quriobot to disappear completely you will need to add the following JavaScript function (requires developer mode) to your bot: function() { quriobot.hide_frame(); setTimeout(function(){ document.getElementById("botbutton").classList.remove('show'); }, 0) } Line 2 will make the bot disappear Line 4 will also make the sticky avatar disappearhttps://academy.test.quriobot.com/design-and-behavior-of-your-bot/make-the-bot-chat-faster-or-slow-down/Mon, 01 Jan 0001 00:00:00 +0000https://academy.test.quriobot.com/design-and-behavior-of-your-bot/make-the-bot-chat-faster-or-slow-down/Customizing the speed of the chat in your bot is available on the Bot Settings > behavior section at the bottom. The bot talks with a taken random value between the two configured settings (in milliseconds), what is marked in blue is the selected range. The left selected value is the minimum possible message delay, and the right selected value is the maximum possible message delay.