--- title: "Como incorporar feed de mídia social em site Webflow" date: 2023-11-06 canonical_id: embed-social-media-feed-on-webflow-website author: "osogovo" category: - blog - social-media-feeds - tutorials locale_slug: incorporar-feed-midia-social-webflow summary: "Descubra como manter seu site Webflow envolvente com nosso guia fácil sobre incorporação de feed de mídia social. Comece agora com EmbedSocial!" draft: false seo: title: "Como incorporar feed de mídia social em site Webflow" description: "Descubra como manter seu site Webflow envolvente com nosso guia fácil sobre incorporação de feed de mídia social. Comece agora com EmbedSocial!" structured_data: article --- Webflow para construir seu site é bem legal, certo? Mas você sabe o que pode torná-lo ainda melhor? Adicionar um feed de mídia social ao vivo. É como mostrar a conversa animada em torno de sua marca diretamente em sua página inicial. E com um agregador de mídia social como EmbedSocial, é super fácil fazer isso. Este guia é tudo sobre tornar seu site Webflow mais envolvente sem muito alvoroço. Se você é novo em Webflow ou um pouco astuto, você verá como é simples manter seu site vibrante com o mais recente de suas redes sociais. Então, vamos mergulhar e colocar essas vibrações sociais fluindo em seu site! ## Passo 1: Agregue seu feed de mídia social O primeiro passo para incorporar widget de mídia social em um site Webflow é configurar um fluxo de conteúdo que capture a atividade de mídia social da sua marca. Aqui está como começar com EmbedSocial: Navegue até o site da EmbedSocial e inscreva-se para uma conta. Você pode [iniciar uma avaliação gratuita,](/admin/continue_plugin_purchase/socialfeed29/trial?continue_onboarding=ai_widget) explorando toda a gama de recursos sem comprometimento imediato. Assim que sua conta estiver ativa, o primeiro passo é conectar suas contas de mídia social. EmbedSocial pode gerar conteúdo de quase todos os seus canais de mídia social da marca. Seja as últimas postagens do Instagram, atualizações do Facebook ou tweets, EmbedSocial pode puxá-las para um único feed coeso. Então, primeiro, escolha a plataforma de mídia social de onde você quer puxar dados; Vá para **Fontes**, clique em 'Instagram' (por exemplo) e siga as etapas para fornecer as permissões necessárias. ![Conectar fonte Instagram em EmbedSocial](https://embedsocial.com/wp-content/uploads/2023/09/add-instagram-source.jpg) Se você optar pelo Instagram, você pode continuar a configuração escolhendo se deseja criar um feed com sua conta do Instagram, conteúdo que contém algumas hashtags, suas próprias histórias do Instagram ou similar. ![escolher conta de negócio do Instagram](https://embedsocial.com/wp-content/uploads/2022/08/steps-embed-instagram-choose-instagram-account.jpg) Saiba mais sobre [como incorporar feed do Instagram no Webflow](/help/en/articles/4444460-how-to-embed-instagram-feed-in-webflow). ## Etapa 2: escolha o design do widget de feed de mídia social Após agregar seu conteúdo, o próximo passo é decidir como ele será exibido em seu site Webflow. EmbedSocial fornece uma enorme biblioteca de templates de widget de mídia social com diferentes opções de layout para corresponder melhor ao seu design e estratégia de conteúdo. Para criar o widget, basta clicar no botão "**Use este modelo**" e você será redirecionado para o editor de widget para continuar com outras personalizações. ![selecione modelo de feed de mídia social](https://embedsocial.com/wp-content/uploads/2017/06/select-social-media-template.jpg) Aqui estão alguns dos widgets que fornecemos na biblioteca: ### Feed de mídia social com layout de alvenaria Um layout estilo alvenaria perfeito para uma aparência mais orgânica e variada. ### Grade de mídia social ![Exemplo de um feed de mídia social TikTok arco-íris](https://embedsocial.com/wp-content/uploads/2023/11/rainbow-tiktok-social-media-feed-example-1024x623.jpg) Um layout limpo e uniforme que apresenta seu conteúdo de mídia social de forma estruturada. Aqui está um exemplo de um feed do Instagram com este layout de grade: ### Carrossel de mídia social ![Exemplo de widget carrossel de feed de mídia social ](https://embedsocial.com/wp-content/uploads/2023/11/social-media-feed-carousel-example.jpg) [Carrossel de feed de mídia social](/templates/social-media-feed-two-row-slider-with-filter/) Um layout dinâmico e deslizante que adiciona movimento à sua página, mostrando uma postagem por vez. Para procurar mais widgets, verifique abaixo: ## Etapa 3: incorporação do feed de mídia social Webflow Depois de selecionar o design do widget de feed de mídia social preferido, EmbedSocial fornecerá um código de incorporação. Para obter o código, navegue até a guia Incorporar e clique em **Copiar código**, como mostrado abaixo: ![obter código incorporável para incorporar feed instagram gratuito](https://embedsocial.com/wp-content/uploads/2018/04/copy-instagram-feed-widget-code-1.jpg) É um processo direto: nenhuma codificação é necessária; apenas copie e cole, e está tudo pronto para elevar a visibilidade de sua marca e espalhar a conscientização com pouco esforço. Então, uma vez que você tenha o código, vá para Webflow e certifique-se de estar em um [plano Webflow pago](https://webflow.com/pricing), pois isso é necessário para adicionar incorporações de terceiros. Abra seu projeto Webflow e navegue até a página onde você deseja que seu feed de mídia social apareça. Clique no ícone **'+'** para adicionar um novo elemento à sua página. Percorra os elementos até encontrar a opção "**Incorporar**", então arraste e solte-a no local desejado da página. ![Como incorporar Twitter em Webflow](https://embedsocial.com/wp-content/uploads/2020/09/embed-social-media-feed-widget-code-in-webflow.jpg) Um painel de configurações aparecerá, solicitando seu código de incorporação. Cole o código fornecido pela EmbedSocial no campo. ![Incorporar código de feed de mídia social em Webflow](https://embedsocial.com/wp-content/uploads/2023/11/embed-code-in-webflow.jpg) Clique em **'Salvar e fechar'** para garantir sua incorporação no lugar. Agora, quando você publicar ou atualizar seu site, seu feed de mídia social entrará em vigor para todos os seus visitantes ver. Leia mais no centro de ajuda oficial do Webflow sobre como incorporar código no elemento Incorporar: > [Como incorporar HTML em Webflow?](https://university.webflow.com/lesson/custom-code-embed?topics=elements#how-to-add-an-embed-element) > > Leitura adicional ## Por que adicionar feeds de mídia social ao seu site Webflow? Incorporar esses widgets de mídia social não apenas mantém seus seguidores atuais de mídia social engajados, mas também ajuda você a ganhar mais seguidores de mídia social. Adicionando continuamente conteúdo fresco e autêntico de suas contas de mídia social, como sua conta do Instagram ou atualizações do Facebook, você está criando um feed de atualização ao vivo alimentado por EmbedSocial que pode influenciar as decisões de compra dos visitantes do seu site. Esta é prova social em ação, uma das principais motivações para os clientes quando estão indeciso sobre uma compra. Portanto, aqui está um resumo dos principais benefícios de usar um feed de mídia social em seu site: - **Mantenha seu conteúdo atualizado**: com um feed ao vivo, seu site sempre tem conteúdo novo, o que pode manter os visitantes voltando para mais. - **Aumente o envolvimento**: ver atualizações em tempo real e conteúdo gerado pelo utilizador pode incentivar os visitantes a interagir mais com sua marca, tanto em seu site quanto na mídia social. - **Construir confiança através de prova social**: quando clientes em potencial veem pessoas reais amando seus produtos ou serviços, isso adiciona credibilidade e pode influenciar decisões de compra. - **Estenda seu alcance**: seus esforços de mídia social recebem mais exposição, não apenas de seus seguidores, mas de todos os visitantes do seu site. - **Cresça sua presença social**: mais visibilidade significa mais potenciais seguidores, ajudando você a construir um público maior em suas plataformas sociais. ## **Primeiros passos** Adicionar um feed de mídia social ao seu site Webflow com EmbedSocial é uma jogada inteligente. Não é apenas sobre estética; é sobre criar um espaço envolvente, envolvente e confiável que ressoa com os visitantes. Seguindo as etapas descritas acima, você pode transformar seu site de um folheto estático para um hub dinâmico que reflete o pulso de sua marca. Então, por que não tentar? Inscreva-se no EmbedSocial, escolha seu layout perfeito e coloque esse buzz social fluindo em seu site Webflow. Seu público está esperando para se conectar com você de mais de uma forma, e agora você tem as ferramentas certas para fazer isso acontecer. EmbedSocial se conecta com todas as principais plataformas de mídia social, permitindo que você incorpore widgets de mídia social do Twitter, Instagram, Facebook, YouTube, TikTok, Pinterest e Vimeo.