Passaggio 1: Ottieni il codice del pulsante

  1. Nel sito Web Meta developers, vai alla pagina installazione del pulsante.

  2. 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.

  3. Scegliere Layout per il pulsante.

  4. Immetti Width in pixel disponibile sul sito per il pulsante ed eventuali messaggi di testo associati.

  5. Imposta Action Type su uno dei seguenti:

    • Like
    • Recommend
  6. Fare clic su Get Code per copiare il codice generato negli Appunti.

Passaggio 2: Creare un blocco di contenuto

  1. Torna all’amministratore del tuo negozio.

  2. Nella barra laterale Admin, passa a Content > Elements>Blocks.

  3. Nell'angolo superiore destro fare clic su Add New Block.

  4. Immettere un Block Title descrittivo come riferimento interno.

    Esempio: Facebook Like Button.

  5. Assegna un Identifier univoco al blocco, utilizzando tutti i caratteri minuscoli e i caratteri di sottolineatura invece degli spazi.

    Esempio: facebook_like_button.

  6. Se l'istanza di Commerce dispone di più visualizzazioni dello store, scegliere ogni Store View in cui il blocco sarà disponibile.

  7. 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.

  8. Se il blocco non è pronto per essere attivato, impostare Enable Block su No.

  9. Al termine, fare clic su Save Block.

Passaggio 3: Posizionare il blocco

  1. 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.

  2. Nell'angolo superiore destro fare clic su Add Widget ed eseguire le operazioni seguenti:

    • Adobe Commerce B2B (disponibile solo con Adobe Commerce B2B) Nella sezione Settings, impostare Type su CMS Static Block e fare clic su Continue.

    • Verificare che Design Theme sia impostato sul tema corrente.

    • Fare clic su Continue.

  3. 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.

  4. 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.

  5. Nel pannello a sinistra, scegli Widget Options.

  6. Fare clic su Select Block… e scegliere il blocco che si desidera inserire.

  7. Al termine, fare clic su Save.

  8. 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.