Lançamento de novos widgets de avaliações pelo EmbedSocial

Temos o prazer de anunciar que estamos a lançar uma reformulação completa dos nossos widgets de críticas e testemunhos.

reviews widgets

Temos o prazer de anunciar que hoje estamos a lançar uma reformulação completa dos nossos widgets de críticas e testemunhos.

No texto seguinte, descreveremos o processo e apresentaremos os novos widgets que pode começar a utilizar agora mesmo.

A inspiração: As necessidades dos clientes para orientar o nosso roteiro

Desde o início da construção do EmbedSocial, a nossa principal prioridade é ouvir os comentários e pedidos dos nossos clientes e implementar os seus desejos no nosso plano de desenvolvimento. 

Uma das principais características que desenvolvemos em conjunto é a facilidade de mostrar um widget com críticas sociais em qualquer sítio Web, o que qualquer utilizador pode fazer, sem necessidade de codificação.

Mas à medida que os widgets evoluíram com novas funcionalidades e novos segmentos de clientes começaram a adotar os nossos produtos, surgiu a necessidade de uma variedade de widgets: 

"A funcionalidade da plataforma é espetacular, no entanto, os layouts podem ser um pouco melhorados. Espero que possam ser mais avançados e simples ao mesmo tempo", diz um utilizador dos EUA.

Um dos pedidos frequentes tem sido a simplificação dos nossos widgets de críticas e testemunhos, melhorando a experiência de IU dos utilizadores.

Por isso, hoje, estamos entusiasmados por lhe mostrar o que temos andado a fazer nos últimos meses. 

5 Novo Comentários Widgets

Fizemos um facelift completo do código, design, layouts e apelo dos widgets de revisão.

before and after reviews widgets

Eis a forma como abordámos todo o processo: 

Tornámo-los mais simples e responsivos para que, por defeito, se adaptem a qualquer design ou a qualquer sítio Web.

Por outro lado, se precisar de fazer ajustes, o nosso código e as classes CSS são agora mais simples de utilizar e poderá usar a opção CSS personalizada muito, muito facilmente. 

Esperamos que o lançamento dos nossos novos layouts de revisão mantenha os aspectos técnicos tão simples quanto possível, assegurando ao mesmo tempo que os nossos clientes desfrutem de uma maior flexibilidade no que diz respeito ao que é apresentado nos seus sítios Web.

Os primeiros comentários são maioritariamente positivos:

"Adoro o design e o formato. Este tipo de apresentação inspira-me a escrever uma crítica. Tão valioso!", diz um utilizador de Tóquio.

Comentários como estes apenas confirmam que estamos no caminho certo.

Continue a ler para descobrir como foram os bastidores, saiba como conseguimos resolver alguns desafios de design e não deixe de ver as novas demonstrações de widgets. 

Por detrás da cena: O processo de re-design

embedsocial workshop

As críticas dos clientes estão a tornar-se um dos principais factores de decisão quando as pessoas decidem comprar um produto. 

E a obtenção de críticas positivas está a tornar-se um verdadeiro desafio à medida que os consumidores se tornam mais instruídos e continuam a exigir produtos e serviços de qualidade superior. 

Como provavelmente sabe (ou talvez não), o principal objetivo do EmbedSocial é capturar, trazer as suas críticas sociais e testemunhos de clientes para a vida no seu sítio Web. 

Fazemo-lo, através da integração direta com as principais redes sociais e sincronizamos as opiniões geradas em tempo real no seu site com widgets altamente interactivos. 

Um processo complexo que tentamos resolver, certo? 

Bem, nós acreditamos no poder da verdadeira prova social. É por isso que acreditamos que apresentá-lo no formato mais simples, mas enfatizado, acrescentará um valor extra aos nossos utilizadores.

Foi por isso que aceitámos o desafio, liderados pela nossa designer de produtos hiper-criativa Angela Ristovska e pela nossa Equipa de Sucesso do Cliente. 

embedsocial team

Eis o aspeto de todo o processo: 

  1. Reuniões de brainstorming com a equipa de apoio ao cliente
  2. Analisar feedback dos clientesnecessidades e desejos
  3. Fazer uma lista dos principais desejos e necessidades da plataforma
  4. Definir componentes de conceção atómica
  5. Criar e apresentar primeiros projectos
  6. Fazer (mais do que alguns) ajustamentos dos projectos
  7. Incorporar CSS e HTML
  8. Teste, teste, teste 
  9. Lançamento  

Veja abaixo os principais resultados deste processo:

Componentes de design dos novos widgets 

Durante mais de 3 meses, concentrámos os nossos esforços na recriação dos nossos widgets de avaliação que vão ADORAR incorporar nos vossos sites.

Eis os principais elementos da nova conceção: 

  • Redesenho da estrela
  • Conceção de componentes atómicos dos widgets
  • Temas dos widgets

Cada um destes elementos de design tem a sua própria história.

Eis os pormenores:

Reinventar a... estrela!

Poderão perguntar-se porque é que, no início, procurámos a estrela.

Bem, acreditamos que o conceito central de um testemunho de cliente é o símbolo de 5 estrelas. 

Em termos simples, se tiver um texto é apenas um parágrafo, mas se adicionar as estrelas ao lado de .... (Tadaam!) torna-se um testemunho.

Assim, as estrelas fazem de facto deste formato o que ele é. Sem elas, não passa de uma citação ou de um parágrafo. Sem elas, é apenas uma citação ou um parágrafo. 

E queríamos mesmo criar as nossas próprias estrelas.

Assim, após algumas horas de brainstorming, a nossa equipa decidiu criar um design de estrela EmbedSocial com a sua marca.

Queríamos que a estrela indicasse o Simbolismo EMBED, que, como verbo, significa:  fixar (um objeto) firme e profundamente numa massa circundante.

É exatamente isto que queremos que faça com os testemunhos dos seus clientes -. torná-los uma parte essencial do seu sítio Web.

Caso note alguma semelhança entre o logótipo da EmbedSocial e o design das nossas novas estrelas, não está sozinho.

Esta analogia não é um acaso:

reviews star design

Ficámos apaixonados pelas nossas novas estrelas e aplicámo-las a todos os nossos widgets.

Os resultados: Um novo visual e um widget que faz sobressair a voz do cliente.

Missão cumprida 🙂

O caminho para chegar a um design de estrela tão bonito foi repleto de tentativas e fracassos antes de desenvolvermos um design que nos prendesse a respiração.

Eis algumas das concepções que considerámos:

reviews stars

Componentes de design de widgets

Apesar de termos decidido fazer apenas uma atualização dos layouts actuais, sabíamos que o processo não seria nada fácil.

A remodelação é um processo criativo, e é muito fácil passar da elevação para a invenção do novo automóvel Tesla. Para garantir que mantemos os olhos no prémio, criámos uma lista de objectivos, prioridades e princípios básicos que temos de seguir durante este projeto:

  1. Não se esqueça de simplificar!
  2. Seguir os princípios da conceção Atomic
  3. Criar um sistema de componentes para cada widget no Figma com um novo desenho (simples).
  4. Implementar componentes utilizando HTML, CSS e JS - Código limpo, nova nomenclatura das classes, CSS personalizado fácil de aplicar.
  5. Testar novos widgets

E assim começou a viagem.

A definição de um conjunto simples de componentes como um sistema de design ajuda-nos a definir com firmeza quais são os principais elementos de cada widget e ajudou-nos a definir todas as principais classes CSS, tornando o design e a sua implementação muito fáceis.

Como resumo, eis os componentes mais utilizados em cada widget:

embedsocial widgets design system

Do componente ao widget, depois de longos dias de trabalho e dor, é oficial... Estão em direto!

O trabalho árduo valeu a pena! Criámos widgets modernos e responsivos que se adaptam a qualquer design ou website por defeito. 

Temas de widgets

Como resultado do processo acima descrito, acreditamos que, depois de criar e incorporar qualquer um dos novos widgets, não precisará de o personalizar mais, (esperamos) ajudando-o a poupar tempo e esforços para se concentrar mais nas suas actividades diárias.  

Os temas ajudá-lo-ão a alternar rapidamente entre layouts escuros ou brancos, com apenas um clique:

reviews widgets theme

Por outro lado, se precisar de fazer ajustes, o nosso código e as classes CSS são agora mais simples de utilizar e poderá usar a opção CSS personalizada muito, muito facilmente.

Novos widgets montra

E finalmente, o design é conceptualizado com os dois elementos principais da marca EmbedSocial:

  1. A etiqueta de código unificadora que representa a parte incorporada da marca
  2. O símbolo de uma relação que os nossos utilizadores querem construir com os seus clientes

Acreditamos que esta alteração refresca o aspeto dos widgets e mantém a marca para representar o poder inegável do feedback dos utilizadores.

Por fim, eis os novos widgets:

Widget de grelha

O widget de grelha apresenta as críticas sociais numa alvenaria reactiva que simula um layout de grelha moderno que se adapta a qualquer página completa onde pretenda apresentar o maior número possível de críticas.

Demonstração do widget de grelha

masonry reviews widget

Widget de coluna

Um esquema de duas colunas perfeito para páginas de ecrã inteiro, para apresentar várias críticas numa página.

Demonstração do widget de coluna

column widget-layout

Widget de carrossel

O slider mostrará as suas críticas num formato de reprodução automática, perfeito para a sua página inicial. Pode ver as críticas, clicando numa caixa que fará aparecer a crítica numa caixa de luz deslizante ou numa barra deslizante vertical fixa.

Demonstração do widget Carrossel

carousel-reviews-widget

Widget de cursor

Muito semelhante ao widget de carrossel, com ligeiras alterações no design e um aspeto plano para designs de sítios Web minimalistas.

Demonstração do widget Slider

slider testimonials widget

Widget de página

Chamámos a este layout "Página" porque funciona como uma página de críticas completa, com botões e filtros que fazem com que a página web avance totalmente para apresentar as críticas dos utilizadores. Foi concebido principalmente para páginas de produtos, onde os utilizadores podem utilizar opções adicionais para pesquisar e filtrar as críticas fornecidas.

Demonstração do widget de página.

page reviews layout

Widget de mesa

No final, se necessitar de uma versão mais simplificada do esquema de página, que não inclua os filtros e o campo de pesquisa, pode utilizar o esquema de tabela, que apresenta a lista completa das críticas num formato de tabela, semelhante a uma secção de críticas do tipo Amazon.

Demonstração do widget de tabela

table reviews widget

Widget de pop-up

Mostre a prova social no seu sítio Web com um simples popover que aparece como um widget fixo no canto inferior esquerdo ou no canto inferior direito do seu sítio Web.

Este widget aparece no carregamento de uma página e pode ser configurado para abrir todas as críticas com um clique. Consulte o link de demonstração para o experimentar ao vivo.

Demonstração do widget pop-up

Aplicabilidade dos novos widgets de revisão

O nosso objetivo continua a ser criar produtos que os clientes ADORAM colocar nos seus sítios Web e proporcionar aos SEUS clientes uma experiência inovadora e envolvente. 

Aqui estão alguns exemplos de como melhorar o seu sítio Web com widgets de críticas:

Revisões deslizante ou carrossel para páginas iniciais

Incorpore o seu slider ou carrossel diretamente na sua página inicial. A prova social vem normalmente logo abaixo da sua imagem de herói ou do apelo à ação na sua página inicial.

Do mesmo modo, pode criar a mesma estrutura para qualquer página de destino que utilize no funil de conversão do seu sítio Web.

embed reviews widget

Widget de testemunhos para páginas de produtos de comércio eletrónico

Os widgets Tabela e Página são perfeitos para páginas de produtos. O melhor destes widgets é a opção de obter uma avaliação para esse produto diretamente nessa página, o que lhe permitirá combinar avaliações no widget capturadas da sua conta de redes sociais, mas também de visitantes que deixaram uma avaliação na página do produto.

testimonials widget ecommerce page

Como começar a utilizar os novos widgets de comentários?

Como se pode ver nas imagens acima, os nossos novos layouts estão prontos a usar!

Pode utilizar os novos widgets, agora mesmo, navegando simplesmente para a secção Comentários Feed e clique no feed que pretende editar.

O último passo é simplesmente alterar a opção Layouts e selecionar Grelha, Coluna, Página, Tabela, Slider, Carrossel.

Tempaltes for Google Reviews widgets

E se por acaso ainda não é utilizador da plataforma EmbedReviews, sinta-se à vontade para inscrever-se para um teste gratuito e veja os novos widgets de comentários.

Se precisar de ajuda adicional, a nossa equipa dedicada ao Sucesso do Cliente está sempre à sua disposição (podemos fazer isso em vez de si). Sinta-se à vontade para contactar-nos para quaisquer questões.

No entanto, à medida que a nossa conceção muda, a nossa principal missão mantém-se - para ir mais além e ajudar os nossos clientes os nossos utilizadores a criar confiança junto dos seus clientes e, consequentemente, a aumentar as conversões.

Image

Incorporar o widget Google Reviews

Recolher automaticamente e incorporar comentários do Google e utilizar ferramentas de gestão de análises de IA para desbloquear o potencial de vendas do seu sítio Web.

Teste gratis

PARA SUA INFORMAÇÃO: Pode automaticamente incorporar widget de avaliações do Google no seu sítio Web e mostrar comentários autênticos gerados pelos utilizadores, aumentando a confiança para mais vendas. Experimente agora.



Diretor Executivo da EmbedSocial 

Nikola Bojkov é o CEO da EmbedSocial, um empreendedor que transforma problemas em produtos. Com mais de uma década de experiência prática com APIs de redes sociais, orienta a EmbedSocial no seu papel de parceiro técnico tanto para PMEs como para grandes agências, maximizando o impacto dos seus conteúdos gerados pelos utilizadores. A EmbedSocial tem escritórios em Skopje, Tóquio e Lisboa e conta com mais de 250.000 utilizadores.