Embed Feature

Talesh

• January 16, 2025 22:05
• Edited

Hello, I am trying to embed a WhatsApp booking form on a link. The issue I am having is when you click on the link on mobile, it takes over the whole screen and doesnt give the user an option to click out or click away or cancel. Is there a better way to do this, or  to reduce the size of the screen. Please advise.

https://bug4e345e60.brizy.site/

Click Contact Us in Header

This is the code.

<script defer data-active  data-widget-type="group"
                        data-person="f953f81c-02fc-4304-b738-84a49b8e5b90" src="https://widget.tochat.be/bundle.js?key=c509c436-e114-4753-92bb-09a0ab778fa9"></script><div data-active
                        id="whatapp-people-widget"></div>
                    
            

0

• 

  Ariel H.

  • January 17, 2025 13:28

  Hi Talesh,

  Thank you for reaching out. We’ve noticed that this issue often occurs on iOS devices.

  Please try adding the following CSS in CMS -> Project Settings -> Code -> Custom CSS:

  body{
          touch-action: manipulation;
  }
  
  /* Prevent zoom */
  select, input, textarea {
    font-size: 16px !important;
  }

  
  If you have any further questions, please let us know.

  Best regards,
  Ariel H.

  0
• 

  Talesh

  • January 18, 2025 11:47

  Further testing shows the WhatsApp embed code working in header menu (see Book Now link) but not on any other button for the rest of the page. Same code, two buttons, only the one in header works.

  https://bug4e345e60.brizy.site/

  0
• 

  Talesh

  • January 18, 2025 12:20

  Not comparing, but the same code works perfect on swipe. (check whatsapp button) we would like to use brizy so we would like this to work.

  https://lacrosse.swipepages.net/

  0
• 

  KC George

  • January 20, 2025 12:57

  Hello Talesh,

  I need some help in understanding the issue you are facing. As I understand, 

  • The Embed code added to the CMS - Project Settings - Code - Code Injection> Header displays the "Book Now" button at the bottom right corner
  • The code you have added to the popup linked to "Book Now" button in the header has one extra line of code compared to the code added under Project Settings
  • Since the codes look a bit different, its behavior also can be different. Hence unable to understand what you mean by "WhatsApp embed code working in header menu (see Book Now link) but not on any other button for the rest of the page" Can you elaborate?  
  • When clicking on the "Book Now" button at the bottom right corner of both https://lacrosse.swipepages.net/ and https://bug4e345e60.brizy.site/ I see the same behavior. Can you elaborate your statement "Not comparing, but the same code works perfect on swipe"? What is the difference you have observed when clicking on the "Book Now" buttons on these two websites?

  0
• 

  Talesh

  • January 20, 2025 13:27

  Thank you for answering. I am not referring to the widget at the bottom right. I removed it, so it can be clear.

  I am referring to the button in the header and in hero section. Header button works, hero button does not work. Same code embedded in popup. Not sure why it doesnt work.

  https://bug4e345e60.brizy.site/

  

   

   

  0
• 

  KC George

  • January 20, 2025 15:20

  Hello Talesh,

  Certain chat widgets are designed to be embedded only once per page. Kindly check with Tochat.be if their widgets can be embedded more than once on a page.

  0
• 

  Talesh

  • January 20, 2025 16:26

  Ok thanks for that. Will check.

  0

Please sign in to leave a comment.