Como incorporar vídeos do TikTok no WordPress (3 métodos fáceis)

Publicados: 2023-06-27


Deseja incorporar facilmente vídeos do TikTok em seu site WordPress?

Se você já está criando TikToks virais e bem-sucedidos, faz sentido postar esses vídeos em seu site também. Dessa forma, você pode obter mais visualizações, engajamento e seguidores nas redes sociais com muito pouco esforço extra.

Neste artigo, mostraremos como incorporar facilmente vídeos do TikTok no WordPress.

Como incorporar vídeos do TikTok no WordPress

Por que incorporar vídeos do TikTok no WordPress?

De acordo com nossa lista final de estatísticas de blogs, postagens com vídeos recebem 83% mais tráfego do que aquelas sem vídeo. Dito isso, se você já está postando TikToks, faz sentido incorporar esses vídeos em seu site WordPress.

Um exemplo de vídeo TikTok, incorporado em um site WordPress

Desta forma, você pode obter mais visitantes, sem ter que gastar muito tempo criando novos conteúdos. Esses vídeos também podem ajudar a capturar a atenção do visitante e mantê-lo em seu site por mais tempo, o que aumentará as visualizações de página e reduzirá a taxa de rejeição no WordPress.

Ao mesmo tempo, esses vídeos promoverão seu canal TikTok para as pessoas que visitam seu site. Isso pode gerar mais engajamento e seguidores no TikTok.

Com isso dito, vamos ver como você pode incorporar vídeos do TikTok no WordPress. Basta usar os links rápidos abaixo para ir direto para o método que deseja usar.

  • Método 1. Usando o bloco TikTok (funciona com qualquer tema)
  • Método 2. Usando o editor de site completo (funciona com temas WordPress baseados em blocos)
  • Método 3. Usando QuadLayers (incorpore todo o feed do TikTok)

Método 1. Usando o bloco TikTok (funciona com qualquer tema)

A maneira mais fácil de incorporar TikToks em seu site WordPress é colando o URL do vídeo na página ou no editor de postagem. O WordPress detectará o vídeo e o buscará para você automaticamente.

Primeiro, você precisa visitar o vídeo do TikTok que deseja incorporar. Em seguida, copie o URL do vídeo.

Adicionar um vídeo do TikTok a uma página ou postagem usando o editor de blocos do WordPress

Em seguida, abra a página do WordPress ou poste onde deseja exibir o vídeo do TikTok. Você pode simplesmente colar o URL no editor de blocos do WordPress.

O WordPress detectará automaticamente que você está incorporando um vídeo TikTok e adicionará um bloco TikTok com o vídeo já incorporado.

Incorporando vídeos do TikTok em um blog ou site WordPress

Por padrão, o WordPress redimensionará o vídeo do TikTok automaticamente para telas menores, incluindo smartphones e tablets. Ele também preservará a proporção do vídeo quando o navegador for redimensionado.

Esta é uma boa experiência do usuário, por isso recomendamos deixar a configuração habilitada. No entanto, às vezes você pode querer manter o vídeo no mesmo tamanho, não importa o que aconteça. Nesse caso, clique para selecionar o bloco TikTok e desative a opção 'Redimensionar para dispositivos menores'.

Redimensionando um vídeo do TikTok em dispositivos móveis, incluindo smartphones e tablets

Se você desabilitar essa configuração, é uma boa ideia testar a versão móvel do seu site WordPress na área de trabalho para verificar se está satisfeito com a experiência do visitante.

Você pode obter resultados semelhantes adicionando o bloco TikTok a uma página ou postagem. Depois disso, você pode adicionar o URL do vídeo TikTok a qualquer momento.

Isso é útil se você não tiver certeza de qual vídeo do TikTok vai incorporar ou se o vídeo ainda não foi publicado. Essa também é uma boa maneira de planejar seu layout, especialmente se você estiver criando uma página de destino ou página de vendas.

Para adicionar um bloco TikTok, basta clicar no ícone '+' e digitar 'TikTok'.

Adicionando o bloco WordPress TikTok a uma página ou postagem

Quando o bloco certo aparecer, clique para adicioná-lo à página ou postagem.

Depois disso, basta colar o URL do TikTok no bloco e clicar em 'Incorporar'.

O bloco TikTok WordPress

Outra opção é incorporar o vídeo TikTok em uma área pronta para widget, como a barra lateral ou seção semelhante. Isso permite que você exiba o mesmo vídeo em todo o site. Por exemplo, se você está tentando criar uma oferta viral no TikTok, pode incorporar o vídeo anunciando o concurso.

Para fazer isso, vá para Aparência » Widgets em seu painel. Aqui, você verá todas as diferentes áreas onde pode adicionar widgets no WordPress.

Adicionar widgets a uma barra lateral ou seção semelhante

Basta encontrar a área onde deseja incorporar o vídeo do TikTok.

Em seguida, clique no ícone '+'.

Adicionando um bloco a uma área pronta para widget em seu tema WordPress

No pop-up que aparece, digite 'TikTok'.

Quando o bloco certo aparecer, clique para adicioná-lo à área pronta para widget.

Incorporando TikToks em um site ou blog WordPress

Agora você pode colar o URL do vídeo TikTok que deseja incorporar.

Feito isso, clique no botão 'Incorporar'.

Como incorporar vídeos do TikTok no WordPress

Quando terminar, não se esqueça de clicar em 'Atualizar' para ativar as alterações.

Agora você pode visitar seu blog ou site WordPress para ver o vídeo TikTok ao vivo.

Fazendo um vídeo TikTok ao vivo em seu site

Método 2. Usando o editor de site completo (funciona com temas WordPress baseados em blocos)

Se você estiver usando um tema de bloco, poderá adicionar um TikTok a qualquer área ou modelo pronto para widget usando o editor de site completo. Isso permite que você exiba vídeos do TikTok em páginas e postagens que não podem ser editadas usando o editor de conteúdo padrão. Por exemplo, você pode usar vídeos do TikTok para melhorar seu modelo de página 404.

No painel do WordPress, vá para Temas » Editor .

Abrindo o editor de tamanho completo do WordPress (FSE)

Por padrão, o editor de site completo mostrará o modelo inicial do seu tema.

Se você quiser adicionar o vídeo do TikTok a uma área diferente, clique em 'Modelo' ou 'Partes do modelo'.

Edição de peças de modelo usando o editor de tamanho completo (FSE)

Agora você verá todos os modelos ou partes de modelos que compõem seu tema WordPress.

Basta encontrar o modelo onde deseja incorporar um vídeo do TikTok e clicar nele. Por exemplo, adicionaremos um TikTok ao modelo de página de arquivo, mas as etapas serão praticamente as mesmas, independentemente do modelo que você estiver usando.

Personalizando o modelo de arquivo usando o editor FSE baseado em blocos do WordPress

O WordPress agora mostrará uma visualização do modelo.

Para prosseguir e editar o layout, clique no pequeno ícone de lápis.

Editando um modelo baseado em bloco usando o editor de site completo (FSE)

Com isso feito, clique no botão '+' no canto superior esquerdo da tela.

Na barra de pesquisa exibida, digite 'TikTok'.

Adicionando um bloco TikTok a um modelo de site WordPress

Quando o bloco certo aparecer, arraste e solte-o no layout.

Agora você pode colar o URL do vídeo no bloco TikTok e clicar no botão 'Incorporar'.

Adicionar um vídeo do TikTok a qualquer parte do seu site ou blog

Quando estiver satisfeito com a aparência do modelo, clique no botão 'Salvar'. Agora, basta visitar seu site WordPress para ver o TikTok em ação.

Método 3. Usando QuadLayers (incorpore todo o feed do TikTok)

Se você deseja apenas adicionar alguns TikToks ao seu site WordPress, o método 1 e o método 2 são ótimas opções. No entanto, às vezes você pode querer mostrar todos os seus TikToks mais recentes em um feed que é atualizado automaticamente.

Essa é uma maneira fácil de manter seu site atualizado e interessante, ao mesmo tempo em que promove seus vídeos mais recentes do TikTok.

A melhor maneira de incorporar um feed TikTok no WordPress é usando QuadLayers TikTok Feed. Este plug-in gratuito permite que você conecte o WordPress à sua conta TikTok e mostre todos os seus vídeos em uma galeria ou layout de alvenaria.

Um exemplo de um feed TikTok incorporado, em um site WordPress

Esteja ciente de que você só pode mostrar TikToks de sua própria conta.

Primeiro, você precisará instalar e ativar o plugin. Se precisar de ajuda, consulte nosso guia sobre como instalar um plug-in do WordPress.

A primeira etapa é criar um token de acesso usando sua conta TikTok. No painel do WordPress, vá para Feed do TikTok »Contas e clique em 'Adicionar conta do TikTok'.

Conectando o TikTok ao seu site ou blog WordPress

Em seguida, clique em 'Login com TikTok'.

Agora você pode digitar seu endereço de e-mail e senha TikTok e seguir as instruções na tela para conectar QuadLayers à sua conta TikTok.

Como conectar sua conta de mídia social TikTok ao WordPress

Quando terminar, o QuadLayers o levará de volta ao painel do WordPress automaticamente.

Agora, vá para Feeds do TikTok »Feeds e clique no botão '+ Feed'.

Adicionando um feed do TikTok ao seu site ou blog WordPress

No pop-up que aparece, abra o menu suspenso 'Conta' e selecione sua conta TikTok.

Agora você pode escolher entre os layouts Galeria e Alvenaria para o feed do TikTok. O Masonry mostra os vídeos no modo retrato, enquanto o Gallery exibe os vídeos como miniaturas quadradas.

Conectando uma conta de mídia social ao seu site WordPress

Por padrão, o QuadLayers mostrará os 12 TikToks mais recentes publicados em sua conta. Para mostrar mais ou menos vídeos, basta digitar um número diferente no campo 'Limite'.

Você também pode alterar quantos vídeos o QuadLayers mostra em cada linha, digitando no campo 'Colunas'.

Mostrando vídeos do TikTok em um layout organizado

Existem mais algumas configurações que você pode definir, mas isso é tudo que você precisa para criar um feed atraente do TikTok.

Quando estiver satisfeito com suas configurações, clique em 'Salvar'.

Criando um feed TikTok ao vivo para seu site ou blog

QuadLayers agora criará um shortcode que adiciona o feed ao seu site.

Simplesmente vá em frente e copie o valor na coluna 'Shortcode'.

Adicionando um feed do TikTok ao seu site usando shortcode

Agora, basta colar este shortcode em qualquer página, página ou área pronta para widget. Para obter instruções passo a passo sobre como colocar o shortcode, consulte nosso guia sobre como adicionar um shortcode no WordPress.

Feito isso, basta visitar seu site para ver o feed do TikTok em ação.

Um exemplo de feed TikTok, incorporado em um site WordPress

Esperamos que este artigo tenha ajudado você a aprender como incorporar vídeos do TikTok no WordPress. Você também pode conferir nosso guia sobre como incorporar um vídeo do Facebook no WordPress ou ver nossa seleção de especialistas dos melhores plug-ins de mídia social.

Se você gostou deste artigo, assine nosso canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.

A postagem Como incorporar vídeos do TikTok no WordPress (3 métodos fáceis) apareceu pela primeira vez no WPBeginner.