Per inserire questo tipo di widget all’interno del proprio sito Passweb è necessario, per prima cosa, cliccare sul pulsante “Configura” presente in corrispondenza del widget stesso

Nella maschera di configurazione così visualizzata sarà poi necessario indicare la lingua in cui dovrà essere gestito il widget e cliccare sul pulsante “Crea il codice widget”

In questo modo, verrà infatti visualizzato il codice da utilizzare per l’integrazione, codice questo che, come evidenziato nella figura di seguito riportata, è strutturato in diverse parti

Una prima parte (Inizializzazione) necessaria per importare la libreria javascript utilizzata per visualizzare il widget

ATTENZIONE! la libreria javascript utilizzata per visualizzare i diversi widget di Trusted Shop è indipendente dal tipo di widget considerato e deve quindi essere inserita una sola volta all’interno del proprio sito

Un’altra parte (Collega il Widget) necessaria per definire invece il contenitore in cui dovranno poi essere visualizzate le recensioni.

Nel caso del widget “Lista Completa delle recensioni” è presente anche una terza parte (Estensioni del widget) dovuta alla particolare struttura di questo componente.

La “Lista Completa delle recensioni” infatti è un widget che conterrà le recensioni dello specifico articolo, che dovrà essere inserito all’interno della specifica pagina prodotto e che potrà essere composto da due distinti elementi:

• L’elenco completo delle recensioni, tipicamente posizionato nella parte bassa della pagina prodotto.

Lo snippet di codice necessario per visualizzare questo elemento è quello presente in corrispondenza della sezione “Collega il tuo widget”

• Una piccola anteprima delle stelle che riassumono la valutazione complessiva del prodotto.

Questo elemento potrà essere posizionato in una qualunque parte della pagina prodotto e conterrà un collegamento diretto all’elenco completo delle recensioni.

Lo snippet di codice necessario per visualizzare questo elemento è quello presente in corrispondenza della sezione “Estensioni del widget”

Per completare l’integrazione sarà quindi necessario:

• Copiare lo snippet di codice presente nella sezione “Inizializzazione” ed inserirlo (nel momento in cui non dovesse già essere presente) all’interno del campo “Code Snippet – HEAD” nella sezione “Integrazioni” presente alla pagina “Sito – Preferenze” del Wizard del proprio sito Passweb

• Copiare lo snippet di codice presente nella sezione “Collega il Widget” ed inserirlo, mediante un apposito componente HTML, all’interno della pagina prodotto nella sezione in cui dovrà essere effettivamente visualizzato l’elenco completo delle recensioni prodotto

ATTENZIONE! In questa fase è di fondamentale importanza sostituire nello snippet di codice prelevato da Trusted Shops il valore presente per l’attributo “data-sku” con il segnaposto Passweb {{SKU}}

Solo in questo modo potremmo infatti avere la certezza che l’attributo in esame venga valorizzato per ogni prodotto con il valore corretto e che le recensioni visualizzate siano effettivamente quelle relative al prodotto attualmente visualizzato sul sito Ecommerce dai singoli utenti

• Copiare lo snippet di codice presente nella sezione “Estensione del Widget” ed inserirlo, sempre nella pagina prodotto e sempre con un apposito componente HTML, nel punto in cui dovrà poi essere visualizzata l’anteprima delle stelline che riassumono la valutazione complessiva dell’articolo

ATTENZIONE! il processo di integrazione del widget “Mini Stelle” è del tutto analogo a quello appena analizzato. L’unica differenza è rappresentata dal fatto che, vista la tipologia di elemento, questo widget andrà inserito nelle celle articolo di componenti quali il “Catalogo Ecommerce” le “Offerte / Novità” …