Website
According to Oracle, 50% of customers want a business or service provider to stay accessible 24/7. Placing a chatbot on your website improves user experience by providing all-time support information.
Engati has made it extremely easy for you to deploy a chatbot on the website.
1.1 Availability
You can access web deployment by clicking on the ‘Edit Settings’ button under Configure>Deployment>Website Chatbot.
There are two ways of using the chatbot:
The direct link would open in a new tab when you click on the ‘Test Path’ button for the ‘Welcome new user path’ in the Builder section.
In this mode, you include a simple javascript within your Webpage HTML. You can copy the script to be included from the Script within the Website Chatbot section. See below for reference:
The script in the website Code :
Click on the Folder icon to copy the script.
Choose the position of the widget on the website.
Bottom Left Bottom right
Select this if you want the web widget to only load when hosted on the specified domains
- Log into your WordPress account, and open the “Website creation” section.
- Click on the plugin present on the left-hand side.
- Search for “Header and Footer Scripts” and Install it.
- Copy the Script of your bot from your Engati account, the script will be available in the Deploy > Website Chatbot section.
- Add the Header and footer to your plugin, paste this script into the header section and save the file.
Note: Your WordPress account must be on a Business plan for this feature.
For adding custom scripts –https://magefan.com/blog/how-to-add-custom-code-in-html-head
- Navigate to Admin Panel > Content > Configuration.
- Choose the store view you want the head tag to be changed on or select Global in order to change it on every store view.
- Find the HTML Head section and add your code in the Scripts and Style Sheets field.
- Save on Click configurations.
Please follow the below steps to add the Engati script
- Log in to your Wix account
- Select Edit Site
- Click on Add Apps
- Search for HTML and choose « HTML iFrame/Embed » from the Wix App market
- Add it to your site
- A window pops up. Double click on the window or select the Enter Code option.
- Select the Code option
- Copy the script from the Engati Deploy, Website Chatbot section and paste the script here
Alternatively, use the below steps for the new version of the Wix websites
- Log in to your Wix account
- Select Edit Site
- Click on ‘Add’ from the panel
- Navigate to ‘Embed’ and select ‘Custom Embeds’
- Click on ‘+’ Add to site icon, next to ‘Embed a widget’
- A window pops up. Double click on the window or select the Enter Code option.
- Select the Code option
- Copy the script from the Engati Deploy, Website Chatbot section and paste the script here
- Each Cargo site contains a Custom HTML Editor where you can add HTML and JavaScript. Access is via the Design tab.
- Copy and paste the Bot script with <script> and </script> at the beginning and end of the website.
Note: The script will be applied to all the pages of your website.
If you want the bot script to work only on particular pages then you can add HTML for a specific page only, and open the Code View window via the Formatting Toolbar of that page.
- Go to your Shopify admin site
- Here you have to click on “Customize theme”
- Click on “Customize”
- Upon opening the “Themes” section, you will be able to see the “Customize” button on the right side of the screen, click on it.
- Click on Edit code.
- Click on the “{/} theme. liquid”
- Here you have to go to the “Layout” folder and click on it to display a .liquid files list, now click on “{/} theme.liquid”, this will automatically generate a code file on the right side of the screen.
- Find </body> section
- Here you can add your Javascript code, just above the “</body>” section, In this example, I added the following in order to show you how it works.
- Refresh the screen and your chatbot should reflect on your website.