Pulsante “Aggiungi al carrello” nel tuo contenuto web

Aggiungi un pulsante ai tuoi contenuti web di Connectif, con il quale i tuoi contatti possano aggiungere un prodotto al carrello direttamente, senza dover visitare la pagina del prodotto, per facilitare gli acquisti sull’eCommerce.


In questo articolo, imparerai come aggiungere un pulsante “Aggiungi al carrello” nei tuoi contenuti web di Connectif.

  

Per inserire un pulsante “Aggiungi al carrello” nel tuo sito, avrai bisogno di un esperto con conoscenze di programmazione che ti assista in alcuni passaggi.

  

Tempo di implementazione: Variabile in base al team tecnico.
Difficoltà: Difficile
Quando utilizzarlo: Quando desideri inserire un pulsante “Aggiungi al carrello” nei tuoi contenuti web.


Prima di iniziare: requisiti preliminari

  • Il tuo team IT dovrà creare un URL (chiamata al backoffice) che consenta di aggiungere il prodotto al carrello.
  • Questo URL deve includere il frammento {{idproducto}}.

Il frammento {{idproducto}}, in formato Variabile in Connectif, si riferisce al prodotto che deve essere inserito nel carrello, identificato tramite il suo ID. In questo modo, l’URL invierà al tuo backoffice una richiesta per aggiungere un prodotto al carrello in base al suo ID.

FASE 1: Creazione del Contenuto Web

1. Nel tuo negozio Connectif, vai su “Contenuti > Contenuto Web” e fai clic su  Crea nuovo contenuto web.

2. Seleziona il tipo di Contenuto Web adatto alla tua strategia.

3. Progetta il tuo contenuto e aggiungi gli elementi desiderati.

 

Se hai bisogno di maggiori informazioni su come modificare il tuo Contenuto Web, puoi trovarle in questo articolo.

4. Aggiungi al tuo contenuto un elemento Prodotti.

Pulsante “Aggiungi al carrello” nel contenuto web - 1-min.png 

5. Accedi alla configurazione dell’elemento Prodotti.

6. Seleziona il template “Prodotto con prezzo”.

7. Nella sezione Personalizza il template per questo contenuto, fai clic su “{{buttonText}}”. Una volta in questa sezione, fai clic su “Altre opzioni > Inserisci/Modifica collegamento”.

Pulsante “Aggiungi al carrello” nel contenuto web- 2-min.png 
8. Nell’area URL inserisci l’URL creato e fai clic su Salva.

Pulsante “Aggiungi al carrello” nel contenuto web- 3-min.png

9. Una volta configurato il tuo Contenuto Web, fai clic su ✔ Salva.

 

FASE 2: Creazione del workflow che mostrerà il Contenuto Web

10. Vai su Workflows e fai clic su  Crea nuovo workflow.

11. Fai clic sulla configurazione del nodo "Inizio" e in Selezione della fonte dati, seleziona come pubblico i contatti esistenti e nuovi della tua lista.

12. Fai clic su Applica.

13. Cerca il nodo di tipo Trigger adatto alla tua strategia, che indichi a Connectif quando mostrare il contenuto.

14. Aggiungilo al tuo workflow e configurarlo.

 

Nel nostro esempio, aggiungeremo un nodo “Alla visita della pagina web”, e lo configureremo affinché il contenuto venga mostrato a tutti gli utenti che visitano il nostro sito.

15. Nella scheda Limitazioni, disattiva la limitazione Disattiva dopo l’attivazione.

Pulsante “Aggiungi al carrello” nel contenuto web - 4-min.png

 

16. Fai clic su Applica.

17. Collega al nodo “Alla visita della pagina web” il nodo “Ottieni prodotti”.

Pulsante “Aggiungi al carrello” nel contenuto web - 5-min.png

18. Nella configurazione del nodo, seleziona il Caso d’uso per configurare quali prodotti dovrà ottenere Connectif da mostrare nel contenuto.

 

Nel nostro esempio useremo il caso d’uso “Prodotti più visitati”.

Pulsante “Aggiungi al carrello” nel contenuto web - 6-min.png

 

 
 

Se hai bisogno di ulteriori informazioni sul nodo “Ottieni prodotti”, consulta questo articolo.

19. Collega al nodo “Ottieni prodotti” un nodo di tipo Azione “Invia contenuto web”.

Pulsante “Aggiungi al carrello” nel contenuto web - 7-min.png

20. Accedi alla configurazione del nodo “Invia contenuto web” e seleziona il contenuto che hai appena creato.

Pulsante “Aggiungi al carrello” nel contenuto web - 8-min.png


21. Nella configurazione del nodo, associa ogni campo del prodotto (colonna a sinistra) alla variabile corrispondente (colonna a destra), come mostrato nell’immagine. 

Pulsante “Aggiungi al carrello” nel contenuto web - 9-min.png

 

22. Nella scheda Limitazioni, disattiva la casella selezionata per impostazione predefinita Limite per contatto, in modo che il contenuto con il pulsante "Aggiungi al carrello" possa essere mostrato più volte ai contatti.

Pulsante “Aggiungi al carrello” nel contenuto web - 10-min.png

  

Associa il valore ID esterno del prodotto alla variabile {{idproducto}} per fare in modo che l’URL di ogni pulsante "Aggiungi al carrello" indirizzi al relativo articolo all’interno del carrello.

23. Fai clic su Applica.

24. Salva e attiva il workflow.

 

Successo!
Il pulsante “Aggiungi al carrello” nel tuo contenuto web è pronto.


Continua ad imparare!

Per sfruttare tutto il potenziale del tuo account Connectif, ti consigliamo di continuare con i seguenti articoli: