--- title: "Lanciamo i nuovi widget di recensioni di EmbedSocial" date: 2020-03-03 canonical_id: new-reviews-widgets author: "osogovo" category: - blog - product-updates - reviews summary: "Siamo felici di annunciare il lancio di un completo re-design dei nostri widget di recensioni e testimonianze." draft: false locale_slug: "nuovi-widget-recensioni" seo: title: "Lanciamo i nuovi widget di recensioni di EmbedSocial" description: "Siamo felici di annunciare il lancio di un completo re-design dei nostri widget di recensioni e testimonianze." structured_data: article --- Siamo felici di annunciare che oggi lanciamo un completo re-design dei nostri widget di recensioni e testimonianze. Nel testo che segue, descriveremo il processo e mostreremo i nuovi widget che puoi iniziare a usare fin da subito. ## L'ispirazione: le esigenze dei clienti guidano la nostra roadmap Fin dagli inizi della costruzione di EmbedSocial, la nostra priorità assoluta è ascoltare il feedback e le richieste dei nostri clienti e integrare i loro desideri nella nostra roadmap di sviluppo. Una delle funzionalità principali che abbiamo sviluppato insieme è la facilità di mostrare un widget con recensioni social su qualsiasi sito web, cosa che qualsiasi utente può fare senza bisogno di programmare. Ma man mano che i widget si sono evoluti con nuove funzionalità e nuovi segmenti di clienti hanno adottato i nostri prodotti, è emersa la necessità di una varietà di widget: > *"La funzionalità della piattaforma è fantastica, tuttavia, i layout possono essere un po' migliorati. Spero che possano essere più avanzati e semplici allo stesso tempo", dice un utente dagli USA.* Una delle richieste più frequenti è stata semplificare i nostri widget di recensioni e testimonianze migliorando l'esperienza dell'interfaccia utente. Quindi, oggi, siamo entusiasti di mostrarti a cosa abbiamo lavorato negli ultimi mesi. **5 nuovi widget di recensioni!** Abbiamo fatto un completo restyling del codice, del design, dei layout e dell'aspetto dei widget di recensioni. ![widget di recensioni prima e dopo](https://embedsocial.com/wp-content/uploads/2020/03/reviews-widgets.jpg) Ecco quindi come abbiamo affrontato l'intero processo: Li abbiamo resi più semplici e responsive, così da adattarsi a qualsiasi design o sito web in modo predefinito. D'altra parte, se hai bisogno di apportare modifiche, il nostro codice e le nostre classi CSS sono ora più semplici da usare e potrai utilizzare l'opzione CSS personalizzato molto, molto facilmente. Speriamo che il lancio dei nostri nuovi layout di recensioni mantenga gli aspetti tecnici il più semplici possibile, garantendo al contempo ai nostri clienti maggiore flessibilità in ciò che viene mostrato sui loro siti web. I primi commenti sono per lo più positivi: > *"Adoro il design e il formato. Questo tipo di layout mi ispira a scrivere una recensione. Così prezioso!", dice un utente da Tokyo.* Commenti come questi confermano che siamo sulla strada giusta. Continua a leggere per scoprire com'è stato dietro le quinte, scoprire come siamo riusciti a risolvere alcune sfide di design e assicurati di dare un'occhiata alle nuove demo dei widget. ## Dietro le quinte: il processo di re-design ![workshop di embedsocial](https://embedsocial.com/wp-content/uploads/2020/03/embedsocial-design-workshop.jpg) Le recensioni dei clienti stanno diventando uno dei principali fattori che innescano le decisioni quando le persone scelgono di acquistare un prodotto. E acquisire recensioni positive sta diventando davvero impegnativo man mano che i consumatori diventano più informati e continuano a esigere prodotti e servizi superiori. Come probabilmente sai (o forse no), lo scopo principale di EmbedSocial è acquisire e dare vita alle tue recensioni social e alle testimonianze dei clienti sul tuo sito web. Lo facciamo grazie all'integrazione diretta con i principali social network e sincronizzando in tempo reale le recensioni generate sul tuo sito web con widget altamente interattivi. Un processo complesso che cerchiamo di risolvere, giusto? **Beh, crediamo nel potere della vera riprova sociale. Ecco perché crediamo che mostrarla nel formato più semplice ma incisivo aggiungerà un valore extra ai nostri utenti.** Ecco perché abbiamo accettato la sfida, guidati dalla nostra iper-creativa product designer Angela Ristovska e dal nostro team Customer Success. ![team di embedsocial](https://embedsocial.com/wp-content/uploads/2020/03/embedsocial-design-workshop-team.jpg) **Ecco com'è stato l'intero processo:** 1. Riunioni di brainstorming con il team di assistenza clienti 2. Analisi del feedback, delle necessità e dei desideri dei clienti 3. Creazione di un elenco dei principali desideri e necessità della piattaforma 4. Definizione dei componenti di atomic design 5. Creazione e presentazione delle prime bozze 6. Esecuzione di (più di qualche) modifica alle bozze 7. Integrazione di CSS e HTML 8. Test, test, test 9. Lancio Controlla qui sotto i principali risultati di questo processo: ## **Componenti di design dei nuovi widget** Per più di 3 mesi, abbiamo concentrato i nostri sforzi nel ricreare i nostri widget di recensioni che ADORERAI incorporare nei tuoi siti web. **Ecco i principali elementi del re-design:** - Restyling della stella - Atomic components design dei widget - Temi dei widget Ognuno di questi elementi di design ha la sua storia. Ecco i dettagli: ### **Reinventare la... stella!** Potresti chiederti perché ci siamo concentrati prima sulla stella. Beh, crediamo che il concetto centrale di una testimonianza del cliente sia il simbolo delle 5 stelle. In parole semplici, se hai un testo è solo un paragrafo, ma se aggiungi le stelle accanto.... (*Tadaam*!) diventa una testimonianza. Quindi, le stelle rendono di fatto questo formato ciò che è. Senza di esse, è solo una citazione o un paragrafo. E volevamo davvero creare **le nostre stelle.** Quindi, dopo un paio d'ore trascorse a fare brainstorming, il nostro team ha deciso di creare un design della stella brandizzato EmbedSocial. Volevamo che la stella indicasse il **[simbolismo di EMBED](https://www.dictionary.com/browse/embedded)**, che come verbo significa: *fissare (un oggetto) saldamente e profondamente in una massa circostante.* Questo è esattamente ciò che vogliamo tu faccia con le tue testimonianze dei clienti: **renderle una parte essenziale del tuo sito web.** Nel caso tu noti qualche somiglianza tra il logo di EmbedSocial e il design delle nostre nuove stelle, non sei l'unico. Questa analogia non è un caso: ![design della stella delle recensioni](https://embedsocial.com/wp-content/uploads/2020/03/reviews-star-design.jpg) Ci siamo innamorati delle nostre nuovissime stelle, quindi le abbiamo applicate a tutti i nostri widget. **I risultati: un aspetto fresco e un widget che fa risaltare la voce del cliente.** Missione compiuta :) La strada per arrivare a un design della stella così bello è stata piena di tentativi e fallimenti prima di sviluppare un design che ci ha tolto il fiato. **Ecco alcuni dei design che abbiamo preso in considerazione:** ![stelle delle recensioni](https://embedsocial.com/wp-content/uploads/2020/03/reviews-stars-designs.jpg) ### Componenti di design dei widget Anche se abbiamo deciso di fare solo un restyling dei layout attuali, sapevamo che il processo non sarebbe stato affatto facile. Il re-design è un processo creativo, ed è davvero facile passare dal restyling all'invenzione della nuova auto Tesla. Per assicurarci di tenere gli occhi sull'obiettivo, abbiamo creato un elenco di obiettivi, priorità e regole di base da seguire durante questo progetto: 1. **Mantienilo semplice!** 2. Segui i principi dell'atomic design 3. Crea un sistema di componenti per ogni widget in Figma con un nuovo design (semplice). 4. Implementa i componenti usando HTML, CSS e JS: codice pulito, nuova denominazione delle classi, CSS personalizzato facile da applicare. 5. Testa i nuovi widget E così, il viaggio è iniziato. Definire un semplice set di componenti come sistema di design ci aiuta a stabilire con fermezza quali sono gli elementi principali di ogni widget e ci ha aiutato a definire tutte le principali classi CSS, rendendo il design e la sua implementazione molto facili. In sintesi, ecco i componenti più usati in ogni widget: ![sistema di design dei widget di embedsocial](https://embedsocial.com/wp-content/uploads/2020/03/reviews-design-system.jpg) **Dal componente al widget, attraverso lunghe giornate di lavoro e fatica, è ufficiale... Sono online!** Il duro lavoro ha dato i suoi frutti! Abbiamo creato widget moderni e responsive che si adattano a qualsiasi design o sito web in modo predefinito. ### Temi dei widget Come risultato del processo descritto sopra, crediamo che una volta creato e incorporato uno qualsiasi dei nuovi widget, non avrai bisogno di personalizzarlo ulteriormente, (si spera) aiutandoti così a risparmiare tempo e fatica per concentrarti maggiormente sulle tue attività quotidiane. I temi ti aiuteranno a passare rapidamente tra layout scuri o bianchi, con un solo clic: ![tema dei widget di recensioni](https://embedsocial.com/wp-content/uploads/2020/03/light-dark-reviews-widgets-1024x683.jpg) D'altra parte, se hai bisogno di apportare modifiche, il nostro codice e le nostre classi CSS sono ora più semplici da usare e potrai utilizzare l'opzione CSS personalizzato molto, molto facilmente. ## Vetrina dei **nuovi widget** E infine, **il design è concettualizzato con i due elementi principali del branding di EmbedSocial:** 1. Il tag di codice unificante che rappresenta la parte incorporata del brand 2. Il simbolo di una relazione che i nostri utenti vogliono costruire con i loro clienti Crediamo che questo cambiamento rinfreschi l'aspetto dei widget e rimanga fedele al brand per rappresentare l'innegabile potere del feedback degli utenti. Quindi, finalmente, ecco i nuovi widget: ### Widget Griglia Il widget Griglia mostra le recensioni social in un layout a muratura responsive che simula un moderno layout a griglia, adatto a qualsiasi pagina intera in cui vuoi visualizzare il maggior numero possibile di recensioni. [Demo del widget Griglia](/templates/classic-google-reviews-feed-widget/) ![widget di recensioni a muratura](https://embedsocial.com/wp-content/uploads/2020/03/grid-reviews-layout-widget-1024x683.jpg) ### Widget Colonna Un layout a due colonne perfetto per le pagine a schermo intero, per visualizzare più recensioni su una sola pagina. [Demo del widget Colonna](/templates/classic-google-reviews-feed-widget/) ![layout del widget a colonna](https://embedsocial.com/wp-content/uploads/2020/03/column-reviews-widget-1024x683.jpg) ### Widget Carosello Lo slider mostrerà le tue recensioni in un formato con riproduzione automatica perfetto per la tua homepage. Puoi visualizzare le recensioni cliccando su un riquadro che aprirà la recensione in una lightbox slider o in uno slider verticale fisso. [Demo del widget Carosello](/templates/google-reviews-carousel-widget/) ![widget di recensioni carosello](https://embedsocial.com/wp-content/uploads/2020/03/carousel-reviews-widget-layout.jpg) ### Widget Slider Molto simile al widget carosello con lievi modifiche nel design e un aspetto piatto per i design di siti web minimalisti. [Demo del widget Slider](/templates/classic-google-reviews-slider-widget/) ![widget di testimonianze slider](https://embedsocial.com/wp-content/uploads/2020/03/slider-reviews-layout-layout-1024x683.jpg) ### Widget Pagina Abbiamo chiamato questo layout 'Pagina' poiché funziona come una pagina di recensioni completa, con pulsanti e filtri che rendono la pagina web pienamente avanzata per visualizzare le recensioni degli utenti. È pensato soprattutto per le pagine prodotto, dove gli utenti possono usare opzioni aggiuntive per cercare e filtrare le recensioni fornite. [Demo del widget Pagina.](/wall-of-love/) ![layout di recensioni pagina](https://embedsocial.com/wp-content/uploads/2020/03/page-layout-1024x685.jpg) ### Widget Tabella Infine, se hai bisogno di una versione più semplificata del layout Pagina, che non includa i filtri e il campo di ricerca, puoi usare il layout Tabella, che mostra un elenco completo delle recensioni in formato tabella, simile a una sezione di recensioni in stile Amazon. [Demo del widget Tabella](/templates/google-testimonial-table-widget/) ![widget di recensioni tabella](https://embedsocial.com/wp-content/uploads/2020/03/table-reviews-layout-1024x683.jpg) ### Widget Popup Mostra la riprova sociale sul tuo sito web con un semplice popover che appare come widget fisso in basso a sinistra o in basso a destra sul tuo sito. Questo widget appare al caricamento di una pagina e può essere impostato per aprire tutte le recensioni con un clic. Controlla il link della demo per provarlo dal vivo. [Demo del widget Popup](/templates/latest-google-reviews-popup-widget/) ## **Applicabilità dei nuovi widget di recensioni** Il nostro obiettivo rimane creare prodotti che i clienti ADORERANNO mettere sui loro siti web per offrire ai LORO clienti un'esperienza innovativa e coinvolgente. Ecco alcuni esempi di come migliorare il tuo sito web con i widget di recensioni: ### Slider o carosello di recensioni per le homepage Incorpora il tuo slider o carosello direttamente sulla tua homepage. La riprova sociale di solito viene posizionata subito sotto la tua immagine hero o la tua call to action sulla homepage. Allo stesso modo, puoi creare la stessa struttura in qualsiasi landing page che usi nel funnel di conversione del tuo sito web. ![widget di recensioni incorporato](https://embedsocial.com/wp-content/uploads/2020/03/reviews-widget-on-website.jpg) ### Widget di testimonianze per le pagine prodotto eCommerce I widget Tabella e Pagina sono perfetti per le pagine prodotto. La cosa migliore di questi widget è l'opzione di ottenere una recensione per quel prodotto direttamente su quella pagina, che ti permetterà di combinare nel widget le recensioni acquisite dal tuo account social media e anche quelle dei visitatori che hanno lasciato una recensione sulla pagina prodotto. ![widget di testimonianze pagina ecommerce](https://embedsocial.com/wp-content/uploads/2020/03/ecommerce-reviews-widget.jpg) ## Come iniziare a usare i nuovi widget di recensioni? Come puoi vedere dalle immagini qui sopra, **i nostri nuovi layout sono pronti all'uso!** Puoi usare i nuovi widget, fin da subito, semplicemente navigando alla sezione [Feed Recensioni](/admin/reviews_feed) e cliccando sul feed che vuoi modificare. L'ultimo passo è semplicemente cambiare l'opzione **Layout** e selezionare Griglia, Colonna, Pagina, Tabella, Slider, Carosello. ![Template per i widget di recensioni di Google](https://embedsocial.com/wp-content/uploads/2023/03/google-reviews-widget-templates.jpg) E se per caso non sei ancora un utente della piattaforma EmbedSocial, sentiti libero di [avviare una prova gratuita](/admin/continue_plugin_purchase/socialfeed29/trial?continue_onboarding=ai_widget) e dare un'occhiata ai nuovi widget di recensioni. Se hai bisogno di ulteriore aiuto, il nostro dedicato team Customer Success è sempre a tua disposizione (possiamo farlo noi al posto tuo). Sentiti libero di [contattarci](/contact/) per qualsiasi domanda. Tuttavia, mentre il nostro design cambia, la nostra missione principale rimane: **andare oltre per aiutare i nostri clienti e i nostri utenti a costruire fiducia con i loro clienti e, di conseguenza, aumentare le conversioni.**