How to launch your widget
Let’s take the example from above. To launch the Chaty widget with a JavaScript function, add an image of your choice. This image will serve as your custom ”button” that visitors will click to close the Chaty widget. Click on the image you just uploaded, then click on “More options” and select “Edit as HTML” button to see the image HTML code. This is where you need to add the JavaScript function. Then, you need to add this(without the quotes):
“<a href=”javascript:launch_chaty();”><img src=”https://path-to-your-image.com/image.png”></a>”
You can also use this code with a number inside the brackets, e.g. (1), (2) if you have more than one widget in that page.
The image you uploaded will then act as a custom ”button” and when your visitors click on it, the discount code widget will launch for them. In the end, it should look something like this on your website:
How to close your widget
To close the Chaty widget with a JavaScript function, add an image of your choice, just like in the above example. This image will serve as your custom ”button” that visitors will click to close the Chaty widget. Click on the image you just uploaded, then click on “More options” and select “Edit as HTML” button to see the image HTML code. This is where you need to add the JavaScript function. You need to add this(without the quotes):
“javascript:close_chaty(1);” right before the image tag (the image tag will already be there when you upload a picture).
Still have questions? Ping us at our Facebook group, and we’d love to help out!