WEEBLY: How to add live chat.

Follow

 

Check out the live example here

get the code from contactus.com

First you must Login or Signup to ContactUs.com  (FREE)

1. When inside the ContactUs.com Dashboard, navigate to the Form Settings, clicking on "Forms" 
 
 
2. Once you are in the Form Settings panel, create a new Live Chat Form. You can find that button on the drop-down menu on the Create New Form button 
 
 
3. On the Create New Form panel, you will be able to customize the look and feel of your chat form, callout tab, titles and  other settings. Make sure that when you are finished, and ready to get the form live, you press SAVE and PUBLISH, not just save. 
 
4. Once you have SAVED and PUBLISHED the form, click on the "Get Code" button on the left sidebar again. And when the drop-down list appear, hit on "Embeded Form".  
  
5. When you click on Embeded Form, the code will show on your screen. Then just make sure to Copy your code and keep it handy.
 

adding the code to your weebly pages

1. Go to WEEBLY.com and edit the site you want to add a chatform to. In the edit site view, click on DESIGN. 
 
 
 
2. Once in the Design TAB, look for the EDIT HTML button at the bottom of the right sidebar and click on it. 

 
3. Past the .js snippet right before the </body> tab.  (Remember, in all html documents you will have <body> and </body>. You need to paste the code before the "Closing" body tag (</body>). 
 
 
IMPORTANT: Remember there are various layouts available for weebly website pages, so it's best to go through all of them. In this case, we added the snippet to the tall header, the short header, the no header, the landing and the splash. (Because those were the options available under PAGE LAYOUTS).
Have more questions? Submit a request

Ask here, we will answer ASAP.

We prioritize answering community questions over individual support tickets.

Powered by Zendesk