Posizione Chatbox Messenger/Facebook 
Autore: Fabio B.Ciao a tutti,
avevo inserito (poi rimosso) il plugin Messenger nella sezione Expert della Home del mio sito www.osteopathfabio.com.
Da default la posizione è in basso a destra. Parlando di HTML, è possibile cambiarla semplicemente, inserendo un comando relativo. Preferirei a sinistra.
Questo è il codice che genera Facebook Page:
<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
xfbml : true,
version : 'v7.0'
});
};
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk/xfbml.customerchat.js'
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- Your Chat Plugin code -->
<div class="fb-customerchat"
attribution=setup_tool
page_id="569844576436990"
logged_in_greeting="Hi! How can I help you?"
logged_out_greeting="Hi! How can I help you?">
</div>
Grazie per le eventuali risposte
Fabio
... non ci sono riferimenti allo stile ...
... piazza il codice in modo corretto secondo le istruzioni, avvisa quando hai fatto, e poi si vedrà...
.
Scegli la pagina che vuoi posizionare, vai su Proprietà, Avanzate e posizionala dove dice Dopo aver aperto il tag BODY
Autore
Grazie per le risposte,
il codice lo avevo già inserito in modo corretto, ma l'ho dovuto rimuovere poichè l'icona appare a destra sovrapponendosi allo Scroll-to-top button già presente.
In sostanza vorrei capire se c'è un modo, nel codice o meno, per far apparire l'icona di messenger a sinistra anzichè destra, così da non sovrapporsi.
Ho trovato questi suggerimenti (https://stackoverflow.com/questions/54557444/facebook-customer-chat-messenger-positioning) ma non sono sicuro dove doverli inserire. Sempre nel tag BODY delle proprietà pagina? E' un codice CCS, che non saprei come integrare al plug-in....
Vi ringrazion per l'eventuale aiuto
... da parte mia, quando avrai inserito il tuo codice, anche se sovrapposto, poi si vedrà l'eventuale e se possibile da farsi, ...e nel caso quando fatto avvisami e con il LINK della pagina...
.
Autore
Appena fatto, ed è online: www.osteopathfabio.com
L'ho inserito solo nella home per ora, e difatti si sovrappone precisamente al scroll-to-top button
Avevo pensato di spostare eventualmente il pulsante scroll-to-top a sinistra (anche se preferirei Messenger a sx), ma ho visto che non c'è una funzione preposta.
Attendo tue
Grazie ancora KolAsim
... solo x pulsante
a sinistra:
<style> .fb_dialog { left: 50px !important} </style>
... sia x pulsante che box a sinistra:
<style> .fb_dialog , .fb_customer_chat_bounce_in_v2{ left: 50px !important} </style>
.
ciao
Autore
Domanda veloce (vedi allegato): il codice del plugin è nella sezione "After opening the BODY tag", devo inserire questo tuo al di sotto? Cioè dopo </div>...
o altrove?
Grazie
... per una singola pagina incollare il codice qui:
> Passo 3 - Mappa > Finestra Proprietà Pagina > Le opzioni della Sezione Esperto | ▪Codice personalizzato: > (3°) - Prima della chiusura del tag HEAD.
... per tutte le pagine incollare il codice qui:
> Passo 1 - Impostazioni > Sezione Avanzate > Statistiche e Codice > I comandi della Sezione Codice | ▪Codice personalizzato: > (3°) - Prima della chiusura del tag HEAD.
.
Autore
Perfetto come sempre!
Grazie KolAsim
... OK, ...ho visto, ... funziona... bye