Passaggio 1: Ottieni il codice del pulsante
-
Nel sito Web Meta developers, vai alla pagina installazione del pulsante.
-
Per URL to Like, immetti l'URL della pagina nello store che desideri che le persone Mi piace.
Ad esempio, puoi immettere l’URL della home page del tuo negozio.
-
Scegliere Layout per il pulsante.
-
Immetti Width in pixel disponibile sul sito per il pulsante ed eventuali messaggi di testo associati.
-
Imposta Action Type su uno dei seguenti:
Like
Recommend
-
Fare clic su Get Code per copiare il codice generato negli Appunti.
Passaggio 2: Creare un blocco di contenuto
-
Torna all’amministratore del tuo negozio.
-
Nella barra laterale Admin, passa a Content > Elements>Blocks.
-
Nell'angolo superiore destro fare clic su Add New Block.
-
Immettere un Block Title descrittivo come riferimento interno.
Esempio:
Facebook Like Button
. -
Assegna un Identifier univoco al blocco, utilizzando tutti i caratteri minuscoli e i caratteri di sottolineatura invece degli spazi.
Esempio:
facebook_like_button
. -
Se l'istanza di Commerce dispone di più visualizzazioni dello store, scegliere ogni Store View in cui il blocco sarà disponibile.
-
Aggiungi lo snippet di codice al contenuto del blocco, a seconda dello strumento di contenuto:
-
Quando utilizzi Page Builder, aggiungi un blocco HTML Code nell'area di visualizzazione e incolla lo snippet di codice copiato dal sito Facebook. In caso contrario, incollare il frammento di codice nella casella Content.
-
Con l'editor, incollare il frammento di codice copiato dal sito Facebook nella casella Content.
-
-
Se il blocco non è pronto per essere attivato, impostare Enable Block su
No
. -
Al termine, fare clic su Save Block.
Passaggio 3: Posizionare il blocco
-
Aggiungi il blocco, a seconda dello strumento di contenuto:
-
Quando utilizzi Page Builder, segui le istruzioni per aggiungere il blocco all'area di visualizzazione.
-
Nella barra laterale Admin, passa a Content > Elements>Widgets.
-
-
Nell'angolo superiore destro fare clic su Add Widget ed eseguire le operazioni seguenti:
-
CMS Static Block
e fare clic su Continue. -
Verificare che Design Theme sia impostato sul tema corrente.
-
Fare clic su Continue.
-
-
Nella sezione Storefront Properties eseguire le operazioni seguenti:
-
Per Widget Title, immettere un titolo per riferimento interno.
-
Impostare Assign to Store Views su
All Store Views
o sulla visualizzazione in cui si desidera rendere disponibile l'app. Per selezionare più viste, tenere premuto il tasto Ctrl (PC) o Comando (Mac) e fare clic su ciascuna opzione. -
Immettere un numero nel campo Sort Order per determinare l'ordine del blocco, se assegnato per essere visualizzato nella stessa posizione sulla pagina degli altri elementi di contenuto. La posizione superiore è zero.
-
-
Nella sezione Layout Updates, fare clic su Add Layout Update e impostare Display On sulla categoria, il prodotto o la pagina in cui si desidera visualizzare il blocco.
Se ad esempio si sceglie
All Pages
e si posiziona il blocco nell'intestazione o nel piè di pagina, il blocco verrà visualizzato nello stesso punto in ogni pagina dell'archivio.Per posizionare il blocco su una pagina specifica, eseguire le operazioni seguenti:
-
Impostare Display On su
Specified Page
e selezionare Page dove si desidera visualizzare il blocco. -
Scegli Block Reference per identificare il punto nella pagina in cui deve essere inserito il blocco.
-
Accettare l'impostazione predefinita per Template, impostata su
CMS Static Block Default Template
. -
Fare clic su Save and Continue Edit.
-
-
Nel pannello a sinistra, scegli Widget Options.
-
Fare clic su Select Block… e scegliere il blocco che si desidera inserire.
-
Al termine, fare clic su Save.
-
Quando richiesto, segui le istruzioni nella parte superiore dell’area di lavoro per aggiornare l’indice e la cache delle pagine.
Il widget viene ora visualizzato nell'elenco Widgets.