Como Adicionar um Botão de Chamada para a Ação(CTA) a uma Página

Introdução

O Widget Botão permite adicionar um botão interativo às páginas do seu site eDirectory. Esse botão pode direcionar os visitantes para uma ação específica, como entrar em contato com sua empresa, fazer uma reserva, acessar um sistema externo ou visitar outra página.

Você pode personalizar o estilo, o alinhamento e o texto do botão de acordo com a finalidade da página.

Etapa 1: Acessar o Editor de Página

Para adicionar um botão de Chamada para a Ação a uma página, primeiro acesse o Editor de Página e selecione a página onde deseja que o botão apareça.

1.1. Acesse o Editor de Página

Navegue até Design > Editor de Página.

1.2. Selecione a Página

Localize a página onde deseja adicionar o botão de Chamada para Ação e clique em Editar.

O Editor de Página será aberto, permitindo que você personalize o conteúdo e o layout da página selecionada.

Etapa 2: Adicionar o Widget Botão

Depois de abrir a página desejada, adicione o widget Botão à seção onde deseja que o botão apareça.

2.1. Adicione um Widget

No Editor de Página, clique em Adicionar Widget.

2.2. Selecione o Widget Botão

• Pesquise e selecione o widget Botão.
• O widget será adicionado à página e suas opções de configuração ficarão disponíveis.

2.3. Edite o Widget

O widget será adicionado à página. Clique no ícone de lápis para editá-lo.

Etapa 3: Configure o Widget Botão

Depois de adicionar o widget, configure as opções disponíveis para personalizar a aparência e a funcionalidade da seção de Chamada para Ação.

3.1. Adicione uma Imagem de Fundo

A opção Imagem de Fundo permite adicionar uma imagem que será exibida como plano de fundo da seção de Chamada para a Ação.

Clique em Clique para adicionar uma Imagem de Fundo para carregar uma imagem ou selecionar uma das opções disponíveis.

Você também pode pesquisar imagens por tema ou cor usando o campo Pesquisar fotos por tema ou cores. O widget disponibiliza imagens por meio do Unsplash.

3.2. Adicione um Título

Insira o título que deseja exibir na seção de Chamada para Ação.

O título deve comunicar claramente o objetivo da chamada para ação e chamar a atenção dos visitantes.

Por exemplo: Cadastre-se hoje - É rápido e simples!

3.3. Adicione uma Descrição

Use o campo Descrição para adicionar um texto complementar abaixo do título.

Você pode usar esse campo para fornecer informações adicionais ou incentivar os visitantes a realizar a ação desejada.

Por exemplo: Entre em contato conosco hoje para saber mais sobre nossos serviços.

3.4. Defina o Texto do Botão

Insira o texto que será exibido no botão.

Por exemplo: Cadastre-se hoje

O texto do botão deve indicar claramente a ação que os visitantes realizarão ao clicar nele.

3.5. Configure o Link do Botão

Use as opções de Link do Botão para definir para onde os visitantes serão direcionados quando clicarem no botão.

Selecione a opção de link apropriada e informe o destino de acordo com suas necessidades.

Ao usar um Link Personalizado, insira o destino no campo Link Personalizado.

Você pode escolher se o link será:

• Página Interna – direciona os visitantes para uma página dentro do seu site.
• Link Externo – direciona os visitantes para uma página em outro site.

3.6. Abra o Link em uma Nova Janela

Ative Abrir em uma nova janela se quiser que a página de destino seja aberta em uma nova aba ou janela do navegador quando os visitantes clicarem no botão.

Deixe essa opção desativada se quiser que o destino seja aberto na aba atual do navegador.

3.7. Defina o Alinhamento do Conteúdo

Use a opção Alinhamento do Conteúdo para determinar como o título, a descrição e o botão serão posicionados.

Selecione o alinhamento desejado entre as opções disponíveis.

Por exemplo, você pode selecionar Centralizado para exibir o conteúdo no centro da seção.

3.8. Escolha a Cor de Fundo

A opção Cor de Fundo permite selecionar a cor de fundo da seção de Chamada para Ação ao configurar sua aparência.

As opções disponíveis incluem:

• Cor da Marca – usa a cor da marca do seu site.
• Cor Neutra – usa a cor neutra disponível no design do seu site.
• Branco – usa um fundo branco.

Selecione a opção que melhor combina com o design da sua página e com a imagem de fundo, caso esteja utilizando uma.

3.9. Aplique as Alterações a Todas as Páginas que Utilizam este Widget

Ative Aplicar alterações a todas as páginas que utilizam este widget se quiser que as alterações de configuração sejam aplicadas a todas as páginas onde esse mesmo widget estiver sendo utilizado.

Deixe essa opção desativada se quiser que as alterações sejam aplicadas somente à página atual.

Etapa 4: Salvar o Widget e a Página

Depois de configurar o botão, salve o widget e a página para aplicar as alterações.

4.1. Salve o Widget

Salve o widget Botão depois de concluir sua configuração.

4.2. Salve a Página

Salve as alterações realizadas na página no Editor de Página.

O botão de Chamada para Ação será exibido na página, na localização onde você adicionou o widget.

Etapa 5: Visualizar o Botão

Depois de salvar a página, abra a página correspondente no seu site para verificar o botão.

O botão será exibido de acordo com o estilo, alinhamento e texto configurados no widget.

Quando os visitantes clicarem no botão, eles serão direcionados para a URL de destino configurada no widget.

Conclusão

O Widget Botão permite adicionar um botão interativo às suas páginas e direcionar os visitantes para uma ação específica.

Você pode personalizar o estilo, alinhamento, texto e URL de destino do botão para adaptá-lo à finalidade da página e à ação que deseja que os visitantes realizem.

Uma diferença em relação ao artigo sobre Modelo de Anúncio é intencional: removemos a opção “Obrigatório”, pois no Editor de Página o botão não é um campo preenchido pelos anunciantes em anúncios individuais. Em vez disso, o CTA é configurado diretamente pelo Administrador do Site, incluindo sua URL de destino.