Help uninstalling Facebook Messenger

aquasportnz
Visitor
3 0 0

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

 

Replies 4 (4)

drakedev
Shopify Partner
685 148 230

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

</body>

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

If my answer was helpful click Like to say thanks
If the problem is solved remember to click Accept Solution
Shopify/Shopify Plus custom development: You can hire me for simple and/or complex tasks.
aquasportnz
Visitor
3 0 0

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?

aquasportnz
Visitor
3 0 0

Here is the code:

 

<!doctype html>
<html class="no-js" lang="{{ shop.locale }}">
<head>
<meta name="facebook-domain-verification" content="lo3uewo6sfmavrlkr1kyxi91wcy26b" />
{%- render 'layouthub_header' -%}
{% include 'kiwiSizing' %}

<!-- Basic page needs ================================================== -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

{% if settings.favicon %}
<link rel="shortcut icon" href="{{ settings.favicon | img_url: '32x32' }}" type="image/png" />
{% endif %}

<!-- Title and description ================================================== -->
<title>
{{ page_title }}{% if current_tags %}{% assign meta_tags = current_tags | join: ', ' %} &ndash; {{ 'general.meta.tags' | t: tags: meta_tags }}{% endif %}{% if current_page != 1 %} &ndash; {{ 'general.meta.page' | t: page: current_page }}{% endif %}{% unless page_title contains shop.name %} &ndash; {{ shop.name }}{% endunless %}
</title>

{% if page_description %}
<meta name="description" content="{{ page_description | escape }}">
{% endif %}

<!-- Helpers ================================================== -->
{% include 'social-meta-tags' %}
<link rel="canonical" href="{{ canonical_url }}">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<meta name="theme-color" content="{{ settings.color_primary }}">

<!-- CSS ================================================== -->
{{ 'timber.scss.css' | asset_url | stylesheet_tag }}
{{ 'theme.scss.css' | asset_url | stylesheet_tag }}

<!-- Sections ================================================== -->
<script>
window.theme = window.theme || {};
theme.strings = {
zoomClose: {{ "products.zoom.close" | t | json }},
zoomPrev: {{ "products.zoom.prev" | t | json }},
zoomNext: {{ "products.zoom.next" | t | json }},
moneyFormat: {{ shop.money_format | json }},
addressError: {{ 'home_page.map.address_error' | t | json }},
addressNoResults: {{ 'home_page.map.address_no_results' | t | json }},
addressQueryLimit: {{ 'home_page.map.address_query_limit_html' | t | json }},
authError: {{ 'home_page.map.auth_error_html' | t | json }},
cartEmpty: {{ 'cart.general.empty' | t | json }},
cartCookie: {{ 'cart.general.cookies_required' | t | json }},
cartSavings: {{ 'cart.general.savings_html' | t: savings: '[savings]' | json }}
};
theme.settings = {
cartType: {{ settings.cart_type | json }},
gridType: {{ settings.collection_products_grid | json }}
};
</script>

{{ 'jquery-2.2.3.min.js' | asset_url | script_tag }}

<script src="{{ 'lazysizes.min.js' | asset_url }}" async="async"></script>

<script src="{{ 'theme.js' | asset_url }}" defer="defer"></script>

<!-- Header hook for plugins ================================================== -->
{{ 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 %}
<meta name="google-site-verification" content="Sx-_sxltXigUD-jowTgVtlkarnxmK7KcIqD2JeC7As8" />

{% include 'judgeme_core' %}

{% include 'pagefly-header' %}
{% include 'booster-common' %}
</head>

{% comment %}
Add the page template as a class for easy page or template specific styling.
{% endcomment %}
<body id="{{ page_title | handle }}" class="{% if customer %}customer-logged-in {% endif %}template-{{ request.page_type | handle }}">

{% section 'header' %}

<div id="CartDrawer" class="drawer drawer--right drawer--has-fixed-footer">
<div class="drawer__fixed-header">
<div class="drawer__header">
<div class="drawer__title">{{ 'cart.general.title' | t }}</div>
<div class="drawer__close">
<button type="button" class="icon-fallback-text drawer__close-button js-drawer-close">
<span class="icon icon-x" aria-hidden="true"></span>
<span class="fallback-text">{{ 'cart.general.close_cart' | t }}</span>
</button>
</div>
</div>
</div>
<div class="drawer__inner">
<div id="CartContainer" class="drawer__cart"></div>
</div>
</div>

<div id="PageContainer" class="page-container">
<main class="main-content" role="main">
{% unless request.page_type == "index" %}
<div class="wrapper">
{% endunless %}
<!--LayoutHub-Workspace-Start-->{{ content_for_layout }}<!--LayoutHub-Workspace-End-->
{% unless request.page_type == "index" %}
</div>
{% endunless %}
</main>

<hr class="hr--large">

{% section 'footer' %}

</div>

{% comment %}
Template-specific js
{% endcomment %}
<script>
{% if resetPassword %}
$(function() {
timber.initCache();
timber.resetPasswordSuccess();
});
{% endif %}
</script>

{% comment %}
Ajaxify your cart with this plugin.
Documentation:
- http://shopify.com/timber#ajax-cart
{% endcomment %}
{% if settings.cart_type == 'drawer' %}
{% include 'ajax-cart-template' %}
{% endif %}

{% if request.page_type == 'product' or request.page_type == 'index' %}
<script>
// Override default values of shop.strings for each template.
// Alternate product templates can change values of
// add to cart button, sold out, and unavailable states here.
theme.productStrings = {
addToCart: {{ 'products.product.add_to_cart' | t | json }},
soldOut: {{ 'products.product.sold_out' | t | json }},
unavailable: {{ 'products.product.unavailable' | t | json }}
}
</script>
{% endif %}

<div id="SearchModal" class="mfp-hide">
{% include 'search-bar', search_btn_style: 'btn', search_bar_location: 'search-bar--modal' %}
</div>
<ul hidden>
<li id="a11y-refresh-page-message">{{ 'general.accessibility.refresh_page' | t }}</li>
<li id="a11y-selection-message">{{ 'general.accessibility.selection_help' | t }}</li>
<li id="a11y-slideshow-info">{{ 'home_page.slideshow.navigation_instructions' | t }}</li>
</ul>
<script>
jQuery(function() {
jQuery('.swatch :radio').change(function() {
var optionIndex = jQuery(this).closest('.swatch').attr('data-option-index');
var optionValue = jQuery(this).val();
jQuery(this)
.closest('form')
.find('.single-option-selector')
.eq(optionIndex)
.val(optionValue)
.trigger('change');
});
});
</script>
{{ '//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/booster-page-speed-optimizer.js?23' | script_tag }}
{%- render 'layouthub_footer' -%}
</body>
</html>

<!-- Begin Shopify-Afterpay JavaScript Snippet (v1.0.9) -->
<script type="text/javascript">
// Overrides:
// var afterpay_min = 0.04; // As per your Afterpay contract.
// var afterpay_max = 2000.00; // As per your Afterpay contract.
// var afterpay_cbt_enabled = false; // As per your Afterpay contract; change to true to display Cross-Border Trade artwork (for AU/NZ).
// var afterpay_logo_theme = 'colour'; // Can be 'colour', 'black' or 'white'.
// var afterpay_product_selector = '#product-price-selector';
// var afterpay_cart_integration_enabled = true;
// var afterpay_cart_static_selector = '#cart-subtotal-selector';

// Non-editable fields:
var afterpay_shop_currency = {{ shop.currency | json }};
var afterpay_cart_currency = {{ cart.currency.iso_code | json }};
var afterpay_shop_money_format = {{ shop.money_format | json }};
var afterpay_shop_permanent_domain = {{ shop.permanent_domain | json }};
var afterpay_theme_name = {{ theme.name | json }};
var afterpay_product = {{ product | json }};
var afterpay_current_variant = {{ product.selected_or_first_available_variant | json }};
var afterpay_cart_total_price = {{ cart.total_price | json }};
var afterpay_js_snippet_version = '1.0.9';
</script>
<script type="text/javascript" src="https://static.afterpay.com/shopify-afterpay-javascript.js"></script>
<!-- End Shopify-Afterpay JavaScript Snippet (v1.0.9) -->

Atown
Visitor
2 0 0

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. 🤞 **I am not an expert though, so be careful before altering code if you don't know what you are doing.