fbpx

Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Como adicionar feeds sociais ao WordPress com o Flow Flow

Você está em:

Como adicionar feeds sociais ao WordPress com o Flow Flow
Como adicionar feeds sociais ao WordPress com o Flow Flow

As redes sociais consomem nossas vidas. Não de uma maneira ruim embora. Pessoalmente, adoro poder manter-me atualizado sobre o que amigos, familiares e especialmente as marcas estão fazendo minuto a minuto. O que talvez não seja tão bom para minha própria produtividade, mas é uma ótima notícia para sua marca ou negócio online.

Seus seguidores querem saber o que você está tweetando, postando, curtindo, compartilhando, postando etc. Então, por que não facilitar para eles adicionando seu fluxo social ao WordPress?

Flow Flow, WordPress Social Streaming facilitado

A melhor maneira de adicionar feeds sociais ao seu blog ou site WordPress é com o Flow Flow. Como acontece com qualquer recurso que você queira adicionar ao WordPress, existem várias opções de plugins, mas deixe-nos explicar por que achamos que o Flow Flow é o melhor.

Feeds rápidos

Adicionar feeds é ainda mais fácil com o Flow Flow. Pode ficar complicado quando você precisa criar, localizar e decifrar o que é necessário para autorizar cada feed de rede social. E esse processo pode ser ainda mais complexo se você for forçado a usar um plugin diferente para cada rede. Lucky for your Flow Flow inclui suporte às redes mais populares (Facebook, Twitter, Instagram, Pinterest, etc.) ajuda).

Personalizações fáceis

Os recursos técnicos são obviamente importantes, mas a aparência do plug-in também é. Você não quer um feed feio ou incompatível exibido em seu site. O Flow Flow inclui opções para estilo de grade, colunas, espaçamento de coluna personalizado, plano de fundo do fluxo (faça com que corresponda ou se destaque no plano de fundo da linha do site ou página principal), animação, cores de fonte, estilos de ícones sociais e muito mais. E se você quiser ajustar um elemento que não tenha uma opção integrada, você sempre pode adicionar um pouco de CSS personalizado.

Integração Visual Composer

Adicione seus fluxos às páginas à medida que você os cria com a integração completa do Visual Composer do Flow Flow. O plug-in é totalmente compatível com o editor de front-end do Visual Composer para que você possa inserir facilmente seus fluxos enquanto usa outras opções do construtor de páginas para linhas e layouts.

Compatível com o tema total

E, claro, o Flow Flow é compatível com o tema Total WordPress. Na verdade, temos a honra de dizer que o Flow Flow está usando o tema Total em sua visualização ao vivo . Quando você emparelha o código sólido da Total, importações de demonstração rápidas, opções de estilo quase ilimitadas e, claro, o construtor de páginas visuais incluído com o poder de fluxo social do Flow Flow, não há nada que você não possa construir.

Mas agora que você sabe por que amamos o Flow Flow, vamos ver como você pode implementar esse plugin incrível em seu site WordPress.

Guia de início rápido de fluxo de fluxo

Looks Awesome (a equipe por trás do Flow Flow) fez um excelente trabalho documentando seu plugin. Para começar em um instante, você pode simplesmente assistir ao guia em vídeo:

Mas para aqueles de vocês que desejam acompanhar um passeio à moda antiga, continue lendo para ver como configuramos o Flow Flow.

Passo 1: Compre, baixe e instale o plugin

Primeiro você precisa de sua própria cópia do plugin, então vá para CodeCanyon e compre uma licença de uso pessoal.

OBTER FLUXOS SOCIAIS DO FLOW FLOW

Se você é um desenvolvedor, também pode considerar a licença estendida – é uma ótima maneira de agregar valor ao trabalho do seu cliente, oferecendo fluxos sociais como um recurso em todos os sites de seus clientes. Apenas uma ideia.

Baixe o plug-in Flow Flow

Depois de ter uma licença, vá para a página de downloads para baixar o arquivo do plug-in. Se você escolher a opção “Todos os arquivos e documentação”, lembre-se de que isso fará o download de um arquivo zip que inclui mais do que apenas o plug-in, portanto, você precisará descompactá-lo antes de tentar instalar o plug-in (geralmente, basta clicar duas vezes no arquivo para fazer o truque).

Carregar plug-in de fluxo de fluxo

Em seguida, faça login na sua instalação do WordPress e vá para a seção Plugins . Clique no botão na parte superior da tela para “Adicionar novo” e novamente para “Carregar plug-in”.

Clique na opção no meio da tela para “Escolher arquivo”. Procure a pasta que você acabou de baixar e descompactou do CodeCanyon, ela deve ter um nome semelhante ao Flow-Flow 3.0.9 (com esse último bit mudando com base no número da sua versão). Selecione o arquivo compactado (flow-flow.zip) dentro dessa pasta e siga as instruções na tela do WordPress para concluir a instalação do plugin. Em seguida, clique na opção para ativar.

Etapa 2: editar configurações de fluxo-fluxo

Antes de começar a construir, recomendamos dar uma olhada rápida nas configurações do plugin. Se você for para  Flow Flow > Configurações , poderá visualizar as opções internas do plug-in.

Configurações do plug-in Flow Flow

Em nossa opinião, você não vai querer perder as opções de função de usuário moderador, formato de data e a quantidade de postagens armazenadas para seus feeds. Mas dê uma olhada nas outras opções antes de salvar.

Etapa 3: adicione seus feeds sociais

Com seu plugin instalado, ativo e configurado, você pode começar adicionando seus feeds sociais. Cada rede social é diferente e algumas exigirão tokens de acesso ou aplicativos antes que você possa adicionar um feed. Mas não se preocupe – o Flow Flow torna tudo isso super fácil.

Fluxo Fluxo Criar novos feeds

Basta acessar Flow Flow > Feeds e clicar no botão verde para “Create Feed +” para começar. Isso abrirá um pop-up.

Fluxo Fluxo Selecionar Feed

A partir daqui, selecione o feed social que você deseja adicionar. Escolhemos começar pelo Pinterest, pois é super fácil de adicionar.

Configurações de alimentação de fluxo de fluxo

Depois de selecionar um feed, você será solicitado a inserir as configurações do feed. Essas opções variam de acordo com o feed selecionado. O Pinterest requer apenas o nome de usuário ou nome de usuário/placa, sua frequência preferida para atualizar (variando de 5 minutos a uma vez por semana), número de postagens a serem carregadas (1, 5, 10 ou 20), bem como a opção de moderar o que é mostrado. Quando terminar, clique em “Adicionar feed”.

Agora repita o processo para cada rede social que você deseja adicionar! Lembre-se de que pode ser necessário adicionar informações de autorização antes de adicionar um feed, mas o Flow Flow facilita isso oferecendo uma seção “Auth”.

Flow Flow Feed Autorizações

A partir daqui, você pode adicionar as informações de autorização necessárias para Twitter, Facebook, Instagram, Google+, YouTube, Foursquare, LinkedIn, SoundCloud e Dribble de uma só vez (Pinterest, Flicker, Vimeo, WordPress e RSS não exigem nenhuma autorização adicional ao serem adicionados) . Cada seção de configurações sociais inclui um link para a documentação oficial do Flow Flow se você precisar de ajuda. Recomendamos que você siga as instruções deles se não tiver certeza de como configurar seus aplicativos e/ou tokens de acesso.

Depois que suas autorizações forem adicionadas e salvas, você poderá criar e ativar feeds para essas redes sociais.

Erro de alimentação de fluxo

Se você inserir acidentalmente as informações erradas ao criar um feed ou esquecer de adicionar a autorização do feed, verá um ícone de exclamação laranja (!) como o status do feed. Basta passar o mouse sobre o ícone para ver o erro do feed. Depois de editar corretamente o feed ou as informações de autorização, você terá a opção de ativar seu feed.

Etapa 4: criar fluxos sociais

Fluxo Fluxo Criar fluxo

Depois de adicionar todos os seus feeds sociais, você pode compilá-los em fluxos sociais. Isso é rápido e fácil. Basta acessar a aba “Streams” e clicar no botão verde para “Create Stream”

Adicionar fontes de feed social

Configurações de fluxo de fluxo

Dê um nome ao seu stream e comece a adicionar seus feeds. Basta usar o campo suspenso para selecionar e adicionar cada uma de suas fontes de feed preferidas.

Fluxo Fluxo Origem Fluxo

Ao adicionar feeds, você poderá vê-los na seção “Feeds conectados”.

Em geral

Opções gerais de fluxo de fluxo

Em seguida, clique na guia “Geral” para definir opções importantes para ordenação, contagem de postagens, lightbox, privacidade, exibição do dispositivo e muito mais.

Rede

Configurações de grade de fluxo de fluxo

Não pule essas opções! Você vai querer ir para a guia “Grade” para alterar as configurações de design de grade (alvenaria, grade igual ou justificada), colunas e espaçamento, título e muito mais.

Estilo de fluxo social

Estilo personalizado de fluxo de fluxo

Flow Flow facilita a criação de um fluxo com aparência personalizada. Use as opções de estilo de cartão e o construtor de cartão de arrastar e soltar para recolorir e reorganizar suas postagens de fluxo social.

CSS customizado

CSS personalizado de fluxo de fluxo

Se você é um desenvolvedor ou se é bem versado em CSS, há uma seção interna para adicionar seu código personalizado. Essa é uma ótima maneira de ajustar a exibição visual do seu stream para realmente corresponder ao site do seu cliente.

Código curto

Código de acesso do fluxo de fluxo

A última guia do seu stream contém o código de acesso do stream. Isso pode ser copiado e colado em uma postagem ou página para exibir instantaneamente seu fluxo.

Etapa 5: adicione seu stream ao seu site

A última etapa é tornar seu fluxo visível inserindo-o em uma página. Uma opção é copiar o shortcode e colá-lo no editor de texto da sua página. Mas se você estiver usando um tema com um construtor de páginas como o nosso tema Total WordPress , é tão simples quanto clicar em alguns botões.

Crie uma página de fluxo social

Primeiro, crie uma nova página, dê um nome a ela e escolha o layout da página, a imagem em destaque etc. Quando terminar as configurações da página, clique no back-end ou no editor front-end do Visual Composer (gostamos de ver o que estamos fazendo, então sempre usamos o editor frontend com o Total).

Insira o Módulo de Fluxo de Fluxo

Em seguida, clique no ícone de mais (+) para adicionar um novo elemento de página e selecione o fluxo social Flow Flow.

Selecione seu fluxo

Em seguida, selecione o fluxo social que deseja adicionar e salve suas alterações. É isso! Basta publicar sua página para torná-la visível para os visitantes do seu site.

Mais recursos de fluxo de fluxo

O poder por trás do Flow Flow não para por aí! Os desenvolvedores também lançaram alguns complementos úteis para o plug-in para fornecer ainda mais valor agregado por meio de seus fluxos sociais.

Publicidade e branding : monetize seus fluxos sociais com o complemento Flow Flow Advertising & Branding . Com isso instalado, você pode vender spots em destaque em seu fluxo social, inserir anúncios ou até mesmo criar cartões heróis para suas campanhas de mídia social.

Extensão de Radiodifusão: Tem um lobby em seu escritório? Ou talvez sua empresa esteja hospedando ou participando de uma conferência? O Flow Flow Broadcasting Extension é exatamente o que você precisa. Use-o para exibir sua transmissão social ao vivo em uma tela grande (tv, projetor, etc) e instantaneamente chamar a atenção para suas postagens, tweets, anúncios etc.

Pensamentos finais

Para resumir, o Flow Flow é um plug-in rico em recursos que fornece a todos os usuários do WordPress uma maneira fácil de exibir coletivamente feeds sociais (seja em seu site ou em uma TV de tela grande). Pessoalmente, adoramos as opções fáceis, excelente documentação, integração com o Visual Composer (e Total) e extensões úteis. Você pode aprender mais sobre o Flow Flow na página do plug-in e esperamos que você experimente em seu próximo projeto de cliente ou em seu próprio site pessoal.

Tem alguma dúvida sobre o Fluxo de Fluxo? Ou talvez você tenha usado o plugin e queira compartilhar algumas dicas e truques? Basta deixar um comentário – nós adoraríamos ouvir seus pensamentos!

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

Meu carrinho
🎁 Faltam R$300,00 para liberar o Cupom Secreto
Seu carrinho está vazio.

Parece que você não adicionou nada ao seu carrinho =(