Quer mostrar os seus vídeos do TikTok diretamente no seu sítio Web com um widget personalizado?
Adicionar um widget do TikTok ao seu site envolve os visitantes, mantém o seu conteúdo atualizado e transforma o tráfego do seu site em seguidores fiéis do TikTok.
Com mais de 1,7 mil milhões de utilizadores na plataforma, a incorporação dos seus vídeos TikTok pode ajudar a sua marca a alcançar um público mais vasto e a aumentar a sua presença tanto nas redes sociais como no seu sítio Web.
Mas criar um widget do TikTok para o seu sítio Web não é fácil, especialmente se não estiver familiarizado com o código ou com todas as diferentes opções de plug-ins.
Quando tentei pela primeira vez adicionar vídeos do TikTok ao meu próprio sítio, deparei-me com alguns problemas antes de encontrar um método que fosse rápido e fácil para principiantes.
Com a minha experiência na Smash Balloon a ajudar os utilizadores a mostrar feeds do TikTok no WordPress com facilidade, encontrei a solução mais simples para fazer o trabalho.
Neste artigo, vou guiá-lo passo a passo pelo processo fácil de criar um widget do TikTok para o seu site, mesmo que você seja novato no WordPress ou em integrações de redes sociais!
Neste artigo
- Por que adicionar um widget do TikTok ao seu site?
- Como adicionar um widget do TikTok ao seu site (passo a passo)
Por que adicionar um widget do TikTok ao seu site?
Com um total de mais de 1,7 mil milhões de utilizadores, o TikTok é uma rede social popular e um excelente local para encontrar conteúdos de vídeo interessantes.
Mostrar vídeos relevantes do TikTok no seu sítio Web pode ser uma excelente forma de captar a atenção dos visitantes do sítio Web e de os manter interessados. Isto também ajuda a SEO do seu sítio Web, para que possa obter uma classificação mais elevada nos resultados dos motores de busca.
Além disso, pode utilizar os widgets do TikTok para mostrar os seus próprios vídeos e converter o tráfego do seu sítio em visualizações, gostos e seguidores nas redes sociais.
Com isso, vamos começar e ver como você pode incorporar widgets de feed do TikTok no WordPress.
Como adicionar um widget do TikTok ao seu site (passo a passo)
Pronto para criar um widget do TikTok para o seu site sem complicações? Tudo o que tem de fazer é seguir os passos simples abaixo.
Passo 1: Instalar e ativar o TikTok Feed Pro
Ao contrário de plataformas como o Wix ou o Weebly, o WordPress vem com toneladas de plugins para adicionar facilmente funcionalidades ao seu site.
E quando se trata de widgets do TikTok, a melhor opção é usar o plugin TikTok Feed Pro.
Como o plugin de feed TikTok nº 1 para sites WordPress, pode usar esta ferramenta para criar, personalizar e incorporar conteúdo TikTok em apenas alguns minutos!
Para além de ser fácil de utilizar, tem ainda uma equipa de gurus do WordPress para responder às suas perguntas e ajudá-lo sempre que precisar.
Para começar, obtenha o TikTok Feed Pro aqui antes de o instalar e ativar no seu site.
Não sabe como? Pode consultar este guia para principiantes sobre a instalação de plug-ins do WordPress.
Depois de o plugin estar pronto, pode passar para o passo 2 e criar um widget.
Passo 2: Criar um novo widget TikTok
Agora, pode utilizar o fluxo guiado do plugin para criar um widget de vídeo TikTok.
Primeiro, aceda ao menu TikTok Feeds " Todos os Feeds no seu painel de controlo e clique no botão Adicionar novo.
No passo 3, pode avançar e ligar este widget à sua conta TikTok para poder mostrar vídeos TikTok no seu site.
Passo 3: Ligar a sua conta TikTok
Pode agora adicionar a sua conta TikTok como fonte para o seu novo widget TikTok. Depois de adicionar a fonte uma vez, pode reutilizá-la livremente também para novos widgets.
Pronto? Clique no botão Adicionar fonte.
Em seguida, pode clicar no botão Ligar ao TikTok para continuar.
Esta ação abrirá https://www.tiktok.com no seu sítio Web, onde poderá ligar a sua conta.
Na página seguinte, o plug-in pedirá acesso somente leitura à sua conta do TikTok. Isto permite que o plugin veja as suas informações e incorpore os vídeos no seu site.
De facto, o plugin não poderá fazer quaisquer alterações à sua conta. Isto significa que é completamente seguro!
Para continuar, pode clicar no botão Autorizar aqui.
Desta forma, adicionou a sua conta como fonte para o plug-in TikTok Feed Pro.
Agora, basta selecionar esta conta e, em seguida, clicar em Seguinte para selecionar a fonte.
Assim, tem agora um novo widget TikTok ligado à sua conta TikTok. No passo seguinte, pode personalizar o seu aspeto no seu Web site.
Passo 4: Personalizar o seu widget TikTok
Para começar, o TikTok Feed Pro mostra-lhe diferentes modelos que pode importar para o seu widget.
Cada modelo vem com um design único que pode copiar com um único clique. Tem 6 modelos diferentes à sua escolha:
- Predefinição
- Cartões
- Lista
- Vídeo mais recente
- Carrossel
- Carrossel de exposição
Para continuar, pode selecionar um modelo e premir o botão Seguinte .
Verá então o seu widget TikTok aberto no personalizador visual. À esquerda, verá as opções para alterar o cabeçalho, carregar mais botões, layout e muito mais.
Existe também uma pré-visualização em direto do seu widget à direita, que lhe permite acompanhar todas as suas alterações em tempo real.
Para começar, pode alterar a forma como os vídeos do TikTok estão dispostos no seu widget.
Basta selecionar a opção Layout à esquerda para continuar.
Verá então 4 layouts diferentes que pode escolher para o seu widget TikTok:
- Grelha
- Lista
- Alvenaria
- Carrossel
Vamos dar uma vista de olhos a estes esquemas abaixo:
Primeiro, tem uma disposição em grelha que mostra os vídeos do TikTok em miniaturas quadradas com linhas e colunas bem organizadas. Como resultado, pode incorporar toneladas de vídeos ao mesmo tempo.
Utilizando o esquema de lista , pode mostrar os seus vídeos do TikTok numa única coluna, tal como no site ou aplicação oficial do TikTok.
Em seguida, tem o esquema de alvenaria , que mostra os vídeos do TikTok em diferentes colunas. Além disso, as miniaturas dos vídeos mantêm as proporções originais.
Por fim, existe o layout de carrossel que mostra vídeos do TikTok num carrossel de apresentação de slides. É uma ótima maneira de tornar seu site mais interativo usando um widget do TikTok.
Depois de selecionar um esquema, clique em Guardar para manter as suas alterações.
Em seguida, pode clicar em Personalizar para voltar às principais opções de personalização.
A partir das opções de personalização, pode configurar o cabeçalho do seu widget TikTok a seguir.
Para tal, clique na opção Cabeçalho , à esquerda.
No canto superior esquerdo, tem a opção de ativar ou desativar o cabeçalho do seu widget TikTok.
Por baixo, pode utilizar caixas de verificação para escolher qual destes elementos de cabeçalho pretende mostrar:
- Imagem de perfil
- Nome
- Nome de utilizador
- Descrição
- Estatísticas
- Botão
Tal como anteriormente, clique em Guardar depois de efetuar as alterações.
Também pode clicar em qualquer uma destas opções de cabeçalho para as personalizar em pormenor. Além disso, também pode usar as restantes opções de personalização para definir os seus filtros, estilo de botão, elementos de vídeo TikTok e muito mais.
Quando estiver satisfeito com o seu widget de feed do TikTok, clique em Guardar mais uma vez.
Finalmente, pode passar ao passo 5 e adicionar este widget de feed do TikTok ao seu site.
Passo 5: Incorporar o seu widget TikTok
O plugin oferece 2 formas de incorporar widgets TikTok no seu site.
- Adicionar um widget do TikTok à sua página web
- Adicionar um widget TikTok à sua barra lateral ou rodapé
Não tem a certeza de qual a opção a escolher? Vamos analisar os dois métodos abaixo.
Adicionar um widget do TikTok à sua página Web
A partir do seu personalizador visual, é muito fácil começar a incorporar este widget de feed do TikTok - não é necessário tocar numa única linha de código.
Para começar, clique no botão Incorporar na parte superior.
Aparece uma janela pop-up que mostra todas as formas de incorporar o widget do TikTok.
Antes de selecionar uma opção, clique em Copiar para copiar o código curto do seu widget.
Depois, pode utilizar os botões abaixo para selecionar a localização do seu widget TikTok.
Por agora, vamos optar pela opção Adicionar a uma página .
Ao clicar nessa opção, será aberta uma lista de páginas do WordPress que estão disponíveis no seu sítio Web.
Basta selecionar uma página da lista e premir o botão Adicionar para continuar.
Verá então a página do WordPress aberta no editor de blocos, onde pode incorporar o widget.
Primeiro, adicione um novo bloco clicando no ícone de mais (+).
Utilizando a barra de pesquisa na parte superior, pode procurar o widget "shortcode" .
Em seguida, clique no widget nos resultados da pesquisa abaixo.
Por fim, pode colar o código curto que copiou anteriormente no bloco Código curto .
Depois de o fazer, o plugin irá incorporar automaticamente o seu widget TikTok nesta página do WordPress.
Como pode ver, o TikTok Feed Pro torna mais fácil do que nunca apresentar o seu widget TikTok - mesmo que seja novo no WordPress.
Se abrir esta página, verá os seus vídeos apresentados como neste exemplo de incorporação do TikTok.
Agora, vamos ver outra forma de incorporar widgets do TikTok no seu site.
Adicionar um widget do TikTok à barra lateral ou ao rodapé
Tal como anteriormente, pode utilizar o personalizador visual para incorporar widgets do TikTok na barra lateral ou nas áreas de rodapé do seu sítio Web.
Em primeiro lugar, navegue para o menu TikTok Feeds " Todos os Feeds no seu painel de controlo e clique no widget que acabou de criar.
Verá então o seu widget de redes sociais aberto no personalizador visual mais uma vez.
Para continuar, basta clicar no botão Incorporar.
Ao fazê-lo, abre-se uma janela pop-up com todas as opções para incorporar o widget do TikTok.
Tal como anteriormente, clique no botão Copiar na janela de contexto.
Agora que copiou o shortcode, pode escolher onde incorporar o widget.
Para o adicionar à barra lateral ou ao rodapé, selecione a opção Adicionar a um widget aqui.
Em seguida, verá a página de widgets do seu site, onde pode adicionar, editar ou remover os widgets do WordPress com apenas alguns cliques.
Aqui, pode escolher entre dois locais para o seu widget TikTok: Barra lateral ou Rodapé.
Para este tutorial, vamos utilizar o painel Barra lateral.
Pode agora clicar no ícone de mais (+) para adicionar um novo widget e, em seguida, selecionar a opção Shortcode.
Por fim, cole o shortcode do widget TikTok no seu novo widget de shortcode.
O plugin fará o resto e incorporará automaticamente o widget no rodapé do seu site ou no painel da barra lateral.
Em suma, o TikTok Feed Pro permite-lhe criar os melhores widgets do TikTok para o seu site e incorporá-los com apenas alguns cliques.
Se abrir o seu site agora, verá como o seu widget TikTok será apresentado aos seus visitantes.
E pronto!
Como pode ver, pode ser muito fácil criar um widget TikTok para o seu sítio Web se estiver a utilizar o plugin WordPress correto.
Com a ajuda do TikTok Feed Pro, você pode ter um belo feed do TikTok para envolver os visitantes, aumentar o número de seguidores do TikTok e ajudar a expandir seus negócios com facilidade.
Pronto para incorporar widgets de feed do TikTok? Obtenha a sua cópia do TikTok Feed Pro aqui!
Enquanto está aqui, pode também consultar a nossa lista dos melhores tipos de publicações nas redes sociais para envolver os seus seguidores.
Achou isto útil? Pode seguir-nos no Twitter e no Facebook para obter mais dicas e truques de redes sociais para fazer crescer o seu negócio.
