Summary
You can install Astra AI agent on your website created with the Lovable platform in just a few minutes using a simple setup prompt. Once installed, you can choose how Astra AI agent is displayed; either as a chat widget or in a spotlight view.
Video Walkthrough
Prefer a visual walkthrough? Here's a step by step video guide to learn how you can install Astra AI agent on your website created with Lovable platform:
Instructions
Follow these steps to install Astra AI agent on your website built with the Lovable platform:
Step 1: Get your installation code
Log into your Astra Dashboard at https://astra.wati.io.
Click Install agent button.
Select Copy Code to copy your installation code.
Step 2: Add the code to your website
Go to your Lovable project and put in the below prompt [replace your script in the prompt].
Add the below website embed code
++REPLACE YOUR SCRIPT CODE++
Example -
Add the below website embed code
<script src="https://astra.wati.io/widget/astra.js" id="97c7966d-986f-4bc4-9959-92c007007c1d" data-mode="ai_bar" defer></script>
Step 3: Publish your project
Publish your lovable project.
Refresh your website. You should now see the Astra widget appear.
