Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como adicionar conteúdo dinâmico no WordPress (guia para iniciantes)

A adição de conteúdo dinâmico ao seu site WordPress pode aumentar significativamente o envolvimento do usuário e melhorar o desempenho geral do site.

Esse é o conteúdo que muda com base na interação, no comportamento ou em outros fatores em tempo real do usuário, oferecendo uma experiência de navegação mais personalizada para os visitantes. Seja você um blogueiro, proprietário de empresa ou gerente de site, o uso de conteúdo dinâmico é uma maneira poderosa de fazer seu site se destacar.

Na WPBeginner, usamos regularmente conteúdo dinâmico para envolver melhor nosso público. Por exemplo, todos os nossos boletins informativos por e-mail são endereçados à pessoa para quem os enviamos.

Esse é um uso simples, porém eficaz, do conteúdo dinâmico, em que o e-mail principal permanece o mesmo, mas o nome do destinatário muda de acordo com quem o está recebendo. Adoramos dar esse toque pessoal e vimos em primeira mão como esse tipo de conteúdo dinâmico aumenta o envolvimento.

Neste artigo, mostraremos como adicionar facilmente conteúdo dinâmico ao seu site WordPress.

Adding dynamic content in WordPress

Por que adicionar conteúdo dinâmico no WordPress?

O texto dinâmico refere-se ao conteúdo que muda em um site dependendo de diferentes fatores, incluindo comportamento do usuário, hora, local, nome e muito mais.

A configuração do texto dinâmico permite que os usuários do seu site WordPress vejam mensagens diferentes de acordo com diferentes fatores.

Por exemplo, você pode exibir o nome do usuário que está conectado no momento ao seu site usando texto dinâmico.

Dynamic content on a website

A exibição de conteúdo personalizado pode manter os visitantes envolvidos em seu site por períodos mais longos, o que pode reduzir a taxa de rejeição e melhorar as classificações de SEO do seu site.

Ele pode até mesmo ajudar a converter usuários em clientes ou assinantes, mostrando que o seu site se preocupa com os visitantes. Isso pode criar uma impressão positiva e gerar confiança.

Além disso, o conteúdo dinâmico pode aumentar as vendas e as inscrições em seu site. Por exemplo, você pode mostrar a data atual dinamicamente para uma venda ou oferta de desconto em contagem regressiva, e ela será atualizada automaticamente todos os dias. Isso pode criar um senso de urgência e levar a mais conversões.

Dito isso, vamos dar uma olhada em como adicionar conteúdo dinâmico no WordPress. Você pode usar os links rápidos abaixo para ir para o método que deseja usar:

Método 1: criar uma página de destino dinâmica usando o SeedProd

Se você deseja criar uma página de destino com conteúdo dinâmico, esse método é para você.

O SeedProd é o melhor construtor de páginas do WordPress do mercado que ajuda a criar temas e páginas de destino atraentes sem usar nenhum código.

Além disso, testamos exaustivamente o recurso de texto dinâmico, que permite adicionar conteúdo dinâmico aos cabeçalhos e ao texto com apenas alguns cliques. Para saber mais, consulte nossa análise do SeedProd.

The SeedProd page builder plugin for WordPress

Primeiro, você precisa instalar e ativar o plug-in SeedProd. Para obter mais detalhes, consulte nosso guia para iniciantes sobre como instalar um plug-in do WordPress.

Observação: o SeedProd também tem uma versão gratuita, mas não tem o recurso de texto dinâmico. Portanto, para este tutorial, estamos usando o plug-in SeedProd Pro.

Após a ativação, vá para a página SeedProd ” Settings (Configurações ) para inserir a chave de licença do plug-in.

Você pode encontrar essas informações em sua conta no site da SeedProd.

Paste license key in the field

Em seguida, você deve acessar SeedProd ” Landing Pages na barra lateral de administração do WordPress.

Quando estiver lá, clique no botão “Add New Landing Page” (Adicionar nova página de destino).

Click the Add New Landing Page button

Isso o direcionará para a tela “Choose a New Page Template” (Escolha um novo modelo de página), onde poderá selecionar qualquer um dos modelos pré-criados para sua landing page.

Após a seleção do modelo, você será solicitado a inserir um nome de página e escolher um URL.

Depois de inserir essas informações, basta clicar no botão “Save and Start Editing the Page” (Salvar e começar a editar a página) para continuar.

Enter your page details

Isso iniciará o construtor de páginas de arrastar e soltar do SeedProd, onde você poderá começar a editar sua página. Para obter instruções mais detalhadas, consulte nosso guia sobre como criar uma página de destino no WordPress.

Em seguida, basta arrastar e soltar o bloco Título ou Texto da barra lateral esquerda para a página de destino. Em seguida, clique no bloco para abrir suas configurações na coluna da esquerda.

Depois de fazer isso, clique no botão “Insert Dynamic Text” (Inserir texto dinâmico).

Click the Insert Dynamic Text button

Isso abrirá um prompt “Dynamic Text Replacement” (Substituição dinâmica de texto) na tela.

A partir daqui, você deve selecionar a opção “DateTime” se quiser configurar uma hora ou data dinamicamente. Isso pode ser útil se você quiser exibir o limite de tempo para uma oferta de venda ou desconto em seu site.

Depois disso, basta selecionar um formato de data no menu suspenso e clicar no botão “Insert” (Inserir).

Se você não encontrar o formato de sua preferência no menu suspenso, clique no link “Saiba mais” na parte superior para ver outros formatos.

Select dynamic date

Se quiser adicionar um local, nome, país, suporte a vários idiomas, título da página, endereço de e-mail, código postal ou outro conteúdo dinâmico, você precisará selecionar a opção “Query Parameter” (Parâmetro de consulta).

Depois disso, adicione o fator de texto dinâmico na opção “Parameter Name” (Nome do parâmetro).

Por exemplo, se você adicionar texto dinâmico para nomes na opção “Parameter Name” (Nome do parâmetro), todos os que estiverem conectados ao seu site verão o próprio nome, como “Hey John” (Olá, João), em vez de “Hey There” (Olá, lá) na página.

Ou, se você adicionar um texto dinâmico para um endereço de e-mail, os usuários verão o endereço de e-mail deles na sua página de destino sempre que fizerem login.

Da mesma forma, se quiser exibir dinamicamente a localização de cada usuário, insira “location” como o nome do parâmetro.

Select dynamic parameter query

Em seguida, adicione o valor padrão para o qual o texto dinâmico será revertido se o local não estiver disponível no parâmetro de URL.

Por exemplo, se um visitante abrir seu site e a localização dele não estiver disponível no URL, o texto dinâmico poderá dizer “Stores Near You” (Lojas perto de você) em vez de “Stores Near Florida” (Lojas perto da Flórida).

Depois disso, basta clicar no botão “Insert” (Inserir) para adicionar o texto dinâmico.

Depois de fazer isso, clique no botão “Save” (Salvar) na parte superior para armazenar suas configurações. Por fim, clique no botão “Publish” (Publicar) para tornar sua página de destino ativa.

Save dynamic content in WordPress

Agora, visite seu site para ver o conteúdo dinâmico em ação.

Esta é a aparência em nosso site de demonstração.

Dynamic content preview in SeedProd

Método 2: Adicionar conteúdo dinâmico usando o OptinMonster

Se você deseja adicionar conteúdo dinâmico às suas campanhas publicitárias, incluindo pop-ups ou barras flutuantes, esse método é para você.

O OptinMonster é a melhor ferramenta de geração de leads e otimização de conversões do mercado. Ela permite que você mostre campanhas personalizadas aos usuários sem usar nenhum código.

Ele também vem com um recurso de substituição de texto dinâmico que permite adicionar conteúdo dinâmico às suas campanhas usando tags inteligentes.

Para obter mais detalhes, consulte nossa análise completa do OptinMonster

Primeiro, você precisará se inscrever em uma conta do OptinMonster porque a ferramenta paga permite adicionar conteúdo dinâmico.

Basta acessar o site da OptinMonster e clicar no botão “Get OptinMonster Now” para criar uma conta.

OptinMonster

Em seguida, você precisa instalar e ativar o plug-in gratuito do OptinMonster em seu site do WordPress. Para obter instruções detalhadas, consulte nosso tutorial sobre como instalar um plug-in do WordPress.

Após a ativação, você verá o assistente de configuração do OptinMonster no painel do WordPress.

Esta é a aparência em nosso site de demonstração.

A partir daqui, clique no botão “Connect Your Existing Account” (Conectar sua conta existente) para conectar seu site WordPress à sua conta OptinMonster.

Connect your existing account

Depois disso, uma nova janela será aberta na tela.

Basta clicar no botão “Connect to WordPress” para seguir em frente.

Connect OptinMonster to WordPress

Depois de conectar sua conta do OptinMonster ao WordPress, vá para a página OptinMonster ” Campanhas na barra lateral de administração do WordPress.

Em seguida, clique no botão “Create Your First Campaign” (Criar sua primeira campanha) para iniciar uma campanha.

Create first OptinMonster campaign

Isso o levará à página “Modelos”, onde o OptinMonster oferece diferentes tipos de campanha que podem ser usados para mostrar aos seus usuários vários tipos de conteúdo ou mensagens direcionadas.

Isso inclui pop-ups, barras flutuantes, campanhas gamificadas, campanhas em linha, pop-ups deslizantes e muito mais.

Por exemplo, se você quiser mostrar conteúdo dinâmico dentro de um post ou página do WordPress, poderá escolher o tipo de campanha Inline.

OptinMonster campaigns

Depois de selecionar um tipo de campanha, você pode escolher qualquer um dos modelos predefinidos para essa campanha específica.

Em seguida, você será solicitado a digitar um nome para ele e clicar no botão “Start Building” (Iniciar construção).

Click start building

Isso o levará à interface do criador de campanhas do OptinMonster. É uma ferramenta de arrastar e soltar na qual você pode projetar sua campanha com uma visualização ao vivo.

A partir daí, arraste e solte o bloco Texto ou Título da barra lateral à esquerda na campanha. Depois disso, basta selecionar algum texto no bloco para abrir o editor de texto na parte superior dele.

Em seguida, você deve clicar no ícone “Smart Tags” no canto direito do editor de texto para abrir um menu suspenso com uma lista de tags inteligentes

Select a smart tag

A partir daí, você pode selecionar qualquer uma das tags inteligentes para adicionar conteúdo dinâmico à sua campanha.

Por exemplo, você pode usar a tag inteligente {{form_first_name}} para adicionar o nome do usuário na parte superior e fazer com que a campanha pareça mais personalizada.

Agora, todos os usuários conectados em seu site verão seus nomes na campanha.

Save popup in OptinMonster

Outras tags inteligentes mostram o nome da campanha, o endereço de e-mail, o código postal, o país, a província, o ano, o mês, a data, o código do cupom, o URL da página e muito mais.

Por exemplo, o uso da tag inteligente para países exibirá o nome do país de cada usuário que fez login e está visualizando sua campanha no momento.

Da mesma forma, o uso de uma tag inteligente de data o ajudará a exibir o limite de tempo para uma venda sem precisar atualizá-la manualmente todas as vezes.

Depois de escolher sua(s) tag(s) inteligente(s), basta clicar no botão “Save” (Salvar) na parte superior para armazenar suas configurações.

Por fim, mude para a guia “Publish” (Publicar) na parte superior e clique no botão “Publish” (Publicar) para tornar sua campanha ativa.

Publish campaign

Agora, você pode visitar o front-end do seu site para verificar a campanha com conteúdo dinâmico.

Esta é a aparência em nosso site de demonstração.

Dynamic Content Preview in OptinMonster

Bônus: Adicionar população de campo dinâmico em formulários do WordPress

Além de adicionar conteúdo dinâmico, você também pode adicionar populações de campos dinâmicos em seus formulários do WordPress. Isso permitirá que você preencha automaticamente os campos do formulário com base na seleção do usuário, no tipo de formulário, nas cadeias de consulta ou na lógica condicional.

Por exemplo, se você tiver uma loja WooCommerce, poderá adicionar um formulário em que o campo do produto seja preenchido dinamicamente usando os produtos existentes na loja.

Isso pode reduzir os erros de entrada de dados, melhorar a experiência do usuário e otimizar o fluxo de trabalho do formulário.

Você pode adicionar facilmente populações de campos dinâmicos em seus formulários usando o WPForms. É o melhor plugin de formulário de contato do WordPress no mercado que vem com população de campo dinâmica, lógica condicional e campos de formulário avançados.

Isso permite que você crie formulários mais inteligentes e interativos em seu site.

WPForms homepage

Tudo o que você precisa fazer é ativar a opção “Parâmetros de URL”. Depois de fazer isso, o WPForms começará a aceitar campos de formulário dinâmicos passados por meio de parâmetros de URL em um formato específico.

Para obter instruções detalhadas, consulte nosso tutorial sobre como usar a população de campos dinâmicos no WordPress para preencher formulários automaticamente.

Enable URL parameters

Além disso, o WPForms também oferece modelos pré-fabricados, construtor de arrastar e soltar e proteção completa contra spam para tornar seus formulários do WordPress seguros.

Para obter detalhes, consulte nossa análise completa do WPForms.

Esperamos que este artigo tenha ajudado você a aprender como adicionar conteúdo dinâmico no WordPress. Talvez você também queira ver nosso tutorial passo a passo sobre como adicionar uma data de copyright dinâmica no rodapé do WordPress e nossas principais opções dos melhores elementos de design para um site WordPress eficaz.

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

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

2 ComentáriosDeixe uma resposta

  1. Dennis Muthomi

    Great guide on using dynamic content in WordPress!
    I have an online store (selling tshirts), I found the tips here super valuable. Adding that personalized touch with dynamic content seems like a smart way to boost engagement and conversions.

    One quick question though :- how much of an impact do plugins like SeedProd and OptinMonster have on site speed and performance?
    I haven’t tried them yet…

    Site load times are crucial for conversions, so I want to make sure adding all this dynamic content won’t slow things down too much.
    What’s the experience been in terms of maintaining fast load times?

    • WPBeginner Support

      The plugins should have very minor effects on the load time of your site.

      Administrador

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.