Últimas notícias da SeedProd

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

Como criar um link na Bio Landing Page (como o LinkTree)

Como criar um link na Bio Landing Page (como o LinkTree) 

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.

Need an easy way to make a link in bio landing page for Instagram or TikTok?

Many influencers and social media personalities create a custom link in bio page to drive traffic to web pages and other social media profiles. They’re a great way to combat the problem of only being able to add one link to your bio on sites like Instagram and TikTok.

But what many people don’t realize is that you can easily build these pages in WordPress, add multiple links, and drive lots of traffic to your business website. That’s why I’ve put together this guide, which will show you how to create a link page in WordPress.

How to Create a Link in Bio Landing Page:

The tool I’ll show you how to use in this guide, includes templates and drag-and-drop builder so you can build a similar page with the same clean look and easy customization.

Before we dive into the how-to, let’s look at why creating your link in bio page in WordPress is a smart move:

  • Complete Control and Customization: A popular link in bio tool specifically made for bio links can make it hard to match your brand’s look and feel. WordPress lets you design your page exactly how you want.
  • Seamless Integration: Manage your link in bio page alongside your website content, all within your familiar WordPress dashboard.
  • Analytics Integration: Easily connect your page to powerful analytics tools like Google Analytics to track clicks, engagement, and conversions.
  • Avoid Third-Party Limitations: A third-party link in bio tool may come with restrictions on design, link in bio features, or link quantities. WordPress puts you in the driver’s seat.
  • Own Your Data: When you use a separate bio link service, they keep your data. With a self-hosted option like WordPress, you control your own data.
  • Cost-Effective: Linktree, is a popular free link in bio tool, but it’s limited in what you can do and how you can customize it. If you already have a WordPress website, you can create a similar page without paying extra each month, and you have total control over its design.

Para este tutorial, usaremos o SeedProd para criar uma página de link de biografia no WordPress.

SeedProd, o melhor plugin de página de destino do WordPress

SeedProd is a popular WordPress drag-and-drop page builder.. It lets you customize any WordPress page easily without writing any code.

Com o SeedProd, é possível criar qualquer tipo de página de destino e, com seu editor visual, você pode criar, editar e personalizar facilmente sua página e ver as alterações em tempo real.

You can also use SeedProd for creating a link in bio page for your social profiles.

Neste guia, vamos nos concentrar em criar uma landing page de link de biografia do Instagram para que você possa mostrar vários links aos fãs em sua conta do Instagram. Dito isso, você pode usar facilmente este tutorial para criar uma página de vários links semelhante para outras redes de mídia social.

Com isso em mente, vamos começar o tutorial!

Tutorial em vídeo

Se você preferir ler as instruções por escrito, siga as etapas abaixo.

1. Instalar e ativar o plug-in SeedProd

A primeira etapa é fazer o download, instalar e ativar o plug-in SeedProd clicando no link abaixo.

Para obter ajuda para adicioná-lo ao seu site do WordPress, consulte este tutorial sobre como instalar um plug-in do WordPress.

Observação: o SeedProd oferece uma versão gratuita ou um plano gratuito que você pode usar para criar uma página de destino gratuita no WordPress. Mas, hoje, usaremos o plano pago para obter os recursos e modelos avançados.

Depois de ativar o plug-in, vá para SeedProd " Settings, onde você pode inserir sua chave de licença do SeedProd. Você pode encontrar essas informações na área da sua conta do SeedProd, na seção Downloads.

Digite sua chave de licença do SeedProd

2. Criar uma nova página de destino

A próxima etapa é acessar SeedProd " Pages, onde você pode criar uma nova página de destino.

Modos da página de destino do SeedProd

Na parte superior dessa página, há vários modos de página que podem ser ativados com um único clique, incluindo:

Nessa seção, é possível ver qualquer página de destino criada com o plug-in SeedProd. Você pode criar quantas páginas personalizadas do WordPress quiser.

Clique no botão Add New Landing Page (Adicionar nova página de destino ) para criar uma nova página.

Adicionar uma nova página de destino no WordPress

3. Escolha um modelo de página de destino

Você pode escolher um modelo de página de destino para usar como ponto de partida para sua página de link biológico na tela a seguir.

modelos de página de destino do seedprod


Para este guia, usaremos o modelo Personal Links, que você pode encontrar clicando no filtro Lead Squeeze.

Escolha o modelo de página de destino de links pessoais

Para escolher esse modelo, passe o mouse sobre a miniatura e clique no ícone de tique laranja.

Importar seu modelo de página de destino

Em seguida, você verá uma janela pop-up onde poderá adicionar um nome de página. O nome da página não aparecerá no design da página de destino, mas definirá o URL da página. Portanto, escolha um nome que faça sentido para seus fãs quando você adicionar o link à sua biografia do Instagram.

Digite um nome para seu link na página de destino da biografia

Agora você pode ir em frente e clicar no botão Save and Start Editing the Page (Salvar e começar a editar a página ).

4. Personalize o modelo de sua página de destino

Depois de iniciar seu modelo, você verá a tela do construtor de páginas do SeedProd. Com a interface de arrastar e soltar, você pode editar todas as partes do seu modelo.

Construtor de páginas de arrastar e soltar do SeedProd

A barra lateral esquerda oferece uma ampla seleção de blocos que você pode arrastar e soltar em sua página. E quando um bloco estiver em sua página, você poderá clicar nele para exibir o conteúdo, os modelos e as configurações avançadas de personalização, novamente à esquerda.

Como adicionar seu logotipo

Como estamos criando uma página de link de biografia do Instagram, removeremos a imagem principal e o texto do espaço reservado.

Para fazer isso, passe o mouse sobre a imagem e clique no ícone da lixeira.

Excluir o bloco de imagem existente

Em seguida, clique em Yes Delete It na janela pop-up a seguir. Em seguida, você pode seguir as mesmas etapas para excluir o texto do espaço reservado.

Agora você pode substituir o cabeçalho padrão da página pelo nome, slogan e logotipo de sua empresa. Para adicionar seu logotipo, clique no bloco Imagem no painel esquerdo e arraste-o para a parte superior da página.

Adicione o bloco de imagens à sua página de destino

Em seguida, você pode clicar no bloco para ver suas configurações à esquerda. Clique no botão Use Your Own Image (Usar sua própria imagem ) para adicionar seu logotipo da biblioteca de mídia ou carregá-lo do seu computador.

Adicione seu logotipo ao seu link na página de destino da biografia

No mesmo painel, você pode alterar o tamanho da imagem, o alinhamento e o link para a imagem.

Ao clicar na guia Modelos, você pode escolher entre vários estilos de imagem predefinidos.

Selecione um modelo predefinido para imagens

E na guia Advanced (Avançado ), você pode controlar os estilos, o preenchimento, as margens e muito mais.

Configure seus estilos de bloco de imagem

Adicionando seus links

Agora vamos ver como adicionar links personalizados à sua página. Para começar, você pode personalizar os links existentes com seu próprio conteúdo.

Para fazer isso, clique em qualquer um dos botões de link e edite o conteúdo à esquerda.

Clique em qualquer link de botão para editar o conteúdo

No painel de conteúdo, você pode alterar o:

  • Texto do botão
  • Subtexto
  • Link do botão,
  • Alinhamento
  • Tamanho
  • Ícone

Se quiser mudar completamente a aparência do seu botão, clique na guia Modelos. Nessa área, há vários estilos de botão predefinidos que você pode escolher.

Escolha um modelo para seus links de botão na guia modelos

Clique em qualquer estilo para adicioná-lo instantaneamente ao link do botão.

Se precisar de um estilo diferente, clique na guia Advanced (Avançado ), onde é possível selecionar uma cor personalizada, estilo de botão, fonte e muito mais.

Clique na guia advanced (avançado) para escolher cores personalizadas para os links dos botões

Para adicionar mais links à sua página, você pode duplicar o botão de link personalizado. Basta passar o mouse sobre um link e clicar no ícone Duplicar bloco.

Duplicar seu bloco de botões

Uma cópia desse bloco aparecerá abaixo do bloco original. Depois, basta personalizar o conteúdo como você fez anteriormente.

Se quiser adicionar ícones diferentes aos seus links de botão, role para baixo até a seção Ícones das configurações de conteúdo, clique na imagem do ícone e escolha um novo ícone na biblioteca de ícones.

Adicione novos ícones de botões aos seus links

Alterar seu plano de fundo

A cor de fundo padrão do modelo de link na bio pode não corresponder ao seu site ou à sua marca. A boa notícia é que você pode alterá-la facilmente no painel de configurações globais.

Para encontrá-lo, clique no ícone de engrenagem no canto inferior esquerdo da tela. Isso mostra diferentes opções para personalizar seu plano de fundo, fontes, cores e CSS e aplicar as alterações à sua página globalmente.

Ajuste as configurações globais da página de destino

Observação: o uso dessa opção não substitui os estilos definidos nas configurações avançadas de bloco.

Se quiser alterar a cor do plano de fundo, clique no título Plano de fundo . Nessa área, você pode alterar a cor de fundo padrão ou adicionar um efeito de fundo gradiente.

Altere a cor de fundo do seu link na página de destino da biografia

Você também pode usar o mesmo painel para adicionar uma imagem de fundo, um vídeo ou uma apresentação de slides personalizada.

Quando estiver satisfeito com a aparência da página de destino do link na biografia, clique no botão Save (Salvar ) no canto superior direito.

Clique no botão salvar

Agora que sua página está pronta, há mais uma coisa a ser feita antes da publicação. Ou seja, visualizá-la no celular. Isso deve ser feito para garantir que o design tenha boa aparência para os usuários de dispositivos móveis; caso contrário, poderá prejudicar a experiência do usuário.

Para fazer isso, clique no ícone Mobile Preview na parte inferior da tela.

Clique no ícone de visualização móvel

Isso mostra uma prévia da aparência de sua página em dispositivos móveis.

Visualize seu link na página de destino da bio no celular

Como você pode ver na imagem acima, nossos links de botão são muito grandes no celular, fazendo com que pareçam fora do lugar. Para alterar isso, tudo o que você precisa fazer é clicar em qualquer bloco, como faria na visualização para desktop, e editá-lo até que fique como você deseja.

ajustar a versão móvel de sua página de destino

No nosso caso, queríamos que o texto do botão ficasse em uma única linha. Então, simplesmente alteramos o controle deslizante de preenchimento horizontal até que ficasse correto.

Agora, você está pronto para publicar sua página de link da biografia do Instagram no WordPress. Para fazer isso, clique na seta para baixo ao lado do botão Salvar e clique em Publicar.

Publique sua página de destino do link biológico no WordPress

Em seguida, você pode clicar no botão pop-up para ver sua página ativa.

Link do WordPress publicado na página de destino da biografia

Sua página agora está ativa e você pode adicionar o link à sua biografia do Instagram e a outros perfis de mídia social. O melhor de tudo é que sua página personalizada é totalmente responsiva, portanto, terá uma boa aparência, independentemente do tamanho da tela em que seus fãs a visualizem.

Relacionado: Como adicionar um link à sua biografia do TikTok

Many link in bio tools, like LinkTree, also offer page analytics. Yet, in our opinion, th best way to track your website analytics is with Google Analytics.

One of the most starightfofward ways to add Google Analytics to your WordPress website is with MonsterInsights.

MonsterInsights: o melhor plug-in do Google Analytics para WordPress

MonsterInsights is a powerful Google Analytics plugin for WordPress. It’s easy to use and allows you to track your site’s performance right inside your WordPress dashboard.

Como resultado, você pode ver o desempenho da sua página de links biográficos com apenas uma olhada. Confira este guia passo a passo sobre como adicionar o Google Analytics ao WordPress.

Depois de configurar o MonsterInsights com sua conta do Google Analytics, navegue até Insights " Addons. A partir daí, localize o complemento Page Insights, instale-o e ative-o.

Instale o complemento de insights de página para o MonsterInsights

Agora, vá para Page " All Pages (Página " Todas as páginas ) e localize o link na página de biografia que você criou anteriormente.

Clique no ícone de insights em seu link na página da biografia para ver as análises

Em seguida, clique no ícone Insights, que se parece com um gráfico de tráfego.

Isso mostra as estatísticas de sua página, a taxa de rejeição, o número de entradas, o tempo na página e muito mais.

Visualizar os dados de insights de sua página

Se você adicionou recentemente o link aos seus perfis de mídia social, levará algum tempo para que esses dados sejam exibidos.

Want to make your bio link page work harder for your brand? Check out the following guides to level up your landing page:

What’s the best way to make a link-in-bio page?

It depends on your needs and budget. Linktree, Shorby, and Tap Bio are easy to use and have free options, but you can’t customize them as much. Making your own page with WordPress and SeedProd gives you more control, but you’ll need a WordPress website and it takes a bit more setup. If you’re already using WordPress, SeedProd might be a good choice because it works with your site and you only pay once.

How do you add a landing page to your Instagram bio?

To add a landing page to your Instagram bio, log into your Instagram account, click Edit Profile, and paste your landing page URL.

E aí está!

Esperamos que este artigo tenha ajudado você a aprender como criar um link na página de destino da bio no WordPress.

Criar e personalizar qualquer página do WordPress com o SeedProd é muito fácil. Não requer nenhum código, você não precisará contratar um desenvolvedor, e o resultado é uma página de destino focada na conversão do seu tráfego em leads e vendas.

Então, o que está esperando?

Você também pode seguir este guia passo a passo para criar uma página de destino do Instagram projetada especificamente para seus anúncios no Instagram.

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.