digitar-ai

An AI-powered platform offering real-time voice solutions for businesses, enhancing communication efficiency with advanced speech-to-speech technology.

Digitar AI

Hello everyone. I'm Anush from Digitar. In this tutorial, uh we are going to talk about how you can add a voice assistant to your Flamer website. This voice assistant is going to be fully capable of engaging with uh the audience who are landing on your website. Uh with voice, it can collect leads for you. Uh it can run surveys for you on your website. 

To begin with, uh you can visit the Dig.

Uh digitar is a no code Voice Assistant platform which specializes in uh fast and accurate voice AI for your business use cases. You can go to the sign up U page. You can sign up and land on the console experience. 

I will be skipping to the assistants uh section because this is where we are going to create an assistant that is going to interact with your users. For the sake of this tutorial, let's assume that we run a hypothetical uh real estate company called lanp which is looking to run surveys and understand uh whether the experience is on par with what the customers would expect. 

So you can set uh configurations for this assistant by giving it a display name by giving it a description. You can also select whether it's an inbound or an outbound scenario. Surveys are typically an outbound scenario wherein you solicit some uh information from the

Customers you can configure other details like what kind of uh voice you would want this assistant to use. Coming down uh you can also give the website on which this assistant would leave so that this assistant would work only on that website. 

And finally you can uh give a greeting message. This will be the message that the assistant will use uh when it first connects with your customer customers. So you can save all this data and then uh you can go to the form section. 

So this is where you would mention that you are running a survey. So when you take select this option uh we are going to optimize the conversational experience for that particular use case. You can also give uh some information about your company. 

This is the context that the assistant would use when it is conversing with your customers and you can also mention the goal which will again be.

Used to optimize the experience since it's a survey. Um, you can see some questions. Uh, in this case, we have three questions here. Uh, the first question being how satisfied were the customers when they recently visited a property of Landshire and whether they would recommend Landshare to some other customers. 

So once you've done all of this, you can save the data. This is where you can hit deploy assistant and deploy it. So when you deploy it, it is ready. Uh, to be taken out to your website. Until that time, um, you cannot uh use assistant on your website. 

So once I've deployed it, you can see that the status of this assistant has changed to deploy. You are also going to get documentation and what you need to do next. So this is the script that you need to use on your Framer website. Um, I'll copy this code. If you want more documentation, it's also available.

Here I will switch to the framer experience now. Um if you already have your website hosted on framer, uh this is the experience that you would have. Um we are going to use this homepage, uh and we are going to integrate The Voice Assistant that we just created on this button here. 

So this is the homepage experience. Uh there is the settings button here and you can go to the page settings. The code that you just copied on the digitar website can be pasted, uh in the head tag of your framer page. So I've already done that. 

So this, uh is the script that you would need, uh to be pasted on the head tag. So once it is done, um we need to connect the assistant to this button. So for that, we jump to the assets here and we would use a concept called code override in framer to be able to connect assistant to any button of your choice. 

So the UI could be anything.

Assistant would be running in headless mode. You are completely flexible to use any UI of your choice. Um, that is the advantage of the setup. 

So, uh, let us create a new file called, um, in this case, we already created called speaker override. You can give it any name, of course, and the code that you would need, um, is given here. I will also U drop a link to this code, um, later on in this video and in the description. 

So, uh, we've already copy pasted this phone and we have saved it. Now, the last step would be to connect assistant to this button here. So when you click on the button and scroll down, so there is this option for code [Music] override. You all you have to do is select the file in which that your code has been pasted and select the function. 

And then you come out and then you publish. So when you update it, this button is linked to the assistant that you.

Created on the digitar website so it is as simple as that in three steps. Uh you were able to connect the voice assistant that you created in the digitar website within your framer experience. 

So now it's time to test. I'm going to click on my website. It's a hypothetical uh company called lire and I click on this button. 

Hello welcome to the survey from lire. May I know who am I speaking with? Hey hello uh you are speaking with anush. Hello I'm calling from lire. We're committed to improving our client experience and would appreciate your feedback. 

On a scale of 1 to 10 how satisfied were you with your recent visit to our property? I would say I was pretty satisfied. Thank you for sharing that. 

Here's the next question. Did you find the information provided during your visit clear and helpful? Yes I like my interaction with the manager at the property.

Absolutely I appreciate your positive response. So would you recommend our services to others based on your experience? Yes I would definitely recommend LP to other um customers. 

Absolutely I appreciate your participation in the Run survey session. Your time and input are truly valuable. Have a wonderful day ahead. 

So as you can see that uh in about 10 to 15 minutes we went through the entire journey of how you can create an assistant on the console. Uh give it some configuration, seed it with some information about your company and some questions that you want the surveys to focus on. We took it out and inserted that into the framer website. 

In three steps within framewor we were able to connect it to any UI of your choice. Finally we had the assistant speaking on uh your website. I hope this tutorial was helpful and you would um use Digitar and share AI Agent Store with colleagues.

Build voice assistance on your website. Thank you.

Note, that there may be slight differences in text and video. Watch video for the original content.

Digitar AI Video