https://academy.test.quriobot.com/how-to-build-an-advanced-bot/Recent content in How to build an advanced bot on asdfasdfasdfasdfdddHugo -- gohugo.ioen-ushttps://academy.test.quriobot.com/how-to-build-an-advanced-bot/a-b-testing-the-bot-jump-logic-branches/Mon, 01 Jan 0001 00:00:00 +0000https://academy.test.quriobot.com/how-to-build-an-advanced-bot/a-b-testing-the-bot-jump-logic-branches/If you want to create custom jumps based on the A/B experiment value you will need to do the following: Step 0: Enable developer mode: Step 2: Add a script variable, name - experiment, type - script: function(callback, variables) { // The `callback` argument has to be called with the result value in order to support the async operations. The `variables` argument is an object containing other variables var experiments = ['1', '2', '3']; var experiment = experiments[Math.https://academy.test.quriobot.com/how-to-build-an-advanced-bot/add-cool-looking-apps-like-spotify-soundcloud-or-gofundme-to-your-bot/Mon, 01 Jan 0001 00:00:00 +0000https://academy.test.quriobot.com/how-to-build-an-advanced-bot/add-cool-looking-apps-like-spotify-soundcloud-or-gofundme-to-your-bot/Add something like Spotify or Soundcloud makes your bot super cool, but is also super easy! just follow these steps: Add a new chat message and select HTML as the Chat text type: Add the following code (this isexample code): <!-- for making it fit the chatbuble perfectly--> <p style="display: none">1</p> <div style="border-radius: 9px; overflow: hidden"> <!--actual iframe--> <iframe width="100%" height="300" scrolling="no" frameborder="no" allow="autoplay" src="https://link_to_the_service_here" style="border:none;display: block;"></iframe> </div> Example for Spotify: <p style="display: none">1</p> <div style="border-radius: 9px; overflow: hidden"> <iframe src="https://open.https://academy.test.quriobot.com/how-to-build-an-advanced-bot/automatic-call-functionality-connected-to-your-phone-or-software-like-skype/Mon, 01 Jan 0001 00:00:00 +0000https://academy.test.quriobot.com/how-to-build-an-advanced-bot/automatic-call-functionality-connected-to-your-phone-or-software-like-skype/Adding automatic calling options can be a very nice addition to your bot: A consumer selects the option to call (via a link, for example) which is connected to the phone solution on their mobile or a software solution like Skype if they use the bot on their desktop. All you need to do is create a Chat Message link type and use tel: as the link + use the parent as the link target:https://academy.test.quriobot.com/how-to-build-an-advanced-bot/book-a-meeting-via-calendly-and-quriobot/Mon, 01 Jan 0001 00:00:00 +0000https://academy.test.quriobot.com/how-to-build-an-advanced-bot/book-a-meeting-via-calendly-and-quriobot/Those awesome guys at Calendly build something truly great: you connect your own agenda and unleash it to the web so anyone can book a meeting straight into your agenda! So how about combining Calendly and Quriobot and book it straight via Quriobot? Ok! So what we will do is create an easy bot template that will ask for a person’s name and email address, connect and set up your calendar in Calendly and combine forces!https://academy.test.quriobot.com/how-to-build-an-advanced-bot/can-i-make-the-bot-do-calculations/Mon, 01 Jan 0001 00:00:00 +0000https://academy.test.quriobot.com/how-to-build-an-advanced-bot/can-i-make-the-bot-do-calculations/Of course, you can! It’s a bot, what did you expect? ;) But it does need a bit of an adventurous mind, as you will need to write some JavaScript code! We will make use of the Script variables. Step 0: enable developer mode Step 1: create step variable(s) to be used as input for our calculation: Step 2: create script variable which does the calculation using the other variables:https://academy.test.quriobot.com/how-to-build-an-advanced-bot/change-your-website-pages-keeping-the-bot-in-the-context/Mon, 01 Jan 0001 00:00:00 +0000https://academy.test.quriobot.com/how-to-build-an-advanced-bot/change-your-website-pages-keeping-the-bot-in-the-context/If you need your bot to `follow` the user when it redirects the user to a different page, you can follow these steps: Step 1. Create a response for a step with `next `with such settings: Note that we’ve enabled the ’ F ollow the redirect’ option. The bot will then continue where you left it on the previous page (given it’s embedded on it)! NOTE: storing of the state is disabled in the preview mode for easier debugginghttps://academy.test.quriobot.com/how-to-build-an-advanced-bot/css-customization-for-your-bot-design/Mon, 01 Jan 0001 00:00:00 +0000https://academy.test.quriobot.com/how-to-build-an-advanced-bot/css-customization-for-your-bot-design/You can add custom CSS to fully customize the look and feel of your bot and the landing page if the design settings are not sufficient: These are just some examples for you to play around with, hopefully, it leads to something amazing!! #qre{ background: url("https://example.com/cover.jpg"); background-size: cover; } html{ overflow: hidden; bottom: 0px; position: fixed; left: 0px; } .input--inner{ border-radius: 1px 10px 1px 10px; } .input-error{ width: 90%; margin-left: 5%; } .https://academy.test.quriobot.com/how-to-build-an-advanced-bot/custom-jumps-and-response-based-on-device-types/Mon, 01 Jan 0001 00:00:00 +0000https://academy.test.quriobot.com/how-to-build-an-advanced-bot/custom-jumps-and-response-based-on-device-types/If you want to create custom jumps based on the device type you will need to do the following. Example : that will detect if you’re on a mobile device (and exit the bot or otherwise continue to Step 2). Note: this might be helpful if, for example, you don’t want to show the Fold-out step on mobile devices Step 1: Add a GoTo Step that uses the value of this variable ({{infoDeviceType}} in this example) and create your Response and corresponding Jump logic based on the valuehttps://academy.test.quriobot.com/how-to-build-an-advanced-bot/how-can-i-start-stop-or-switch-bots-via-my-own-website-buttons/Mon, 01 Jan 0001 00:00:00 +0000https://academy.test.quriobot.com/how-to-build-an-advanced-bot/how-can-i-start-stop-or-switch-bots-via-my-own-website-buttons/This is quite easy to do with a bit of JavaScript magic in combination with the three JS functions to achieve this: So, for example, say you have a button with which you want to start the bot and another one to hide (or stop) the bot. All you need is to combine the following 3 elements: HTML page with those buttons. The describedJS functions (and in this example some AjaxJS via jQuery)https://academy.test.quriobot.com/how-to-build-an-advanced-bot/how-to-add-an-audio-to-your-quriobot-from-the-other-services/Mon, 01 Jan 0001 00:00:00 +0000https://academy.test.quriobot.com/how-to-build-an-advanced-bot/how-to-add-an-audio-to-your-quriobot-from-the-other-services/We have a dedicated sound chat text type where you can upload the audio file. But also you can embed the audio content from the other services like SoundCloud via the IFRAME. 1. Go to SoundCloud and upload your audio file: 2. Choose your file —> Share —> Embed. Copy your audio embed code: 3. Get back to your bot. Add a new chat message and select Embed as the Chat text type and put the previously copied embed code.