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
1. When inside the ContactUs.com Dashboard, navigate to the Form Settings
2. Once you are in the Form Settings panel, create a new chat form. You can find that button on the drop-down menu on the upper right corner of the ContactUs.com admin panel.
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 Form Settings button on the left sidebar again. And when the Form Settings panel opens, look for your form and click on the GET CODE button.
5. When you click on the GET CODE button, a pop out box appears, there are different snippets, for different purposes, you can explore other options and see how they fit in your website. For now we will stick to the default javascript snippet.
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>).
Remember there are various layouts available for weebly website pages, so its 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 where the options available under PAGE LAYOUTS).