Check out example codes for "how to add floating whatspp icon". It will help you in understanding the concepts better.

Code Example 1

<script src="" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<!--Floating WhatsApp css-->
<link rel="stylesheet" href="">
<!--Floating WhatsApp javascript-->
<script type="text/javascript" src=""></script>

<!--Div where the WhatsApp will be rendered-->
  <div id="WAButton"></div>

<script type="text/javascript">  
   $(function () {
               phone: '1234567890', //WhatsApp Business phone number
               headerTitle: 'Chat with us on WhatsApp!', //Popup Title
               popupMessage: 'Hello, how can we help you?', //Popup Message
               showPopup: true, //Enables popup display
               buttonImage: '<img src="whatsapp.svg" />',
               position: "right" //Position: left | right

Learn ReactJs, React Native from