Support » Plugin: Facebook Chat Plugin - Live Chat Plugin for WordPress » how to stop messenger icon from pop up on every page

  • Hi

    Is there a way to stop the messenger icon from popping up on every page? is there code we can use to allow it to pop up on the home page and then go back in its bubble once the user migrates through the site.

    The page I need help with: [log in to see the link]

Viewing 13 replies - 1 through 13 (of 13 total)
  • add this in the code snippet just before the “>”


    Does not work

    you need to replace the double-quotes with single-quotes.

    Works with the latest WP version, just tested it seconds ago


    @hardyzbest That worked fine. Thanks

    How does this work for the wordpress plugin though? On mine you have the code in the plugin settings and you can set it to Enabled or Disabled, there’s no ‘per page’ options.

    Adding the ‘hide’ code just hides the Messenger button on every page.

    As @gareth401 mentions – using the hide code makes the button disappear completely. As this seems to be a site wide plugin… is there a way to make it only work on one page or should I use a different plugin?

    Hey, I found out that the changes in code can be invisible because if the site cache. Clean it and retest. Finally worked for me

    @craiggilman did you find an answer for enabling the chatbot only on specific pages of your site?

    can you help, where exactly is this code need to be placed?
    i see not placeholder for inserting custom code



    I’m not sure if wordpress has its own built-in ability to add custom css on certain pages, but if you get a page builder plugin such as WP Bakery PageBuilder or BeaverBuilder, you’ll be able to do that. I use Beaver Builder and on my site i was able to insert this css on the page, and it works:

    @media screen and (min-width: 320px) { iframe { display:none; }}

    The only downside of this is it will also hide anything that is embedded as an iframe, such as a Youtube video….

    Add this code to your CSS

    .fb_dialog_content {
    background: #fff;
    color: #373737;
    display: none;
    .fb_customer_chat_bubble_animated_no_badge {
    box-shadow: initial;
    transition: box-shadow 150ms linear;

    .fb_customer_chat_bubble_animated_no_badge {
    box-shadow: 0 0 0 rgba(0, 0, 0, .15) !Important;
    transition: box-shadow 150ms linear;

    This worked for me to hide it on Posts, the Blog page, and one other page targeted by the page id. Add it to your Additional CSS section in the Customiser.

    .single-post #fb-root {
    display: none;
    .blog #fb-root {
    display: none;
    .page-id-165 #fb-root {
    display: none;

    Honestly it’s quite weak to hide the Messenger button via CSS.
    I found this way for display Messenger only on product pages:

    add_filter( 'option_fbmcc_pageID', 'du_hide_facebook_chat', 1000, 2 );
    function du_hide_facebook_chat( $value, $name )
    	global $post;
    	if( $post->post_type === 'product' )
    		return $value;
    	return '';

    Obviously it could be expanded with conditions that better reflect your needs.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘how to stop messenger icon from pop up on every page’ is closed to new replies.