add this in the code snippet just before the “>”
greeting_dialog_display=”hide”
you need to replace the double-quotes with single-quotes.
Works with the latest WP version, just tested it seconds ago
greeting_dialog_display=’hide’
>
@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.