back
Angular integration
Here's a step-by-step guide on how to help you add the script LouiseBot to the header section of the index.html file in a Angular project.
1
Open your Angular project in your code editor.
2
In your project, find the 'src' folder and open it.
3
Inside the 'src' folder, find the 'index.html' file and open it.
4
In the 'index.html' file, you will see a basic HTML structure. Locate the <body> tag in this file.
5
Inside the <body> tag, you should see an <app-root> element.
6
Copy the LouiseBot chatbot script from your LouiseBot dashboard.
7
Paste the script below the <app-root></app-root> element and save the changes to the ‘index.html’ file.
8
Your LouiseBot chatbot is now added to your Angular project. When you run your application, the LouiseBot script will be loaded on your page.
9
After your deployment in your server, return in the Settings menu of LouiseBot's dashboard, activate the 'Auto-install' option, or enter the domain name of the site that will use the chatbot.
10
When you run your application, the chatbot will be loaded on your page.
By following these simple steps, you can easily integrate your LouiseBot script into your Angular application. If you encounter any issues or have further questions, don't hesitate to reach out to our support team for assistance.