Follow the below steps to embed Fibotalk chat widget.
Step: 1 Login to your wix account. Click the blue Edit button to make changes to your site. Click Add (it’s the plus sign on the menu to the left in Wix editor)
Step: 2 Then click More at the bottom of the list and choose HTML Code.
Step: 3 On the HTML settings screen click the ENTER CODE button. A small window will open. This is where you can paste the widget code you copied from the Fibotalk dashboard. Then click Apply. Close the HTML settings box.
Step: 4 You will now have the HTML box with the Fibotalk widget code on the page. Now we need to resize this HTML box. Click once on the HTML box to highlight it. Then change the toolbar size to Width: 328 and Height: 489. Now the box is big enough for the widget to expand when opened.
Step: 5 Go to the bottom of your site where the footer is. This is the area that has the copyright notice and usually says “Proudly created with Wix.com” When you right click into the footer area you will see a small menu pop up for the footer. At the bottom of this menu there is an option for Freeze Position. You must check this box or the Fibotalk widget will only show up at the very bottom of the page. Using the Freeze Position option will solve this problem.
Step: 6 Now drag the HTML box to the footer area of your site. You will see a ‘Move to Footer’ message appear. Click ‘Move to Footer’.
Step: 7 This will expand the footer to the height of the HTML box. You can click on the footer and drag it up from the bottom to return it to its normal size. Then make sure that the top of the widget lines up with the top of the footer area.
Step: 8 Click Preview at the top right of the Wix.com dashboard. Check the widget. Make sure when you click on it it’s aligned to your satisfaction and the entire top of the widget is visible. If you like what you see go back to the editor and click Publish! If not you can drag the HTML box to make adjustments. That’s it you’re done!