How do I uninstall Facebook Messenger from my website?

Hiya,

I used to have the facebook messenger app on the bottom right corner of the website so customers could chat with us directly. We’ve recently switched to Shopify Inbox which is great. I uninstalled the Facebook Messenger app but the icon is still bottom right behind the Shopify Inbox icon.

I’ve spent the last 4.5 hours searching the web for a solution but it seems “contact the developer” is the only option… the app has since been removed from Shopify App store so I cannot contact support. The app was called “Messenger”. I noticed that on mobile another chat app appears in the background (from a long time ago when I was experimenting with different apps). So if anyone could tell me what part of the code I need to delete to remove these would be fantastic.

Website is: aquasport.co.nz

Hi @aquasportnz

I am not sure 100% because only analyzing the frontend I can’t be sure where and how the FB Chat code is added.

Any Shopify Developer can fix that easily, but if you’d like to try yourself you should start your research by opening the file theme.liquid and analyze the code at the bottom.

Before the tag


Do you see any text in the previous lines that contains some references to Facebook or FB?

Hi,

Apologies for delay in replying - yes I’ve checked and there is no reference to ‘Facebook’ or ‘FB’ - I’ve looked through the whole code for theme.liquid and also did a CTRL+F search just to be sure.

Is there anywhere else it could be?

Here is the code:

{%- render 'layouthub_header' -%} {% include 'kiwiSizing' %}

{% if settings.favicon %}

{% endif %} {{ page_title }}{% if current_tags %}{% assign meta_tags = current_tags | join: ', ' %} – {{ 'general.meta.tags' | t: tags: meta_tags }}{% endif %}{% if current_page != 1 %} – {{ 'general.meta.page' | t: page: current_page }}{% endif %}{% unless page_title contains shop.name %} – {{ shop.name }}{% endunless %}

{% if page_description %}

{% endif %}

{% include ‘social-meta-tags’ %}

{{ ‘timber.scss.css’ | asset_url | stylesheet_tag }}
{{ ‘theme.scss.css’ | asset_url | stylesheet_tag }}

{{ ‘jquery-2.2.3.min.js’ | asset_url | script_tag }}

{{ content_for_header }}

{{ ‘modernizr.min.js’ | asset_url | script_tag }}

{% comment %}
If you store has customer accounts disabled, you can remove the following JS file
{% endcomment %}
{% if request.page_type contains ‘customers/’ %}
{{ ‘shopify_common.js’ | shopify_asset_url | script_tag }}
{% endif %}

{% include ‘judgeme_core’ %}

{% include ‘pagefly-header’ %}
{% include ‘booster-common’ %}

{% comment %}
Add the page template as a class for easy page or template specific styling.
{% endcomment %}

{% section ‘header’ %}

{{ 'cart.general.title' | t }}
{{ 'cart.general.close_cart' | t }}
{% unless request.page_type == "index" %}
{% endunless %} {{ content_for_layout }} {% unless request.page_type == "index" %}
{% endunless %}

{% section ‘footer’ %}

{% comment %}
Template-specific js
{% endcomment %}

{% comment %}
Ajaxify your cart with this plugin.
Documentation:

{% if request.page_type == ‘product’ or request.page_type == ‘index’ %}

{% endif %}

{% include 'search-bar', search_btn_style: 'btn', search_bar_location: 'search-bar--modal' %}
  • {{ 'general.accessibility.refresh_page' | t }}
  • {{ 'general.accessibility.selection_help' | t }}
  • {{ 'home_page.slideshow.navigation_instructions' | t }}
{{ '//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/booster-page-speed-optimizer.js?23' | script_tag }} {%- render 'layouthub_footer' -%}

I am not an expert. However, I have also been having an issue with the Facebook messenger chat button.

I had tried uninstalling the app, but I wasn’t able to find a way to get rid of the messenger without removing the Facebook connection to my store. I was able to find an article from “Meta for developers” here.

In the article it gives a bit of code that will help hide the chat plug in:

FB.CustomerChat.hide();

It worked for my problem. It may work for yours too. :crossed_fingers: **I am not an expert though, so be careful before altering code if you don’t know what you are doing.