Panoramica #
Utilizzando le Raccomandazioni di Clerk.io, è possibile aggiungere banner completamente automatizzati che migliorano la scoperta delle pagine di contenuto per i clienti.
Grazie a diverse logiche che possono essere utilizzate direttamente sulle Pagine dei contenuti, o attraverso altre pagine come le categorie e le pagine dei prodotti, è possibile garantire che i clienti trovino blog e articoli correlati a ciò che stanno visualizzando.
Questo articolo descrive i passaggi per impostare i banner delle Pagine dei contenuti:
Sincronizzazione delle pagine con Clerk.io
Creare e modificare un progetto
Configurazione del banner dei contenuti
Inserimento dello snippet del banner
Sincronizzazione delle pagine su Clerk.io #
Prima di continuare, assicuratevi di aver effettuato la sincronizzazione di Pages con Clerk.io.
È possibile verificarlo facilmente in my.clerk.io alla voce Data -> Pages..
Se si vedono le pagine in my.clerk.io, si può continuare con il passo successivo.
Se non si stanno già inviando pagine, fare una delle seguenti operazioni:
Se si utilizza una delle nostre piattaforme Plug&Play, assicurarsi di avere la versione più recente dell’estensione/plugin. Da https://help.clerk.io è possibile trovare raccolte di articoli per la propria piattaforma, tra cui le modalità di aggiornamento.
Se si utilizza una integrazione di piattaforma personalizzata (cioè una piattaforma diversa da quella che si può trovare al link sopra indicato), assicurarsi di includere “pages” nel proprio feed di dati.
Creazione e modifica di un progetto #
In my.clerk.io, procedere come segue:
1. Andare su Raccomandazioni -> Disegni
2. Fare clic su Nuovo design nell’angolo in alto a destra.
3. Sotto Template, scegliere Page Slider - Editable in the Design Editor.
4. Assegnare un nome al progetto e fare clic su Crea progetto.
5. Utilizzare l’Editor di design per modificare qualsiasi parte del design o lasciarlo semplicemente così com’è. Se volete avere ancora più controllo, potete scegliere Modifica codice per lavorare con il design attraverso HTML, CSS e il linguaggio di template Liquid.
6. Al termine, fare clic su Salva progetto.
Configurazione del banner dei contenuti #
In my.clerk.io, procedere come segue:
1. Andare su Raccomandazioni -> Contenuto e fare clic su Nuovo contenuto.
2. Assegnare un nome al contenuto e fare clic su Crea contenuto.
3. In Scegliere la logica del prodotto , scorrere fino in fondo. Qui si trovano i vari tipi di Raccomandazioni di pagine di contenuto.
Attualmente sono disponibili questi tipi:
Migliori alternative di pagina - Da utilizzare su pagine di articoli/blog. Mostra articoli simili a quello che si sta leggendo
Pagine correlate a un prodotto- Da utilizzare per le pagine di prodotti. Mostra gli articoli relativi al prodotto visualizzato
Pagine relative a una categoria - Da usare nelle pagine di categoria. Mostra gli articoli relativi alla categoria visualizzata.
Prodotti correlati a una pagina - Da utilizzare nelle pagine di articoli/blog. Mostra i prodotti correlati all’articolo che si sta leggendo. Questo tipo funziona meglio con un normale design di prodotto che mostra anche i prezzi.
Categorie correlate a una pagina**- Da utilizzare nelle pagine di articoli/blog. Mostra le categorie correlate all’articolo che si sta leggendo.
4. Selezionare la logica che si desidera utilizzare.
5. In Seleziona progetto , scegliere la quantità di elementi che si desidera mostrare nel banner e selezionare il progetto creato al punto 2.
6. Fare clic su Aggiornamento del contenuto in fondo alla pagina.
Inserimento del codice embed #
A questo punto è sufficiente includere il codice embed nel file in cui si desidera mostrare le raccomandazioni. Deve essere configurato per ottenere le informazioni necessarie.
Alla voce Inserisci nel sito web troverete il codice.
Si noti che contiene data-page, data-category o data-products, che indicano che è necessario un ID per mostrare le raccomandazioni.
Il tipo di dati necessari dipende dal tipo.
Per le pagine relative a un prodotto/categoria è possibile scegliere una delle piattaforme Plug&Play dal menu a tendina Scegli la piattaforma e il codice verrà configurato automaticamente.
Per i tipi rimanenti o se si utilizza una piattaforma personalizzata, è necessario inserire un codice breve che inserisca l’ID necessario.
Questo vi permetterà di inserire il codice in un file template generale del vostro negozio web e di mostrare così le raccomandazioni su tutte le pagine.
Un esempio da Shopify:
<span class="clerk"
data-template="@similar-to-article"
data-page="{{ page.id }}"
></span>
In alternativa, è possibile inserire manualmente l’ID di una pagina nel codice e inserirlo in una pagina articolo specifica tramite l’HTML:
<span class="clerk"
data-template="@similar-to-article"
data-page="1234"
></span>