Integrazione semplice Lightspeed (serie C)

Integrazione Lightspeed per WebwinkelKeur

Vi consigliamo di installare prima l'applicazione Lightspeed e poi di inserire i nostri codici per banner e widget nel vostro negozio web. Per farlo, seguite i seguenti passaggi:Passo 1: Installare l'applicazione Lightspeed.Passo 2: Inserire i codici HTML nel vostro negozio web.

Istruzioni per l'installazione di WebshopKeur App Lightspeed

Seguite i passaggi seguenti per installare l'applicazione Lightspeed. L'App Lightspeed consente di attivare facilmente l'integrazione Javascript di WebwinkelKeur (barra laterale). È inoltre possibile utilizzare l'app per inviare automaticamente richieste di recensione ai clienti dopo che hanno ricevuto il pacco a casa. L'App Lightspeed è completamente gratuita e facile da installare con la seguente guida.

1. Andate all'App Lightspeed per WebwinkelKeur.

2. Fare clic su Installa.

3. Accedere al proprio account Lightspeed.

4. Selezionate il vostro negozio online.

5. Date all'App il permesso di leggere le informazioni sugli ordini.

6. Inserite il vostro ID Webstore personale e il codice API. Queste informazioni si trovano nella spiegazione visibile dopo l'accesso al cruscotto di WebwinkelKeur. Scegliere quindi "Installazione". La spiegazione successiva contiene i dati necessari. Avete più webshop all'interno del vostro account WebwinkelKeur? Scegliete il webshop corretto in "Seleziona il webshop".

7. Configurare l'applicazione come desiderato. Si consiglia di attivare l'integrazione Javascript con la barra laterale. È possibile configurare ulteriormente questa barra laterale tramite la nostra dashboard alla voce "Promozione" > "Barra laterale". Per Lightspeed, consigliamo inoltre di visualizzare la barra laterale sui dispositivi mobili nella parte superiore della pagina, mentre nella parte inferiore della pagina potrebbe entrare in conflitto con il carrello degli acquisti.

8. Fare clic su Salva. L'applicazione è ora attiva. È possibile fare clic su "Visualizza ordini" dopo aver "salvato" le impostazioni. In questo modo è possibile inviare direttamente un invito ai clienti precedenti.

9. Testate il vostro webshop dopo l'installazione e verificate che non vi siano conflitti con altri codici (javascript). Per farlo, è sufficiente effettuare un ordine di prova e verificare che non ci siano problemi. Verificate anche se, ad esempio, i cursori di immagini funzionano ancora senza problemi.

10. Opzionalmente è possibile inserire il widget WebwinkelKeur; lo consigliamo vivamente!

Oltre all'App Lightspeed, potete facilmente inserire il nostro materiale del marchio di fiducia nel vostro negozio web Lightspeed. Questa pagina spiega passo dopo passo come inserire il codice HTML per il widget delle recensioni dei clienti e/o il banner del marchio di fiducia sul vostro negozio web.

L'inserimento dei codici HTML è possibile in Lightspeed attraverso l'editor avanzato dei temi. Uno svantaggio di questo metodo è che gli aggiornamenti del tema non vengono più applicati automaticamente. Purtroppo non c'è altro modo per apportare modifiche personalizzate al modello senza modificare il codice del tema. Se non si desidera modificare il codice del tema, si consiglia di scegliere un tema che supporti già WebwinkelKeur di default.

Tabella di marcia per l'inserimento dei codici HTML in Lightspeed

1. Generare il codice del widget attraverso la procedura guidata di generazione dei widget (accedere a dashboard.webwinkelkeur.nl, cliccare su Installazione > Widget. Per una spiegazione completa, leggete Generazione codice widget). Se si desidera inserire un banner HTML, andare nella Dashboard WebwinkelKeur su Installazione > Banner. Copiare il codice HTML da inserire.

2. Accedere al proprio negozio web Lightspeed.

3. Andate su 'Design' > 'Theme editor', scegliete Advanced e poi 'Edit code' per accedere all'editor HTML di Lightspeed.

4. Scoprite dove volete apportare le modifiche. Questo dipende dal vostro progetto e da dove volete posizionare il widget o il banner. Nel nostro esempio, metteremo una piccola icona a forma di sigillo accanto al pulsante dell'ordine nella pagina del prodotto. Per farlo, aprire la pagina product.rain.

5. Ora incollate il codice generato al punto 1 nel punto in cui volete che appaia il materiale promozionale. Ciò richiede una certa conoscenza del linguaggio HTML. Nell'esempio, abbiamo inserito l'icona del sigillo di approvazione accanto al pulsante dell'ordine.

6. Fare clic su "Salva" per salvare le modifiche.

7. Ora visualizzate il vostro negozio e vedrete apparire il widget WebwinkelKeur.

Suggerimento: Inserire il banner nel carrello

Uno dei nostri consigli per integrare il nostro marchio di fiducia è quello di inserire il banner di WebwinkelKeur nel carrello. In Lightspeed, questo può essere fatto inserendo il seguente codice nel fixed.rain. Il template fixed.rain si trova nell'editor dei template.

{% if template == 'pages/cart.rain' %} <div id="webshopkeurmerkcart"> QUI IL CODICE DEL BANNER </div> {% endif %}

Installazione multilingue di WebshopKeur Lightspeed

Lightspeed offre un supporto multilingua predefinito in un unico dominio. Se il vostro negozio web è disponibile in più lingue, potete configurare anche WebwinkelKeur multilingue con alcune modifiche. Prima di iniziare, partiamo dal presupposto che abbiate installato normalmente l'App WebwinkelKeur nell'App Store di Lightspeed. Dopo aver installato l'app, gli inviti sono già inviati nella lingua del cliente per impostazione predefinita. Ciò richiede il pacchetto WebwinkelKeur PRO con supporto multilingue.

Multilinguismo della barra laterale di WebwinkelKeur

La barra laterale rileva automaticamente la lingua della pagina. Per attivarla:

1. Accedere al cruscotto di WebwinkelKeur.

2. Andare su "Installazione" > "Barra laterale".

3. Fare clic su "Mostra impostazioni avanzate" > "Rileva lingua" > "In base al tag html <lang>" > Aggiornare le impostazioni.

Si noti che le modifiche possono richiedere fino a 30 minuti. Svuotare la cache del browser per vedere il tutto più velocemente. Nessun effetto? Reinstallate l'applicazione Lightspeed tramite l'Appstore.

Multilinguismo nel modello

Per visualizzare i banner o i loghi nella lingua corretta, utilizzate una semplice costruzione if/else nel vostro template:

{% if shop.language == 'en' %} Contenuto in inglese {% elseif shop.language == 'de' %} Contenuto in tedesco {% else %} Contenuto in olandese {% endif %}

Esempio di banner:

- Banner olandese → webwinkelkeur.nl

- Banner inglese → valuedshops.com

{% if shop.language == 'nl' %} <a href="...webwinkelkeur.nl..."><img src=".../468.png"></a> {% else %} <a href="...valuedshops.com..."><img src=".../valuedshops/468.png"></a> {% endif %}

Widget multilingua WebwinkelKeur

Il widget delle recensioni supporta il multilinguismo. Per prima cosa ottenete il codice del vostro widget tramite la nostra dashboard.

Quindi inserire il codice del widget giusto per ogni lingua, ad esempio per l'olandese, il tedesco e l'inglese:

{% if shop.language == 'nl' %} <iframe src="...&language=nld"></iframe> {% elseif shop.language == 'de' %} <iframe src="...&language=deu"></iframe> {% else %} <iframe src="...&language=eng"></iframe> {% endif %}

Prima di iniziare con le altre opzioni di integrazione, vi consigliamo di installare l'applicazione Lightspeed e di inserire i codici HTML nel vostro negozio web. In questa FAQ spieghiamo come utilizzare l'opzione marchio di fiducia all'interno di Lightspeed, i codici UBB e i temi con supporto WebwinkelKeur.

Opzione marchio di fiducia Lightspeed

Lightspeed offre l'opzione Design > Marchi per aggiungere i vostri marchi. Se avete la possibilità di aggiungere il vostro marchio di fiducia utilizzando i codici standard dei banner HTML di WebwinkelKeur, come descritto nella nostra spiegazione, preferiamo questa opzione a quella standard di Lightspeed. Questo perché il vantaggio dei nostri codici banner è che possono aprire la barra laterale all'interno del vostro sito web e abilitare un tooltip al passaggio del mouse, mentre l'opzione predefinita di Lightspeed apre una nuova scheda quando si clicca sull'etichetta.

1. Nel backend di Lightspeed, andate su Design > Hallmarks. Per farlo, cliccate sul pulsante Aggiungi.

2. Ad esempio, inserite "WebwinkelKeur" o "WebwinkelKeur: Hallmark + Reviews" come nome.

3. In corrispondenza di URL immagine, inserire l'URL di un banner che si trova nella dashboard di WebwinkelKeur in Promozione > Banner. L'URL è la parte compresa tra src="...".

4. In Link URL, inserite l'URL della vostra pagina membro. Si tratta dell'URL del codice del banner che si trova tra href="...".

5. Fare clic su Salva per aggiungere l'immagine del marchio al negozio online.

Codici UBB

Se per qualche motivo non volete avere a che fare con i codici HTML, esiste un'altra alternativa per inserire il nostro widget nel vostro negozio online. La procedura guidata del widget mostra non solo un codice HTML, ma anche un codice UBB che potete inserire nel vostro negozio online.

Ad esempio, il codice UBB del widget ha questo aspetto:

Non consigliamo di utilizzare questo codice UBB quando è possibile inserire codici HTML, poiché l'utilizzo del codice UBB presenta diversi svantaggi. Ad esempio, questo codice funziona solo quando la barra laterale è attiva e il widget viene caricato solo dopo il caricamento della barra laterale. È quindi possibile che il visitatore veda per la prima volta il codice UBB sullo schermo durante il caricamento del vostro negozio web. Se nonostante ciò si desidera utilizzare il codice UBB, è possibile incollarlo come testo normale sul proprio sito web. Ovunque si inserisca il normale codice UBB come testo, esso verrà automaticamente sostituito dal widget scelto.

Supporto dei template Lightspeed

Esistono diversi template che supportano i widget e il materiale promozionale di WebwinkelKeur. Ad esempio, i modelli seguenti di instijlmedia.nl. Questi offrono opzioni nelle impostazioni del tema per visualizzare il widget WebwinkelKeur. Per sapere come funziona esattamente, consultare la documentazione del template corrispondente. Per domande sulle opzioni del template si consiglia di contattare il creatore del template.

- Dinamico(visualizza template)

- Tema B2B(visualizza template)

- Unity(visualizza template)

- Ultimate(visualizza modello)

- Dream(visualizza modello)

Applicazioni Lightspeed

Oltre all'applicazione WebwinkelKeur, è possibile scegliere di attivare l'applicazione a pagamento Custom Review Widget di InstyleMedia. In questo modo è possibile visualizzare il punteggio delle recensioni di WebwinkelKeur e le recensioni in un modo splendido sul vostro negozio online.

Offriamo anche recensioni di prodotti per gli utenti di Lightspeed come servizio aggiuntivo. Il costo è di 10 euro al mese in aggiunta al costo attuale.

I vantaggi delle recensioni dei prodotti:

- I clienti prendono decisioni di acquisto migliori, con conseguente riduzione dei resi.

- Aumentare le vendite grazie alla "prova sociale".

- Ottenere stelle nei risultati non pagati di Google per le pagine dei prodotti ed esportare le recensioni dei prodotti in Google Shopping.

- Raccogliete le recensioni sia del sito che del prodotto con un'unica richiesta di recensione.

L'attivazione è semplice e rapida attraverso la vostra dashboard.

Andate su "Recensioni" e proseguite fino a "Recensioni sui prodotti".

Cliccate sul pulsante per attivarle.

Impostazione delle recensioni dei prodotti in Lightspeed

Una volta attivata la funzione, potete far funzionare le recensioni dei prodotti in 2 passi nel vostro ambiente Lightspeed.

Fase 1: se avete già installato la nostra App WebwinkelKeur, dovete reinstallarla. Questo ha a che fare con i nuovi permessi che dobbiamo richiedere per i dati degli ordini. Potete farlo accedendo a Lightspeed > Applicazioni > WebwinkelKeur > Reinstallazione > Concedi accesso.

Fase 2: Quando l'applicazione è stata installata con successo, è possibile selezionare l'opzione "recensioni dei prodotti" nelle impostazioni dell'applicazione.

Dopo questi passaggi, siete pronti a richiedere i dati degli ordini e a ricevere le recensioni dei prodotti. La visualizzazione di queste recensioni avviene automaticamente sotto i prodotti collegati. Lightspeed assicura inoltre automaticamente che venga utilizzata la formattazione Schema.org corretta, in modo da poter rivendicare le stelle gialle nei risultati di ricerca organici.

I vostri clienti riceveranno ora un invito a recensire il vostro negozio online. Dopo che il vostro negozio online è stato valutato, vedranno l'opzione di valutare i loro prodotti. Per verificare se tutto è stato impostato correttamente e se gli inviti vengono inviati con l'opzione di lasciare una recensione del prodotto, potete accedere alla vostra WWK Dashboard > Inviti > Inviati.

Gli inviti inviati con l'opzione di lasciare una recensione del prodotto sono riconoscibili dall'icona di una borsa della spesa blu.

Aggiungere codici GTIN per Google

Il codice GTIN o Global Trade Item Number consente di distinguere facilmente i prodotti l'uno dall'altro. L'assegnazione di un codice GTIN univoco a ciascun prodotto facilita l'individuazione dei prodotti da parte di programmi di ricerca come Google. Esistono diversi tipi di codici GTIN:

- EAN | Numerazione europea degli articoli | Codice a barre a 8 o 13 cifre

- JAN | Japanese Article Numbering | codice a barre a 8 o 13 cifre

- UPC | Codice universale del prodotto | Codice a barre a 12 cifre

- ISBN | Numerazione internazionale standard del libro | Numero a 13 cifre

- IFT-14 | Interleaved Two of Five | Numero a 14 cifre

Potete aggiungere questi codici in Lightspeed accedendo alla vostra dashboard Lightspeed > Prodotti > Seleziona prodotto > Stock e varianti > Aggiungi variante > Caratteristiche uniche > Codice a barre.

Stelle in Google Shopping

Volete delle stelle gialle in Google Shopping oltre alle stelle nei risultati di ricerca organici non pagati? Leggete le FAQ sull'invio delle recensioni dei prodotti a Google Shopping.