Growth Tool de botão

O botão é o Growth Tool mais pequeno. Não ocupa mais espaço do que um único botão na sua página. Quando os visitantes clicam nele, abre-se uma janela com o seu título, um formulário opcional e a escolha da app de calendário. Use-o onde uma caixa ou uma faixa seria demasiado, por exemplo ao lado da descrição de um evento ou numa barra de navegação.

Abrir Growth Tools

Criar um

Clique em Nova ferramenta de crescimento e escolha Botão. O editor tem quatro separadores: Configuração, Formulário, Aparência e Compartilhar. A pré-visualização mostra o botão numa página de exemplo.

Configuração

O separador Configuração funciona como em todos os Growth Tools. Em Método, escolha Assinar o calendário e adicione calendários com Adicionar Calendário, ou escolha Adicionar evento e adicione eventos com Adicionar Evento. A ferramenta precisa de pelo menos um calendário ou evento antes de poder ser guardada.

Ao mudar o método, um texto de botão que ainda diga "Inscrever-se" passa a "Adicionar Evento", e vice-versa. Um texto escrito por si fica como está.

O artigo sobre a landing page explica a configuração em pormenor.

Growth Tool de landing page

Formulário

Coleta de informações de contato está desligado num botão novo, por isso a janela passa diretamente às apps de calendário. Ligue-o para pedir primeiro um nome, um endereço de e-mail ou outras respostas. O formulário começa com "Nome completo" e "Endereço de e-mail", e Adicionar campo acrescenta mais.

As perguntas funcionam exatamente como numa landing page: cada uma tem uma Pergunta, um Tipo de resposta e, para tudo o que não seja nome e e-mail, um campo de membro em Salvar resposta em campo personalizado. As perguntas obrigatórias têm de ser respondidas antes de os visitantes poderem continuar, e uma resposta de e-mail tem de ter o aspeto de um endereço de e-mail.

Aparência

Aparência divide-se em estados, e a pré-visualização segue o que escolher.

Estado inicial é o próprio botão: Cores do botão para fundo e texto, Tamanho do botão e Texto do Botão.

Estado do formulário só aparece enquanto Coleta de informações de contato estiver ligado. Define o estilo da janela que abre:

• Mostrar descrição. O título e a descrição editam-se clicando neles na pré-visualização.
• Cores do layout para a janela, o título e a descrição, e Cores dos campos do formulário para os campos.
• Seletor de calendário: mostra as apps de calendário como mosaicos com nome e ícone (Botão), ou como uma fila de Ícones.
• As cores, a posição e o texto do botão que envia o formulário.

Estado após envio é a janela depois de os visitantes escolherem a sua app de calendário. Defina aí as cores, a posição e o texto do respetivo botão.

Compartilhar: colocar o botão

O separador Compartilhar oferece dois códigos. Para um botão, use o segundo, em Ou incorpore como widget inline. Como diz a indicação, mostra o botão diretamente na página, sem iframe:

<div class="cdwidget-embed" data-widget-id="…"></div>
<script src="https://…/assets/js/growth-tools.js" async></script>

Copie o código do separador, não deste artigo, porque contém o endereço e o código da sua ferramenta. Cole as duas linhas onde o botão deve aparecer, por exemplo num bloco HTML do editor de páginas.

Se colocar vários Growth Tools numa página, cole as duas linhas para cada um deles.

O botão incorporado carrega as configurações atuais sempre que a página abre. Depois de alterar cores ou textos e clicar em Salvar, não é preciso copiar o código de novo.

O que os visitantes veem

Um clique no botão abre a janela. Se recolher informações de contacto, os visitantes respondem primeiro às perguntas e passam depois às apps de calendário. Escolhem a sua app de calendário, e a janela passa ao estado após envio, com o título "Adicionar ao calendário", e um botão que abre a app num novo separador. Com Adicionar evento, Google, Office 365, Outlook.com e Yahoo abrem com o evento já preenchido.

As inscrições através do botão contam como Opt-ins na lista de Growth Tools.

Visão geral dos Growth Tools