![](https://i.imgur.com/s7Z6zBB.png) # How-To: Apply Rake Live Chat Widget to a Wix website >These instructions assume you have a PAID Wix website account. Wix DOES NOT permit javascript code to be executed on FREE website plans. **This document is provided for Rake Workspace administrators and provides instructions and best practices for implementing the Rake Live Chat Widget onto a paid Wix website account.** You will first need to get your Rake Live Chat Widget's javascript code snippet. ## What is the widget javascript code snippet? Your widget's javascript code tells the website what Rake Live Chat Configuration to display (colors, branding, and styles) and what Rake Workspace to route your incoming messages. This javascript code is autogenerated by the Rake system, each widget configuration has a unique code. It will look something like this... ``` *** EXAMPLE - NOT FOR ACTUAL USE *** <!-- Start of Rake Live Chat Widget --> <script src="https://widget.rake.ai/js/widget.js" type="text/javascript"></script> <script> var widget = new RakeLiveChatWidget("wwc_123456_example1234");</script> <!-- End of Rake Live Chat Widget --> ``` ## Let's get your Rake Live Chat widget code. Login to your Rake Workspace with an **administrator** level account. Then, navigate on the left side panel and Select the **Workspace Editor** page. Then, choose “**Live Chat Widgets**” from the inner menu. Follow these steps: - Select your sites widget configuration in the list - On the configuration blade, click “**SHOW CODE**”. - Use the "**Copy to clipboard**" button to copy it. >### IMPORTANT: Allowed Domains: >For security purposes, a widget will only launch on domains you specified. While on the widget configurations blade (from above), you can edit the domain(s). If you need an additional domain please contact Rake Support: support@rake.ai ## Now, let's put the javascript code on our Wix website: ![](https://i.imgur.com/RfWQK1C.png) Alright, you have your javascript copied. Now, let's head over to the Wix site editor for your site. Follow these steps: - Log in to your Wix account. - Click on **Manage & Edit** site. - Scroll down the left-hand panel and click on **Tracking & Analytics**. - Click on **New Tool**. - Select "**Custom**" - Paste your copied javascript into the box titled ‘Paste the code snippet here’. - Then give the Custom Code a name (e.g. Rake Live Chat). - In the section ‘Add Code to Pages’ select ‘Load code on each new page’ from the dropdown within the ‘All pages’ part. - Choose whether you want the javascript to be placed in the Head, Body-Start, or Body-end. Be sure to choose **"Body - end"** to ensure that the javascript triggers consistently and does not interfere with other page elements loading. - Then click on **Apply**. - **Publish** your site. ## You're almost done, let's test it! Now you just need to test the implementation by visiting the site. Here's some tests we suggest: 1. Does the widget load? 2. Is it positioned where you want it? 3. Do messages send to the Rake apps? Try sending one to yourself. >For instructions on editing the widget configuration, such as location on page, colors, and branding check [HERE](https://). ### All good? Now you are done! --- Questions? Need Help? For complimentary assistance, please contact us anytime at 1-855-423-6736. Or visit www.rake.ai/contact to start a live chat or schedule a call and we’ll call you.