What are the functionalities of the Atom Web Plugin?
Adding the Atom Web Plugin to your website will allow you to configure the following functionalities:
Sending the URL of the current page in your redirection links to WhatsApp.
Support for events with Facebook Pixel and Google Analytics in the Web Plugin.
Sending personalized messages to the Web Plugin when the user interacts with elements of your website.
Below we will show you the step-by-step to add these features to your website.
Sending the URL of the current page in your redirection links to WhatsApp
Suppose that on your website you have the following redirection link to WhatsApp:
By clicking on the link, you will be redirected to WhatsApp and you can send the message "Hello" to the number 50766617374.
If you want the URL of that page to appear in the message that is sent to WhatsApp, you only need to include the text #page.url in the text parameter, as follows:
If the URL of your page is https://atomchat.io/, when you click on the link, you will be redirected to WhatsApp and you can send the following message:
Hello https://atomchat.io/
For the following two functionalities that we will explain below, you must paste the following code right after the tag
on your web page:
It is important to mention that you can only include this code once per html document. In our explanation, we will call this code Script 1.
Support for events with Facebook Pixel and Google Analytics in the Web Plugin
With this functionality you can trigger events from the Web Plugin to Facebook Pixel and Google Analytics, allowing you, for example, to know how many users decided to continue communication via WhatsApp, how many via Facebook and how many via the Web Plugin.
To add support for events with Facebook Pixel and Google Analytics in the Web Plugin, you must paste the following code after Script 1 on your web page:
Sending personalized messages to the Web Plugin when the user interacts with elements of your website
Suppose that on your website you have the following button:
That said, suppose you want the message "Hello Atom" to be sent to the Web Plugin when the user clicks on the button. In that case, you must paste the following code after the previous button code (after the closing tag ):
Through this code, we are telling the Web Plugin that, when the 'click' event is triggered in the element with the id 'boton1', we want the message "Hello Atom" to be sent.
You can send messages in response to all types of events, in all types of elements, and you can also add the code to as many elements as you want; you just need to make sure to paste the code after the element you want to add the functionality to and that the elementId and the type correspond to that element.