nativeIntercom.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Native Intercom Integration</title>

<script>
  window.intercomSettings = {
    api_base: "https://api-iam.intercom.io",
    app_id: "rtrxe81v",
    //user_id: "1234", // IMPORTANT: Replace "user.id" with the variable you use to capture the user's ID
   //name: "Priscila G", // IMPORTANT: Replace "user.name" with the variable you use to capture the user's name
    //email: "priscila@gmail.com", // IMPORTANT: Replace "user.email" with the variable you use to capture the user's email address
    custom_launcher_selector:'.uala-chat-support',
   //created_at: user.createdAt, // IMPORTANT: Replace "user.createdAt" with the variable you use to capture the user's sign-up date
  };
</script>


<script>
  // We pre-filled your app ID in the widget URL: 'https://widget.intercom.io/widget/rtrxe81v'
  (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/rtrxe81v';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
</script>
</head>
<body>
  <h1>Intercom Integration Test Page</h1>
  <p>This is a sample page for testing Native Intercom integration</p>

  <button class="uala-chat-support">Contact Chat (before intercom init)</button>

<button class="uala-chat-support">Contact Chat 2 (before intercom init)</button>

<button id="add-new-button" style="background-color: orange; font-weight: 900;">Add another Chat Button</button>

  

</body>
</html>