In this post, we will show you step by step guide to integrate FreshLime Messenger on a website that's on a FREE Wix plan.
To setup FreshLime Messenger on a website that's on a PAID Wix plan, go here.
Note: With a Wix paid plan, you can adjust chat widget size for both mobile and desktop devices.
Step 1: Login to your Wix account
Login to your Wix account and click on the My Sites.
Step 2: Select the site you want to enable FreshLime Messenger on
Select your site by clicking on the Edit Site button.
Step 3: Open HTML iframe
After clicking on Edit Site, go to the left side panel and click on the Add icon. Then move to the cursor on the More link to open the Add More tab. Click on HTML iframe.
Step 4: Grab your account's script for Messenger
In another tab, login to your FreshLime dashboard, and click on Messenger in the main navigation. Once there, you will see a secondary menu under the main navigation. Click on Settings.
Once there, find the Chat Settings & Branding section. This is where you will adjust chat features such as name, colors, and icon used with your chat bot.
At the bottom of the page, you will find a section called Install Webchat on Your Website. Click on Copy Webchat Code. Once you do so, the installation code has been copied to your clipboard.
Step 5: Paste your account's script for Messenger into the HTML iframe section
Click on Enter Code. HTML iframe Popup box will open. Paste the theme code you got from your FreshLime dashboard in the step above.
Adjust the width and height of the chat widget (recommended size: width of 400 px, and height of 600 px). Click Apply.
In this step, you need to adjust the chat widget position and enable it to show in all pages.
Right-click on your chat widget, enable Show On All Pages, and select the Pin Settings/Pin to Screen as shown in the screenshot below. You will then have the option to adjust widget position and size.
Set position and size as per your convenience.