--- title: "Guia passo a passo para incorporar Reels do Facebook no site" date: 2024-08-31 canonical_id: embed-facebook-reels-on-website author: "osogovo" category: - blog - facebook - social-media-feeds - widgets - wordpress summary: "Gere e incorpore reels do Facebook no seu site para melhor engajamento, atualizações ao vivo e mais vendas." locale_slug: "guia-incorporar-reels-facebook-site" draft: false seo: title: "Guia passo a passo para incorporar Reels do Facebook no site" description: "Gere e incorpore reels do Facebook no seu site para melhor engajamento, atualizações ao vivo e mais vendas." structured_data: article --- Os Reels do Facebook estão ganhando um grande número de rastreamento, e os utilizadores adotaram o formato para publicar conteúdo diário. As marcas também estão se envolvendo nessa tendência, principalmente devido à sua natureza interativa em dispositivos móveis. Por essa razão, criar esse conteúdo, que desaparece após 24 horas, precisa de uma nova maneira de permanecer vivo e ser reutilizado. Uma maneira de fazer isso é sincronizar os reels do Facebook publicados no seu site, assim como você pode fazer com outros [feeds de mídia social](/blog/new-social-media-feeds/). Leia abaixo como fazer isso com EmbedSocial. ## Benefícios de incorporar Reels do Facebook Caso você esteja se perguntando por que precisa incorporar seus reels do Facebook, aqui estão alguns benefícios: - Reutilize conteúdo e economize tempo para exibi-lo no seu site - Aumente o alcance dos seus reels do Facebook além de sua página do Facebook - Atraia visitantes do site para começar a seguir sua página do Facebook - Crie melhor engajamento no seu site e ajude as pessoas a estabelecer confiança - Também pode ajudar a aumentar o tráfego do site ao obtê-lo indexado nos resultados de pesquisa do Google Caso você queira alcançar alguns ou todos os benefícios acima, verifique os passos abaixo sobre como exibir facilmente Reels do Facebook no seu site sem nenhuma habilidade de codificação necessária. ## Guia passo a passo para incorporar Reels do Facebook Aqui estão os passos sobre como exibir Reels do Facebook no seu site: 1. [Inscreva-se](/admin/continue_plugin_purchase/socialfeed29/trial?continue_onboarding=ai_widget) para o widget Reels do Facebook 2. Em **Fontes**, escolha **Facebook** e forneça as permissões para acessar seu conteúdo do Facebook ![Selecione Facebook como fonte para incorporar reels do Facebook](https://embedsocial.com/wp-content/uploads/2024/08/select-facebook-as-source-to-embed-facebook-reels.jpg) 3. Depois, escolha a página do Facebook da qual você deseja gerar reels do Facebook; ![Selecione a página do Facebook da qual gerar Reels do Facebook](https://embedsocial.com/wp-content/uploads/2024/08/choose-facebook-page-to-embed-reels.jpg) 4. Escolha um modelo ou estilo de widget Reels do Facebook. 5. Crie o widget, e uma vez pronto para incorporar, clique em **Incorporar** para copiar o código incorporável. ![Copie código para incorporar widget reels do facebook](https://embedsocial.com/wp-content/uploads/2024/08/embed-code-for-facebook-reels-widget.jpg) 6. Depois, e finalmente, vá para o código do seu site e cole o código do widget onde você deseja exibi-lo. Por favor, observe que se você escolher o estilo pop-up, você pode adicionar o código no Rodapé do seu site dentro das tags . Ele aparecerá em todo o seu site como um popover flutuante na parte inferior do site. ## Incorporando Reels do Facebook em qualquer página da web ou construtor de site Conforme mencionado acima, para incorporar Reels do Facebook no seu site, você só precisa colar o código de incorporação na página da web onde deseja exibi-lo. Isso funciona para a maioria dos construtores de site ou plataformas de ecommerce. Abaixo, descreveremos os passos exatos para incorporar o código de cada plataforma. Como incorporar Reels do Facebook no WordPress ### Passos para incorporar Reels do Facebook no WordPress Antes de começar, observe que você pode incorporar os Reels do Facebook usando a plataforma EmbedSocial com ou sem um plugin do WordPress. Ele está integrado diretamente com a API do Instagram, então você não precisará configurar seu ID de utilizador ou atualizar tokens de acesso. Você só precisa clicar em um botão e conceder permissão à nossa plataforma para sincronizar suas postagens no seu site WordPress. A EmbedSocial oferece duas opções para incorporar Reels do Facebook: um **código JavaScript para incorporação direta** dentro de posts do WordPress e um **plugin para incorporar Reels do Facebook com um shortcode**. Aqui estão as instruções para ambos os métodos: #### **Opção 1:** Plugin Reels do Facebook ![plugin de feed instagram para wordpress](https://embedsocial.com/wp-content/uploads/2018/04/instagram-feed-plugin-for-wordpress.jpg) A EmbedSocial fornece um [plugin gratuito Reels do Facebook para WordPress](https://wordpress.org/plugins/embedalbum-pro/) como parte do agregador de mídia social, e funciona para qualquer tema WordPress. Com [Reels do Facebook para WordPress,](/instagram-widget/wordpress/) você pode criar um feed de vídeo completo com seus vídeos do Facebook. Antes de começar, você precisará primeiro conectar sua conta do Facebook. Depois, siga estes passos para ativar o plugin do Facebook no seu site WordPress: 1. Abra seu admin do WordPress e navegue até **Plugins**; 2. Em Pesquisa, digite EmbedSocial, e nos resultados de pesquisa, clique para Instalar; 3. Depois que instalado, na lista de Plugins, clique em **Ativar**; 4. Agora, abra sua página WordPress onde você deseja mostrar o feed; 5. Clique no botão **+** para adicionar um bloco, escolha um bloco HTML **personalizado** (ou use um bloco de shortcode); 6. Cole o código HTML fornecido; 7. Clique em **'Salvar'/'Publicar** 'nessa página. ![Passos para incorporar HTML no WordPress](https://embedsocial.com/wp-content/uploads/2020/09/embed-social-media-widget-code-in-wordpress.jpg) Pronto. Uma vez que você abra o front-end do seu site WordPress, você verá as últimas postagens do Instagram no seu site. A EmbedSocial o ajudará a escolher o layout, vários colunas e um botão de seguir, e até incluir postagens do seu feed do Facebook, feed do Instagram ou feed do TikTok em um widget de mídia social. #### **Opção 2:** Incorpore Reels do Facebook com JavaScript Esta opção é geralmente recomendada para incorporações únicas, como mostrar um widget Reels do Facebook na barra lateral do site. Para fazer isso, você precisará obter o código de sua conta EmbedSocial e colar o código na área de Widgets onde você tem sua barra lateral. #### Leia mais: - [Tutorial detalhado: como incorporar feed do Facebook no WordPress](/instagram-widget/wix/) Como mostrar Reels do Facebook no site Shopify ### Passos para exibir feed do Instagram no Shopify Existem algumas opções ao incorporar um widget Reels do Facebook no Shopify, e o tutorial abaixo mostrará como incorporar o código JavaScript em uma página selecionada: 1\. Faça login no Shopify, vá para **Loja** \> **Opções** \> **Páginas**, e abra a página em questão; 2\. No editor de páginas do Shopify, clique no **ícone de código do canto superior direito**: ![incorporar instagram no shopify](https://embedsocial.com/wp-content/uploads/2018/05/embed-instagram-shopify.png) 3\. Clique no **ícone HTML/código** (canto superior direito) e cole o código fornecido; 4\. Finalmente, clique em **'Salvar,'** e o feed Reels do Facebook aparecerá na página selecionada: ![colar código em Shopify](https://embedsocial.com/wp-content/uploads/2018/05/paste-html-code-shopify.png) #### Leia mais: - [Tutorial detalhado: como incorporar feed do Instagram no Shopify](/instagram-widget/shopify/) Como mostrar Reels do Facebook em um site Wix ### Passos para exibir Reels do Facebook em um site Wix Siga os passos abaixo para incorporar Reels do Facebook no Wix: 1\. Primeiro, faça login em sua conta Wix e abra seu editor de site; 2\. Clique no **botão '+' no canto superior esquerdo** para adicionar um novo bloco, e no pop-up, escolha o bloco **iFrame**: ![Selecione bloco iframe no Wix](https://embedsocial.com/wp-content/uploads/2018/04/add-iframe-block-in-wix.jpg) 3\. Assim que o bloco iFrame aparecer, clique no **botão 'Enter Code' no canto superior esquerdo**: ![clique para adicionar código no bloco iframe em wix](https://embedsocial.com/wp-content/uploads/2018/04/embed-instagram-feed-code-in-wix.jpg) 4\. Cole o código do widget que você copiou do editor de widget e clique em **'Atualizar'**: ![adicione código do widget feed instagram no Wix](https://embedsocial.com/wp-content/uploads/2018/04/add-instagram-feed-code-in-wix.jpg) 5\. Redimensione o bloco iFrame para se adequar ao widget e clique em **'Publicar':** ![redimensionar e publicar página Wix com widget feed instagram](https://embedsocial.com/wp-content/uploads/2018/04/publish-wix-website-with-instagram-feed.jpg) Como incorporar Reels do Facebook no HubSpot ### Passos para incorporar Reels do Facebook no HubSpot O construtor de sites do HubSpot é uma plataforma muito popular para criar páginas de destino entre utilizadores sem habilidades técnicas específicas. Para incorporar seu feed do Instagram no HubSpot CMS Hub, siga estes passos: 1. Faça login em sua conta do HubSpot; 2. **Clique em Marketing** no menu superior e clique em **Landing Pages**; 3. Clique em editar na página onde você deseja que o feed do Instagram fique; 4. No editor de página de destino, clique no menu superior **Arquivo** e selecione **Configurações de página**; 5. Aqui, escolha **Avançado** e navegue para a área de texto **Rodapé**; 6. Cole o código do widget; 7. Clique em **Salvar** ou **Publicar**. ![passos para incorporar feed do Instagram no site Hubspot](https://embedsocial.com/wp-content/uploads/2018/04/embed-instagram-feed-in-hubspot.jpg) Pronto. Você pode apenas definir o widget Reels do Facebook e esquecer, pois ele será atualizado automaticamente toda vez que você publicar em sua página do Facebook. Como incorporar feed reels do facebook em Notion ### Passos para incorporar Reels do Facebook em Notion Você usa Notion para criar páginas de destino? Se sim, os passos a seguir podem ajudá-lo a sincronizar sua atividade do Instagram com suas páginas do Notion. Para começar, você precisará da URL do widget, que pode obter uma vez que abre o editor de widget e clica no botão **'Código iFrame'** na aba **'Incorporar'**. Quando você vê o pop-up, basta clicar em 'URL' (terceiro na lista), e toque em **'Copiar URL'**: ![URL do feed Instagram](https://embedsocial.com/wp-content/uploads/2018/04/reviews-widget-url-copy.jpg) Para incorporar os Reels do Facebook em sua página do Notion, siga estes passos: 1. Faça login em sua conta do Notion e abra a página onde você deseja incorporar o feed; 2. Selecione onde colocar o widget, digite **/embed,** e escolha a opção **Incorporar**; 3. Clique na aba **Incorporar link**, e na aba URL, cole a URL do widget: ![feed do instagram de incorporação em link de incorporação notion ](https://embedsocial.com/wp-content/uploads/2018/04/embed-reviews-in-notion.jpg) Como mostrar seu feed do Instagram no Squarespace ### Passos para exibir seu feed do Instagram no Squarespace O código fornecido pelo widget Reels do Facebook também funciona dentro do Squarespace. Primeiro, vá para sua conta Squarespace, e da página inicial, navegue para o site onde você deseja mostrar o widget: Agora siga estes passos para colar o código incorporável do seu widget Reels do Facebook: 1\. Navegue para a seção da página onde você deseja adicionar o widget e adicione um novo bloco de conteúdo clicando no **botão mais**: ![adicionar área de bloco html no Squarespace](https://embedsocial.com/wp-content/uploads/2021/12/add-html-block-squarespace.jpg) 2\. Selecione o bloco **'Incorporar'** e clique no ícone de código **"Incorporar dados"**: ![clique no ícone de dados de incorporação](https://embedsocial.com/wp-content/uploads/2021/12/click-the-embed-data-icon-squarespace.jpg) 3\. Cole o código no ponto de inserção e clique em **'Definir'**: ![incorpore código html no squarespace](https://embedsocial.com/wp-content/uploads/2021/12/embed-instagram-widget-code-squarespace.jpg) Como incorporar feed Reels do Facebook no HTML do site? ### Passos para incorporar Reels do Facebook no HTML Se você usa HTML puro para construir seu site, aqui estão os passos sobre como colar facilmente o código incorporável: 1. Copie o código Reels do Facebook fornecido da sua conta EmbedSocial (conforme mostrado anteriormente) 2. Vá para sua pasta de site e abra o HTML onde você deseja adicionar o código 3. Encontre a div na seção onde você deseja exibir o widget e apenas cole o código. ![Passos para incorporar avaliações do Google HTML](https://embedsocial.com/wp-content/uploads/2024/02/embed-google-reviews-html-steps.jpg) ## Personalizando widget Reels do Facebook incorporado As opções para personalizar seu widget Reels do Facebook com EmbedSocial são infinitas, aqui estão as principais coisas que você pode personalizar: ![Configurações de personalização para um widget Reels do Facebook](https://embedsocial.com/wp-content/uploads/2024/08/social-media-feed-facebook-instagram-customization-1024x609.jpg) - Escolha o layout do widget - slider, feed, popover. - Escolha o cartão do widget - para parecer um formato de feed com a legenda ou como um formato Reels verticais. - Escolha para reproduzir automaticamente os vídeos. - Selecione uma opção para mostrar vídeos em Lightbox ou para abrir o link original. - Adicione botões CTA ou marque produtos mencionados no vídeo para que as pessoas possam clicar e comprar o produto no seu site. - Use CSS personalizado para mudar completamente as cores e aparência do widget para se adequar ao seu site. ## Melhores práticas para incorporar Reels do Facebook Você pode implementar algumas melhores práticas ao incorporar reels do Facebook no seu site. Descreveremos as mais óbvias, relacionadas à criação de vários widgets com base no caso de uso ou conteúdo que você deseja sincronizar com seu site. ### 1. Widget de vitrine de produtos Use os Reels do Facebook que você produz para promover produtos no Facebook e sincronize-os no seu site - que pode ser altamente eficaz para destacar produtos principais ou novos lançamentos. ### 2. Widget de conteúdo gerado pelo utilizador (UGC) Apresente Reels criados por clientes - que você repostou em sua página do Facebook, mostrando seus produtos em cenários da vida real, garantindo que o conteúdo se alinhe com a imagem da sua marca. Este widget não apenas oferece prova social, mas também incentiva outros clientes a criar e compartilhar seus próprios Reels, especialmente se você incluir um CTA convidando para mais checkout. Girar Reels UGC em destaque regularmente mantém o conteúdo dinâmico e envolvente. ### 3. Widget de destaques de eventos Um widget de destaques de eventos é perfeito para capturar e compartilhar momentos-chave de eventos ao vivo, webinars ou conferências. Ao incorporar Reels que apresentam destaques de eventos, sessões de palestrantes ou interações de participantes, você pode fornecer aos visitantes um recapitulativo visual que melhora o impacto do seu evento. Este widget mantém seu público engajado com sua marca mesmo após o evento terminar e serve como um recurso valioso para aqueles que não puderam participar ao vivo. ### 4. Widget de notícias e atualizações Para sites focados em notícias da indústria ou atualizações da empresa, você pode usar a capacidade de mostrar Reels do Facebook que você também publica no Facebook com conteúdo atemporal e envolvente. Incorpore Reels que cobrem notícias de última hora, anúncios da empresa ou insights da indústria para fornecer aos visitantes as últimas informações em um formato de vídeo digestível. ### 5. Widget de promoções sazonais Mostre ofertas por tempo limitado, produtos com tema de férias ou campanhas especiais que você promove no Facebook e em seu site. Ao atualizar o widget Reels para corresponder à estação atual ou feriados próximos, você pode criar um senso de urgência e relevância que incentiva os visitantes a tomar medidas imediatas no seu site dentro de seu formato familiar do Facebook. Veja esta demo do widget: (function(d, s, id) { var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "/cdn/ht.js"; d.getElementsByTagName("head")\[0\].appendChild(js); }(document, "script", "EmbedSocialHashtagScript")); ## Principais pontos de aprendizagem - Incorporar Reels do Facebook no seu site pode ser uma ótima maneira de impulsionar engajamento e conectar com seu público. - Seguindo os passos descritos neste guia, você pode facilmente incorporar Reels do Facebook no seu site, seja construído com WordPress, Wix, Shopify ou qualquer construtor de site popular. - Personalize o player de vídeo incorporado para corresponder à sua marca e teste o vídeo para garantir que está sendo reproduzido corretamente.