How to Add Aicado to FlutterFlow Website
Create a beautiful UI, generate clean code, and distribute to app stores or the web in one click with FlutterFlow. Fully extensible with custom code.
Since you are or about to be one of the users of FlutterFlow, Aicado has the perfect solution to help you increase engagement on your website.
How to Create a FlutterFlow AI with Aicado
Adding an AI model to your FlutterFlow website is easy peasy.
With simple steps to follow, you can now add your AI model and start using for your FlutterFlow website.
Before starting, you need to:
Create an Aicado account for your AI modelHave a FlutterFlow website to locate your AI model
Step 1- Log in to your Aicado account to access AI models.
Step 2- Click the "Choose your AI tool" button.
Step 3- Select the model you want and click the "Create" button.
Step 4- In the pop-up that opens, give a name to your AI tool and enter the domain name of your FlutterFlow editor, then click the "Create your AI tool" button.
Don't worry! You can edit the name and domain later.
Step 5- First, you will see the “Styling” page. Here you can customize your AI tool according to your brand’s colors, fonts and styles. You don't need to do anything extra to save your style, everything you do in Aicado is saved automatically.
You might want to customize your AI model based on your brand and start the process properly.
Step 6- Once you have completed all your customizations, click on the "Embed" tab. Aicado generates code for you when you create your embed. You don't need to do any extra work to create the embed code. Just copy your code.
Make sure that the bounded domain is the domain of the application where you will use your AI tool. Otherwise, your AI tool will not work.
Step 7- Go to your FlutterFlow editor. Press the blue "Widget Palette" icon in the upper left corner of the photo above. Drag the "Web View" feature in the left sidebar to where you want it on the page.
Step 8- Click on "Web View" on the page and you will see the Web View URL section in the right sidebar. Paste the URL in quotes of the code you copied from Aicado here. There, you are done.
Create a beautiful UI, generate clean code, and distribute to app stores or the web in one click with FlutterFlow. Fully extensible with custom code.
Since you are or about to be one of the users of FlutterFlow, Aicado has the perfect solution to help you increase engagement on your website.
How to Create a FlutterFlow AI with Aicado
Adding an AI model to your FlutterFlow website is easy peasy.
With simple steps to follow, you can now add your AI model and start using for your FlutterFlow website.
Before starting, you need to:
Create an Aicado account for your AI modelHave a FlutterFlow website to locate your AI model
Step 1- Log in to your Aicado account to access AI models.
Step 2- Click the "Choose your AI tool" button.
Step 3- Select the model you want and click the "Create" button.
Step 4- In the pop-up that opens, give a name to your AI tool and enter the domain name of your FlutterFlow editor, then click the "Create your AI tool" button.
Don't worry! You can edit the name and domain later.
Step 5- First, you will see the “Styling” page. Here you can customize your AI tool according to your brand’s colors, fonts and styles. You don't need to do anything extra to save your style, everything you do in Aicado is saved automatically.
You might want to customize your AI model based on your brand and start the process properly.
Step 6- Once you have completed all your customizations, click on the "Embed" tab. Aicado generates code for you when you create your embed. You don't need to do any extra work to create the embed code. Just copy your code.
Make sure that the bounded domain is the domain of the application where you will use your AI tool. Otherwise, your AI tool will not work.
Step 7- Go to your FlutterFlow editor. Press the blue "Widget Palette" icon in the upper left corner of the photo above. Drag the "Web View" feature in the left sidebar to where you want it on the page.
Step 8- Click on "Web View" on the page and you will see the Web View URL section in the right sidebar. Paste the URL in quotes of the code you copied from Aicado here. There, you are done.
Create a beautiful UI, generate clean code, and distribute to app stores or the web in one click with FlutterFlow. Fully extensible with custom code.
Since you are or about to be one of the users of FlutterFlow, Aicado has the perfect solution to help you increase engagement on your website.
How to Create a FlutterFlow AI with Aicado
Adding an AI model to your FlutterFlow website is easy peasy.
With simple steps to follow, you can now add your AI model and start using for your FlutterFlow website.
Before starting, you need to:
Create an Aicado account for your AI modelHave a FlutterFlow website to locate your AI model
Step 1- Log in to your Aicado account to access AI models.
Step 2- Click the "Choose your AI tool" button.
Step 3- Select the model you want and click the "Create" button.
Step 4- In the pop-up that opens, give a name to your AI tool and enter the domain name of your FlutterFlow editor, then click the "Create your AI tool" button.
Don't worry! You can edit the name and domain later.
Step 5- First, you will see the “Styling” page. Here you can customize your AI tool according to your brand’s colors, fonts and styles. You don't need to do anything extra to save your style, everything you do in Aicado is saved automatically.
You might want to customize your AI model based on your brand and start the process properly.
Step 6- Once you have completed all your customizations, click on the "Embed" tab. Aicado generates code for you when you create your embed. You don't need to do any extra work to create the embed code. Just copy your code.
Make sure that the bounded domain is the domain of the application where you will use your AI tool. Otherwise, your AI tool will not work.
Step 7- Go to your FlutterFlow editor. Press the blue "Widget Palette" icon in the upper left corner of the photo above. Drag the "Web View" feature in the left sidebar to where you want it on the page.
Step 8- Click on "Web View" on the page and you will see the Web View URL section in the right sidebar. Paste the URL in quotes of the code you copied from Aicado here. There, you are done.
