Weird white space at bottom of page and FB messenger prompts

  • Resolved Joy

    (@lennylicious)


    4 years, 6 months ago

    Hi,

    I wrote an email to your support team a while ago but never got a reply. I hope that someone will be able to assist me with these issues.

    I’ve installed Buttonizer and I really like the tool. However I am seeing the following issues:-

    1) When I have Buttonizer on, it adds an additional “line” of white space at the bottom of every page. If I deactivate the plugin, I don’t see the white space anymore.

    2) The Facebook messenger pops up with the welcome message on every page I visit. It is rather annoying. I think it should only pop up when the user wants to chat, or it should at least display just once and that’s it.

    Please see screenshot here: https://prnt.sc/sksz3u

    Please advise. Thank you in advance.

    Cheers,
    E

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Buttonizer

    (@buttonizer)

    Hi @lennylicious ,

    Thank you for reaching out. We have actually replied to your email on: May 4th 2020 9:20 PM (Dutch Timezone). Have you checked your SPAM folder?

    1) It seemed like that it’s the Facebook ‘root’ element that you see. You should be able to hide the white space by adding the following CSS to your website:

    
#fb-root {
   height: 0;
}

    2) That should be a Facebook setting on your Facebook page. You can disable that behaviour in your Page Settings (if I am correct)

    Let us know if this helps!

    • This reply was modified 4 years, 6 months ago by Buttonizer.
    Thread Starter Joy

    (@lennylicious)

    Hi there,

    Thanks for your reply. No, I did not receive anything from you, I’ve checked in the Spam folder as well.

    1) Thank you, the CSS you recommended has solved the problem.

    2) I think this issue is a little bit trickier. There is nowhere on the Page/Message Settings in Facebook that allows me to disable this popup message – I think it’s called the greeting message? There is however, a code on the FB website suggesting that the “greeting_dialog_display” attribute can be used to control the behaviour of the greeting message. However, I have tried adding this code after the <body> tag but it didn’t work, so I am not sure if it’s because there’s something that needs to be changed on the Buttonizer side as well?

    <!– Your Chat Plugin code –>
    <div class=”fb-customerchat”
    attribution=setup_tool
    page_id=”XXXXXXXXXXXXXXX”
    greeting_dialog_display=”hide”>
    </div>

    This is the FB documentation I referred to: https://developers.facebook.com/docs/messenger-platform/reference/web-plugins/#customer_chat

    Could you please advise?

    Thank you,
    E

    Thread Starter Joy

    (@lennylicious)

    Hi there,

    Sorry, I would like to add on top of my previous message.

    1) While issue #1 was fixed on desktop with your CSS code, the issue still occurs on mobile.

    2) Issue #2 occurs only on mobile, on desktop it seems to be working fine.

    Plugin Author Buttonizer

    (@buttonizer)

    Hi @lennylicious ,

    Thanks for the update!

    Thanks for your reply. No, I did not receive anything from you, I’ve checked in the Spam folder as well.

    That is weird, we have responded to the email where the ticket came from (the admin email).

    However,

    1) I’m glad to hear it has solved the issue for desktop! I have just checked your website on my phone and I don’t see any white spaces. It may be your browser cache on mobile.

    2) Oh, that’s unfortunate. That seems to be something that they have changed then…

    We’ll add this issue to our feature/buglist and make sure to add a toggle to the Facebook Messager button action in a future version of Buttonizer to disable that dialog.

    I will do a follow-up as soon we have released a new version with a solution for your problem. I do not have a release date unfortunately.

    If you have any other questions, let me know!

    Thread Starter Joy

    (@lennylicious)

    Hello there,

    Thanks so much for your reply.

    1) For issue #1, I did this and it worked. For some reason, just height:0 didn’t seem to work on some browsers no matter how many times I’ve cleared the cache. I hope that by adding the overflow: hidden code, that I do not mess things up. Please advise if it will.

    #fb-root {height:0; overflow: hidden;}

    2) For issue #2, I’m not sure if it’s something you guys did, but the issue doesn’t seem to be happening anymore. The annoying pop up does not display anymore… (*touch wood*) so it seems like the problem has been resolved.

    Thanks so much again, and stay safe!

    Cheers,
    E

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Weird white space at bottom of page and FB messenger prompts’ is closed to new replies.