Come ruotare le testimonianze su un sito web

Le testimonianze dei clienti possono essere uno dei modi migliori e meno costosi per commercializzare la tua attività. Una volta acquisite le approvazioni dei clienti, è una buona idea visualizzarle sul tuo sito Web affinché i potenziali clienti possano leggerle. Dal momento che probabilmente hai più testimonianze che spazio per loro sul tuo sito web, usa un semplice codice JavaScript per ruotare le testimonianze sulla pagina in modo che i clienti attuali e potenziali possano vedere i riconoscimenti che hai ricevuto dai loro colleghi.

1

Raccogli le testimonianze che desideri ruotare sul tuo sito web aziendale. Scegli il punto della pagina in cui desideri visualizzarli e decidi per quanto tempo vuoi mostrare una testimonianza prima che ruoti fuori dallo schermo, ad esempio cinque secondi.

2

Utilizza un editor di testo o HTML per aprire il codice sorgente della tua pagina Web in modo da poterlo modificare per includere una sezione di testimonianze a rotazione. Trova il punto nel codice in cui devono essere visualizzate le testimonianze. Fai clic in quel punto e digita un tag “div” di apertura e chiusura con un ID a cui puoi fare riferimento. Ad esempio, digita:

3

Individua il tag di chiusura “head” nel codice. Fare clic davanti al tag e premere Invio per aprire una nuova riga vuota. Fare clic all’inizio della riga, digitare “” (senza virgolette) e fare clic tra i tag dello script di apertura e di chiusura per inserire il codice JavaScript.

4

Crea una matrice di testo di testimonianza e crea variabili per memorizzare la testimonianza corrente sul display e il numero massimo di testimonianze da ruotare. Ad esempio, digita:

var testimonials = new Array (“Avete fatto un lavoro eccezionale!”, “Non potrei essere più soddisfatto.”); var tnum = 0; var tttl = testimonials.length;

5

Crea la funzione per ruotare le testimonianze. Ottieni la testimonianza successiva nell’elenco o sposta il contatore all’inizio dell’elenco se sei arrivato alla fine. Ad esempio, digita:

Ruota funzione () {if (++ tnum> tttl-1) tnum = 0;

6

Ottieni il tag “div” che hai contrassegnato sulla pagina Web per visualizzare testimonianze facendo riferimento al suo ID. Sostituisci il contenuto del tag div con la testimonianza successiva. Ad esempio, digita:

document.getElementById (“testimonial”). innerHTML = Servizi [tnum];

7

Utilizza il metodo setTimeout di JavaScript per chiamare automaticamente la funzione di rotazione su base periodica, ad esempio ogni cinque secondi, codificata come 5000 millisecondi. Avvia lo script quando viene caricata la finestra. Ad esempio, digita:

setTimeout (“rotate ()”, 5000); } window.onload = rotate ();

8

Salvare il file, accedere alla pagina Web e verificare che le testimonianze ruotino correttamente.