Últimas notícias da SeedProd

Tutoriais, dicas e recursos do WordPress para ajudar a expandir seus negócios

Como incorporar vídeos do Facebook no WordPress (3 maneiras fáceis) 

Escrito por: avatar do autor Stacey Corrin
avatar do autor Stacey Corrin
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.
     Avaliado por: reviewer avatar Turner John
reviewer avatar Turner John
John Turner é o cofundador da SeedProd. Ele tem mais de 20 anos de experiência em negócios e desenvolvimento e seus plug-ins foram baixados mais de 25 milhões de vezes.

Deseja incorporar vídeos do Facebook no WordPress?

Os vídeos que você publica no Facebook também podem ser um conteúdo interessante para o seu site WordPress. Ao incorporar vídeos e feeds de vídeo do Facebook, você pode adicionar conteúdo novo ao seu site WordPress e, ao mesmo tempo, aumentar o número de seguidores no Facebook.

Neste guia, compartilharemos três maneiras fáceis de incorporar um vídeo do Facebook no WordPress, passo a passo.

Você pode incorporar um vídeo do Facebook no WordPress?

É absolutamente possível incorporar um vídeo do Facebook no WordPress. No entanto, há diferentes maneiras de fazer isso, com diferentes níveis de dificuldade.

Uma das maneiras mais fáceis de adicionar vídeos do Facebook ao seu site WordPress é usar um plug-in do WordPress com a funcionalidade de player de vídeo incorporado. Mais adiante neste guia, compartilharemos dois dos melhores plug-ins do WordPress para essa tarefa.

Por que incorporar vídeos do Facebook no WordPress?

Incorporar vídeos do Facebook no WordPress é mais do que apenas deixar seu site com boa aparência. Uma das melhores vantagens é que ela aprimora a experiência do usuário, tornando seu conteúdo mais interativo e envolvente.

Além disso, a incorporação de vídeos do Facebook em seu site pode ajudar a direcionar o tráfego para o seu site a partir de plataformas de mídia social e mantê-lo lá por mais tempo. Isso dá aos visitantes tempo suficiente para saber mais sobre sua empresa e se aprofundar no que você oferece.

Também é uma maneira eficaz de melhorar a otimização do mecanismo de pesquisa (SEO) do seu site, pois um maior envolvimento pode reduzir as taxas de rejeição.

A cereja do bolo? Adicionar um vídeo do Facebook ao WordPress é incrivelmente fácil com as ferramentas certas, portanto, clique em qualquer um dos links rápidos abaixo para ir para o seu método favorito:

Como incorporar um vídeo do Facebook no WordPress usando o SeedProd

Uma maneira de adicionar vídeos ao seu site WordPress é durante a fase de design e desenvolvimento. Por exemplo, talvez você queira incluir um vídeo de boas-vindas na sua página inicial ou um vídeo explicativo na página de destino de um produto.

Como os estudos mostram que a inclusão de vídeos nas páginas de destino pode ajudá-lo a atingir taxas de conversão até 34% mais altas, fazer isso é uma medida inteligente para qualquer proprietário de site. Então, em vez de usar um vídeo do YouTube, por que não reutilizar um vídeo de sua página do Facebook?

A melhor maneira de criar uma página de destino ou um design personalizado do WordPress é com um construtor de páginas do WordPress, como o SeedProd.

Construtor de sites WordPress SeedProd Drag and Drop

O SeedProd tem centenas de modelos pré-fabricados e um construtor do tipo arrastar e soltar que permite a qualquer pessoa criar páginas de destino impressionantes do WordPress sem código. Com o recurso Theme Builder, você também pode criar temas personalizados do WordPress desde o início, sem contratar um desenvolvedor.

Sua biblioteca de blocos do Facebook o torna uma excelente ferramenta para incorporar vídeos do Facebook. Com alguns cliques, você pode incorporar publicações, vídeos, comentários, linhas do tempo, eventos ou mensagens do Facebook. Isso significa que você pode otimizar seu fluxo de trabalho de design sem adicionar plug-ins extras do WordPress ao seu site.

Siga o tutorial abaixo para incorporar um vídeo do Facebook no WordPress usando o SeedProd.

Etapa 1. Instalar e ativar o SeedProd

Primeiro, instale e ative o plugin SeedProd em seu site WordPress. Neste guia, usaremos o SeedProd Pro por seus recursos avançados. 

Para obter ajuda com essa etapa, consulte nossa documentação detalhada sobre a instalação do SeedProd.

Etapa 2. Escolha um modelo

A próxima etapa é escolher um modelo para usar como base para seu design personalizado do WordPress.

Há duas maneiras de fazer isso no SeedProd:

  • Theme Builder - Você pode começar com um kit de site pré-fabricado e personalizar cada modelo para criar um tema WordPress personalizado que substitua seu tema atual.
  • Landing Page Builder - Ou você pode escolher um modelo de página de destino e personalizá-lo para criar uma página independente que funcione perfeitamente com o tema existente do WordPress.

Observação: ambas as opções permitem que você use blocos do Facebook para incorporar seus vídeos.

Para este guia, usaremos a opção Landing Page Builder. Portanto, navegue até SeedProd " Landing Pages em seu painel do WordPress e clique no botão Add New Landing Page.

Adicionar uma nova página de destino com o SeedProd

A partir daí, navegue pelos modelos de página de destino até encontrar um que funcione para você. Lembre-se de que você pode personalizar qualquer modelo de acordo com suas necessidades, portanto, procure um que se aproxime do que você deseja.

modelos de páginas de destino

Depois de encontrar um modelo de que goste, passe o mouse sobre ele e clique no ícone de marca de seleção para escolhê-lo.

Escolha um modelo de página de destino

Em seguida, você verá uma janela pop-up que permite inserir o nome e o URL da página de destino. Quando você estiver satisfeito com esses detalhes, clique no botão Save and Start Editing the Page (Salvar e começar a editar a página ).

nome da página de destino

Etapa 3. Personalize o modelo de sua página de destino

Na próxima tela, você verá o construtor de páginas de arrastar e soltar do SeedProd. Ele visualizará seu modelo à direita e mostrará vários blocos e configurações à esquerda.

Interface do construtor de arrastar e soltar do SeedProd

Você pode clicar em qualquer lugar da visualização para ver as configurações desse elemento de design específico. Por exemplo, selecionar o título do modelo abre um painel à esquerda no qual você pode alterar o texto, o nível do título e o alinhamento.

Personalizar o título da página

Se você precisar de mais opções de personalização, acesse a guia Advanced (Avançado ) para esse bloco. Aqui você verá opções de personalização para tipografia, cor, preenchimento, espaçamento, capacidade de resposta para dispositivos móveis e muito mais.

Opções avançadas de personalização de títulos

Como esse modelo não tem um elemento de vídeo incorporado, precisaremos adicionar um para exibir o vídeo do Facebook. Mostraremos a você como fazer isso a seguir.

Etapa 4. Adicionar o bloco de incorporação do Facebook

Para incorporar um vídeo do Facebook em sua landing page, role pela seção Blocos avançados à esquerda e encontre o bloco Facebook Embed. Agora, arraste esse bloco para o lugar em sua landing page.

Bloco de incorporação do Facebook do SeedProd

Por padrão, o bloco Facebook Embed exibirá uma publicação de espaço reservado do Facebook em vez de um vídeo. Para alterar isso, abra as configurações do bloco clicando nele e escolha a opção "Vídeo" no menu suspenso "Tipo".

Tipo de vídeo incorporado do Facebook

Em seguida, cole o URL do vídeo do Facebook no campo "Video Link". Agora você deve ver uma visualização do seu vídeo do Facebook incorporado à sua landing page.

Configurações de incorporação de vídeo do Facebook

Há várias maneiras de personalizar a aparência da incorporação do vídeo. Por exemplo, você pode ativar ou desativar os botões para permitir a tela cheia, a reprodução automática de vídeos e a inclusão de legendas.

Na guia Advanced (Avançado), há configurações para alterar o espaçamento do vídeo, os atributos CSS, a visibilidade do dispositivo e adicionar efeitos de animação.

Configurações avançadas de incorporação de vídeo do Facebook

Continue a personalizar sua página de destino até ficar satisfeito com o design. Por exemplo, talvez você também queira adicionar um botão Curtir do Facebook, depoimentos ou até mesmo um formulário de opt-in para coletar endereços de e-mail.

Configurações do bloco de formulário opt-in do SeedProd

Lembre-se de clicar no botão Save (Salvar ) para armazenar suas alterações.

Dica profissional: Ao personalizar sua página de destino, clique na guia Configurações da página para definir suas configurações de SEO na página e adicionar suas informações de rastreamento de pixel do Facebook.

configurações da página de destino

Etapa 5. Publique sua página de vídeo no Facebook

Antes de publicar sua página, clique no ícone de celular no canto inferior direito para ver se seu design fica bem em dispositivos móveis.

Visualização móvel do SeedProd

Se algo não estiver certo, você pode editar facilmente a versão móvel da sua página para se adequar aos usuários que visitam a página em smartphones e tablets.

Configurações da página de visualização móvel

A partir daí, você pode clicar em Publicar no botão Salvar para tornar sua página de destino com incorporação de vídeo do Facebook ativa.

Publicar página de destino com incorporação de vídeo do Facebook

Agora, qualquer pessoa que visitar sua página poderá assistir ao seu vídeo do Facebook. Além disso, dependendo de suas configurações, eles também podem curtir, comentar e compartilhar o vídeo em seu site do WordPress.

Como incorporar um vídeo do Facebook usando um plug-in de vídeo do Facebook

Outra maneira de incorporar vídeos do Facebook no seu site WordPress é usar um plug-in de feed de mídia social. A vantagem dessa abordagem é que você pode adicionar ao seu site feeds de galeria atraentes que são atualizados automaticamente sempre que você publica um novo vídeo no Facebook.

Por exemplo, você pode adicionar um feed de vídeo do Facebook à barra lateral do seu blog ou incluir um dentro de uma publicação do WordPress para ilustrá-la com conteúdo gerado pelo usuário.

Neste método, usaremos o plug-in Custom Facebook Feed Pro da Smash Balloon.

Smash Balloon: o melhor plug-in de feeds de mídia social

É o melhor plug-in de feeds de mídia social, que permite incorporar facilmente vídeos, álbuns, comentários, avaliações, publicações da comunidade e muito mais do Facebook em seu site WordPress.

Além disso, a versão Pro do plug-in de vídeo do Smash Balloon permite incorporar vídeos em HD, 360o e do Facebook Live, juntamente com o número total de curtidas, comentários, compartilhamentos e reações de cada publicação. Isso é muito útil se você publica transmissões ao vivo regularmente.

Etapa 1. Instalar o plug-in Facebook Feed Pro

Para começar, instale e ative o plug-in Custom Facebook Feed Pro em seu site do WordPress. Se precisar de ajuda com isso, você pode seguir este guia sobre como instalar e ativar um plug-in do WordPress.

Quando o plug-in estiver ativo, navegue até Facebook Feed " Settings (Configurações ) em seu administrador do WordPress e insira sua chave de licença do Smash Balloon. Essa informação está em sua conta no site da Smash Balloon.

Chave de licença do Smash Balloon

Depois de inserir sua chave, clique no botão Activate (Ativar ).

Etapa 2. Conecte sua página ou grupo do Facebook ao WordPress

No Smash Balloon, você pode incorporar vídeos de uma página do Facebook ou de um feed de grupo. No entanto, primeiro você precisa conectar seu grupo ou página do Facebook ao WordPress para fazer isso.

Portanto, vá para Facebook Feed " All Feeds e clique no botão Add New (Adicionar novo ).

Adicionar novo feed do Facebook

Na próxima tela, você verá vários tipos de feed: Timeline (Linha do tempo), Events (Eventos), Photos (Fotos), Albums (Álbuns) e outros. Como queremos incorporar um vídeo do Facebook, selecione a opção Videos (Vídeos ) e clique em Next (Avançar).

Tipo de feed de vídeo do Facebook

Agora você pode escolher uma fonte para o seu feed: uma página do Facebook ou um grupo. Para fazer isso, clique em Add New (Adicionar novo).

adicionar nova fonte de feed do Facebook

Em seguida, selecione a opção Página do Facebook ou Grupo do Facebook e clique no botão Conectar ao Facebook.

Conectar o WordPress ao Facebook

Isso abrirá uma janela na qual você poderá se conectar à sua conta do Facebook e selecionar as páginas ou os grupos a serem usados com o Smash Balloon.

Conecte sua página do Facebook

Depois disso, clique em Next.

Agora o Facebook permitirá que você escolha o tipo de informação que o Smash Balloon pode acessar e as funções que ele pode executar. Para restringir o acesso, desative qualquer um dos botões de alternância.

Permissões do Facebook do Mange Smash Balloon

Observação: A desativação de algumas dessas configurações de permissão pode afetar os vídeos que você pode incorporar.

Quando estiver satisfeito com as permissões, clique em Done (Concluído ) para voltar ao painel do WordPress.

Depois de retornar ao seu site do WordPress, você verá uma janela pop-up com os grupos ou páginas vinculados ao seu site. Aqui você pode escolher qual deles incorporar em seu site.

Selecione uma página do Facebook para incorporar

Basta clicar no botão de opção ao lado de um deles e selecionar o botão Adicionar.

Etapa 3. Crie o layout do seu feed de vídeo do Facebook

Agora, o Smash Balloon o levará de volta à página "Create a Facebook Feed" (Criar um feed do Facebook). Aqui, você pode selecionar a página que acabou de adicionar e clicar no botão Next (Avançar ).

Escolha uma página de feed do Facebook

A próxima etapa é criar o layout do seu feed de vídeo do Facebook. Na tela a seguir, você pode escolher entre vários temas diferentes com diferentes efeitos de estilo:

  • Padrão
  • Moderno
  • Mural social
  • Esboço
  • Sobreposição
Escolha um tema de feed do Facebook

Selecione um tema de sua preferência e clique no botão Next (Avançar ).

Agora você pode escolher um modelo que determina como os itens de feed individuais serão exibidos em seu site. Por exemplo, você pode usar o layout de grade padrão, um design simples de alvenaria, um widget, uma grade grande, o layout da postagem mais recente, um carrossel de mostruário ou um carrossel simples.

Modelo de feed do Facebook

Estamos usando o layout Default, mas você pode selecionar qualquer layout que desejar e clicar em Next.

Depois disso, você precisará escolher entre mostrar todos os vídeos ou os vídeos de uma lista de reprodução do Facebook.

Se você escolher a opção Playlist, precisará colar o URL da lista de reprodução na caixa antes de clicar em Next.

Tipo de feed de vídeo do Facebook

O plug-in criará um feed com base em sua fonte do Facebook e no modelo que você escolheu. Essa é uma ótima maneira de começar; no entanto, talvez você queira personalizar ainda mais a aparência dos vídeos em seu site.

Etapa 4. Personalize seus vídeos do Facebook

O Smash Balloon oferece muitas maneiras diferentes de personalizar a forma como os vídeos do Facebook são exibidos em seu site. Para encontrar essas configurações, basta clicar no ícone de lápis ao lado de qualquer um de seus feeds.

Editar o feed de vídeo do Facebook

Agora você verá seu feed de vídeo do Facebook aberto no editor de feed, onde poderá alterar a aparência do feed com alguns cliques.

Opções de personalização do feed do Facebook

À esquerda, há um painel com opções de personalização para ajustar o seu:

  • Modelo
  • Tema
  • Tipo de alimentação
  • Layout do feed
  • Esquema de cores

Abaixo disso, você pode personalizar as diferentes seções do feed. Por exemplo, você pode alterar o estilo do cabeçalho, os elementos da postagem, as margens do feed, a caixa de seleção, o plano de fundo, a caixa de luz e muito mais.

Opções de lightbox de incorporação de vídeo do Facebook

Lembre-se de clicar no botão Save (Salvar ) para salvar suas alterações.

Etapa 5. Incorporar seus vídeos do Facebook no WordPress

Agora é hora de incorporar seu feed personalizado do Facebook em seu site WordPress, e o Smash Balloon facilita o processo.

No editor de feed, clique no botão Incorporar no canto superior direito.

incorporar o feed do Facebook

Isso abre uma janela pop-up com três maneiras diferentes de publicar seus vídeos do Facebook:

  • Com o shortcode Smash Balloon
  • Usando o bloco Smash Balloon em uma página do WordPress
  • Uso do bloco Smash Balloon em uma área de widget
Tipos de incorporação de vídeo do Facebook

Clicar na opção Página abrirá uma lista de páginas disponíveis em seu site. Basta selecionar o botão de rádio na página relevante e clicar no botão Add (Adicionar ).

Adicionar vídeo do Facebook à página do WordPress

A página que você selecionou será aberta automaticamente. A partir daí, você pode clicar no ícone de adição para adicionar um novo bloco do WordPress e procurar o bloco Custom Facebook Feed.

Bloco de feed personalizado do Facebook

Depois de adicionar o bloco à sua página, o Smash Balloon visualizará o feed para que você possa revisá-lo antes da publicação.

Visualização do feed de vídeo

A partir daí, basta publicar ou atualizar a página para tornar seu feed de vídeo do Facebook ao vivo.

Incorporar vídeo do Facebook na página do WordPress

A adição de seu feed a uma área de widget segue um processo semelhante. Navegue até Appearance " Widgets, clique no ícone de adição em qualquer área de widget e procure o bloco Feed personalizado do Facebook.

Widget de feed de vídeo do Facebook

Você verá uma visualização como antes depois de adicioná-lo à área do widget. Em seguida, você poderá salvar suas alterações.

Aqui está uma captura de tela de como pode ser a adição do seu feed de vídeo do Facebook a uma barra lateral do WordPress:

Incorporar vídeo do Facebook na barra lateral do WordPress

Como incorporar vídeos do Facebook no WordPress sem um plug-in

O método final que abordaremos neste guia é como incorporar vídeos do Facebook em seu site WordPress sem usar um plug-in. Algumas pessoas podem preferir esse método para adicionar vídeos individuais a uma postagem de blog.

Entretanto, esse método oferece menos opções de personalização do que as soluções anteriores. Ele também requer copiar e colar trechos de código HTML do configurador, portanto, se você não se sentir à vontade com isso, recomendamos o método 1 ou 2.

Para incorporar manualmente um vídeo do Facebook no WordPress, primeiro você precisa encontrar o código de incorporação do vídeo escolhido. Você pode encontrá-lo clicando no ícone "Compartilhar" abaixo de qualquer vídeo e selecionando a opção "Incorporar".

Compartilhar vídeo do Facebook para opção de incorporação

Isso abre uma janela pop-up com um código de iframe que você pode copiar e colar em seu site do WordPress. Você pode incluir a postagem completa ou incorporar o vídeo a partir de um horário de início específico.

Copiar o código de incorporação de vídeo do Facebook

Basta clicar no botão Get Code para copiá-lo em sua área de transferência.

Depois de copiar o código, crie ou edite um post ou uma página no WordPress e adicione o bloco HTML personalizado no editor de blocos.

Adicionar o bloco HTML personalizado

Agora, cole o código de incorporação do vídeo no bloco HTML personalizado. Se desejar, você pode clicar na guia Preview (Visualização) para ver como ficou.

Visualização de blocos HTML personalizados

A partir daí, clique no botão publicar ou atualizar para tornar seu vídeo ao vivo.

Incorporar vídeo do Facebook no WordPress sem um plug-in.

Aí está!

Esperamos que este guia tenha ajudado você a incorporar um vídeo do Facebook no WordPress. Para obter dicas e tutoriais ainda mais úteis, confira os guias abaixo:

Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, fique à vontade para deixar um comentário com perguntas e feedback.

Você também pode nos seguir no YouTube, no X (antigo Twitter) e no Facebook para obter mais conteúdo útil para expandir seus negócios.

avatar do autor
Stacey Corrin Escritor
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.