Novos feeds de rede social: modelos e demonstrações

Estamos constantemente atualizando a plataforma EmbedSocial. Desta vez, fizemos um redesenho completo da aparência de nossos widgets de rede social no produto EmbedSocial.

O EmbedSocial é um agregador de rede social tudo em um integrado com as principais redes de mídia social, construído para gerar e exibir posts de rede social em qualquer site possível.

O EmbedSocial fornece ferramentas profissionais como moderação, personalização, opções de CSS personalizado para marcar posts com links personalizados e inúmeras configurações que o ajudarão a adequar o design do seu feed de rede social à sua marca.

Milhares de utilizadores usam este produto e regularmente enviam seus comentários sobre possíveis novos recursos e atualizações.

E desta vez, estamos felizes em lançar uma atualização significativa do design frontend dos modelos de rede social:

Anunciando: Novos modelos de feed de rede social

Estes modelos já estão disponíveis para todos os nossos utilizadores anteriores e novos. Você pode encontrá-los na barra de configurações, na seção Layouts.

Para ler sobre nossa fase de design e conferir os novos modelos, siga os links abaixo:

Fase de design: Brainstorm, mockups e protótipos

Antes de começar a projetar, tínhamos em mente os seguintes princípios:

• Necessidades, solicitações e feedback dos utilizadores
• Siga as últimas tendências de design de IU
• Responsividade e adequação a qualquer dispositivo, navegador ou construtor de site

A fase de pesquisa incluiu alguns workshops entre nossas equipes de marketing, UX e sucesso do cliente. E muito bolo de pizza!

Felizmente, isso foi antes da crise do COVID, então conseguimos fazer brainstorm em nosso escritório e nos divertir visualizando como poderíamos lançar widgets melhores para nossos utilizadores.

Novo: modelo Collage

O modelo Collage é um modelo totalmente novo, construído do zero e principalmente destinado a mostrar posts de rede social em páginas iniciais ou páginas de destino.

Uso: páginas iniciais, páginas de destino

Layout: moderno

Características:

• Layout de grade responsivo de quatro colunas
• Opção de definir 1 linha de posts com “carregar mais” ou paginação numerada para adequar seu design de página de destino
• Mostrar legenda/texto ao passar o mouse
• Visualizar posts inteiros em uma lightbox ou redirecionar para o post original
• Adicionar um botão ‘Seguir’
• Adicionar ou remover título
• Adicionar botões CTA em posts

Demonstração: modelo Collage →

Modelo Feed

O modelo Feed é nosso modelo padrão projetado para a maioria dos utilizadores que desejam exibir um muro de rede social clássico em uma página dedicada. Possui todos os elementos que você sempre precisará para criar um feed de rede social para seu site.

Uso: páginas dedicadas, páginas iniciais

Layout: clássico

Características:

• Layout de grade responsivo de três colunas
• Defina o número de posts por página
• Opções para adicionar “carregar mais” ou paginação numerada
• Visualizar posts inteiros em uma lightbox ou redirecionar para o post original
• Adicionar um botão ‘Seguir’
• Adicionar ou remover um título
• Mostrar ou remover a legenda abaixo das imagens

Demonstração: modelo Feed →

Modelo Wall

O modelo Wall é muito semelhante ao Feed. Ele se concentra mais no visual clássico de um muro de rede social, onde o nome de utilizador e os logotipos de rede social são mais proeminentes no topo dos posts.

Uso: páginas dedicadas, páginas iniciais

Layout: clássico

Características:

• Layout de grade responsivo de três colunas
• Defina o número de posts por página
• Opções para adicionar “carregar mais” ou paginação numerada
• Visualizar posts inteiros em uma lightbox ou redirecionar para o post original
• Adicionar um botão ‘Seguir’
• Adicionar ou remover o título
• Mostrar ou remover a legenda abaixo das imagens

Demonstração: modelo Wall →

Modelo Masonry

O modelo Masonry é um design moderno semelhante ao Pinterest de feeds de rede social. Visa dar uma vitrine mais elegante de imagens de produtos ou posts que você publicou e contêm fotos mais relevantes do que o texto real.

Uso: páginas dedicadas, páginas iniciais

Layout: moderno

Características:

• Layout masonry responsivo de três colunas
• Defina o número de posts por página
• Opções para adicionar “carregar mais” ou paginação numerada
• Visualizar posts inteiros em uma lightbox ou redirecionar para o post original
• Adicionar um botão ‘Seguir’
• Adicionar ou remover o título
• Mostrar ou remover a legenda abaixo das imagens

Demonstração: modelo Masonry →

Modelo Grid

O modelo Grid é um modelo clássico para mostrar imagens e incorporar um feed que se parece mais com uma galeria de fotos.

Uso: páginas dedicadas, páginas de destino, páginas iniciais

Layout: clássico

Características:

• Opção responsiva para definir o número de colunas no layout de grade
• Definir paginação entre fotos
• Mostrar legenda/texto ao passar o mouse
• Visualizar posts inteiros em uma lightbox ou redirecionar para o post original
• Adicionar um botão ‘Seguir’
• Adicionar ou remover o título
• Adicionar botões CTA em posts

Demonstração: modelo Grid →

Modelo Carousel

É um modelo de carrossel moderno que se adequa às últimas tendências de IU para exibir feeds de rede social em seus primeiros espaços do site. É perfeito para marcas de moda ou cosméticos.

Uso: páginas iniciais, rodapé, páginas de produtos

Layout: moderno

Características:

• Opções para navegar pelos slides
• Abrir posts em uma lightbox ou redirecionar para o post original
• Adicionar um botão ‘Seguir’
• Adicionar ou remover título
• Visualizar legenda ao passar o mouse
• Definir autoplaying

Demonstração: modelo Carousel →

Modelo Slider

O controle deslizante tem um visual mais clássico do que o carrossel e é uma opção “segura” que se adequa a quase qualquer design de site.

Uso: páginas iniciais, rodapé, páginas de produtos

Layout: clássico

Características:

• Opções para navegar pelos slides
• Abrir posts em uma lightbox ou redirecionar para o post original
• Adicionar um botão ‘Seguir’
• Adicionar ou remover título
• Visualizar legenda ao passar o mouse
• Definir autoplaying

Aqui está uma demonstração do modelo de controle deslizante incorporado neste post:

Demonstração completa: modelo Slider →

Caso de uso: incorporar feed Collage no Shopify

Nossos feeds funcionam com qualquer CMS, construtor de site ou plataforma de comércio eletrônico.

Neste exemplo, mostraremos um uso simples no Shopify, onde você pode incorporar feed do Instagram com o novo modelo de slider:

Para outras integrações de plataforma, consulte os links abaixo:

• Feeds de rede social no Shopify
• Feeds de rede social no WordPress
• Feeds de rede social para Squarespace
• Feeds de rede social para PageCloud

Por que você deve incorporar um feed de rede social em seu site agora

Você pode obter várias vantagens como profissional de marketing ao mesclar o poder dos canais de rede social e seu site.

Estamos destacando os principais:

• Cria uma melhor experiência do utilizador em sua página que mantém seus visitantes envolvidos
• Diminui sua taxa de rejeição e aumenta seu tempo médio de sessão
• Dissemina consciência de marca e mostra os valores que você representa
• Constrói forte prova social
• Impulsiona vendas ao oferecer seus produtos em um formato imersivo
• Expande sua presença de rede social

Antes de começar a incorporar, dedique tempo para pensar no que você deseja alcançar adicionando feeds de rede social ao seu site.

Por exemplo, se seu objetivo é aumentar o tempo de permanência dos visitantes, você pode adicionar um feed do Facebook, para que quando chegarem ao seu site, possam assistir suas fotos e vídeos e ficar por mais tempo. Se você quiser manter seu público atualizado com suas últimas notícias da empresa, um feed do Twitter será um excelente ajuste para você.

Ou, se você quiser envolver seu público mostrando sua nova coleção. Neste caso, incorporar um Feed do Instagram será uma boa ideia para você. Para aumentar a visibilidade do evento, considere tentar uma campanha de hashtag.

Não se esqueça que você sempre pode combinar seu conteúdo de rede social de várias contas de rede social em um único local, se necessário.

A escolha é sua!

Próximas etapas: incorporar feed de rede social

Esperamos que você goste dos novos modelos e continuaremos construindo mais para nossos utilizadores atuais e novos.

Para acessar o modelo, tudo que você precisa fazer é:

1. Faça login em EmbedSocial
2. Navegue para Widgets e clique em Editar ou criar um novo widget
3. Na barra lateral, acesse Layouts e escolha o modelo da lista
4. Personalize e modifique seu feed de rede social
5. Copie o código HTML fornecido e cole-o em seu construtor de site

Observe que você pode agregar e combinar mídia de várias plataformas de rede social em um widget, como página do Facebook, Instagram, Twitter, Vimeo, YouTube ou TikTok. Decidir qual conteúdo de rede social melhorará sua presença online é com você.

Para resumir

Esperamos que ao ver esses feeds de rede social em ação, você se inspire a oferecer ao público do seu site uma experiência excelente.

Sim, por favor sinta-se à vontade para experimentar todos eles e veja qual será o fator WOW que seu site merece ter.

E se precisar de assistência durante o processo de configuração, sinta-se à vontade para nos contatar. Ficaremos felizes em ajudá-lo.