Passo a passo: como criar sua Landing Page de Webinar

Webinars ao vivo são uma ótima forma de gerar Leads e, ao mesmo tempo, criar autoridade para sua empresa. Também estreitam os laços com possíveis clientes – o que aumenta o engajamento – estejam eles onde estiverem, uma vez que a internet não impõe barreiras geográficas. Esses são apenas alguns dos motivos pelos quais a RD vem realizando esse tipo de evento desde o início como estratégia de Inbound Marketing.

Uma das principais ferramentas para a relização de Webinars é o Google Hangouts. Assim que você cria seu evento, há um série de opções de onde disponibilizá-lo: Youtube e Google+ são apenas algumas delas. No entanto, também é possível hospedar um Webinar na sua Landing Page – mesmo que a ferramenta utilizada seja outra que não o Google Hangouts.

A vantagem de usar a Landing Page é remoção de distrações para o seu público, muito comuns nos vídeos relacionados do Youtube, por exemplo, ou nas interações com amigos no Google+. Além disso, ter seu próprio espaço para um Webinar permite que você tenha controle sobre a página, seja para ofertar outros produtos da sua empresa, avisar sobre futuros eventos ou disponibilizar formulários a fim de converter Leads.

Utilizamos Landing Pages em nossos Webinars, e o resultado tem sido muito positivo. Só no Hangout sobre dúvidas de Marketing Digital foram mais de 800 visitas, 89 perguntas e 50 votações em perguntas a serem respondidas:

Captura de tela de uma Landing Page de Webinar da Resultados Digitais


A boa notícia é que é possível criar uma Landing Page para Webinar utilizando os templates disponíveis no RD Station, com apenas algumas modificações. Imaginamos que você gostaria de aprender, e trabalhamos num passo-a-passo para deixar o processo ainda mais simples. Assim:

1. Crie o evento no Hangouts:

Há um post no nosso Blog sobre como preparar links para Hangouts antecipadamente.

Você precisará do link para o Hangout ao preencher os dados na sua Landing Page. Esse link você encontra aqui:

Captura de tela do Google Hangouts sobre como pegar o link do seu vídeo embed para o Webinar na Landing Page

Guarde-o, que você precisará dele mais para a frente.

2. Crie uma conta no Disqus:

É importante ter um canal de comunicação com o público, em que as pessoas possam enviar perguntas, esclarecer dúvidas e fazer comentários. O Disqus é interessante porque tem suporte para live comment, além de permitir que as perguntas sejam curtidas (perguntas com o maior número de curtidas aparecem em primeiro lugar, o que facilita a visualização) e que seja criada uma blacklist de palavras que você deseja bloquear das discussões. O Disqus também permite encerrar os comentários uma vez encerrado o Webinar.

Para criar uma conta no Disqus, acesse o site:

Captura de tela de como criar uma conta no Disqus para uma Landing Page de Webinar

No botão “Configurações” (a rodinha de ferramentas) vá em “Add Disqus to your site”:

Captura de tela do Disqus para inseri-lo na sua Landing Page de Webinar

 

Haverá várias opções de instalar. Escolha “código universal”:

Captura de tela do Disqus sobre como pegar código universal para a Landing Page de Webinar

 

O código será utilizado na sua Landing Page, por isso deixe a página aberta ou copie o código em algum lugar.

Captura de tela do Disqus com o código universal para a Landing Page de Webinar

Importante: a nova versão do Disqus possui comentários no código, que você precisa apagar para fazer funcionar. A parte que você deve apagar é:

// DON'T EDIT BELOW THIS LINE`

3. Crie uma Landing Page com template de vídeo no RD Station.

Captura de tela da Landing Page de Webinar com Template de Vídeo do RD Station

Em “Conteúdo” > “Vídeo” > “Código Embed” você deverá colar o link do Google Hangouts, que você copiou no passo 1:

Captura de tela da criação de Landing Page de Webinar do RD Station

Os números do link devem ser modificado para que frame width=”70%”, e “height=”350”. Isso é bem importante para que o vídeo fique com a resolução correta na sua Landing Page.

Em “Tópicos” > “Título” você deverá colocar uma frase que convide seu público a fazer perguntas. Pode ser algo como “Envie sua pergunta sobre X no dia do evento”.

Captura de tela da criação de Landing Page de Webinar do RD Station

Em “Tópicos” > “Título 1” você deverá colar o código copiado do Disqus, como foi mostrado no passo 2:

Captura de tela da criação de Landing Page de Webinar do RD Station

Em “Formulário”, você deve checar quais campos são realmente necessários – e não repetidos – para a conversão de Leads.

Captura de tela da criação de Landing Page de Webinar do RD Station

Em “Aparência” > “Customização Avançada” > “CSS” o seguinte código é obrigatório:

#featured-content .content-left {width: 100%;}
#featured-content .content-left h1 {max-width: none;}
#featured-content .content-right {margin: 6em 0 0 2em;}
#about li {list-style-type: none;}
#featured-content .content-left h1 {font-size: 30px;text-align:center}
#featured-content .featured-media {text-align: center;}

Seu campo deverá ficar assim:

Captura de tela da criação de Landing Page de Webinar do RD Station

 Esse código poderá ser usado para todas as suas outras Landing Pages duplicadas, pois é válido para diferentes URLs.

Para fazer o contador de comentários funcionar, você também deve inserir o seguinte código em JavaScript em BODY:

JS_DISQUS

Em “Conversão” > “Canonical Tag apontando para”, o endereço deve ser da Landing Page do evento, para que os compartilhamentos em redes sociais levem os visitantes para a página de inscrição.

Captura de tela da criação de Landing Page de Webinar do RD Station

Preencha o campo “Mensagem de agradecimento” agradecendo quem assistiu ao Webinar – você pode inclusive deixar uma mensagem como “Em breve entraremos em contato”.

Captura de tela da criação de Landing Page de Webinar do RD Station

Desative o “Redirecionamento da página ou download de arquivo”, logo abaixo de Mensagem de Agradecimento. Assim, se algum de seus viewers preencher seu formulário durante o Hangout, ele não sairá da página nem perderá o Webinar que está assistindo.

Captura de tela da criação de Landing Page de Webinar do RD Station

A essa altura, sua Landing Page de Webinar deverá estar pronta para uso. Eventos desse tipo, num espaço só seu, são ótimos para aproximar você de seus Leads e possibilitam o aprendizado das duas partes – sua empresa aprende sobre o público alvo, e seus Leads aprendem sobre a sua empresa. Aproveite as possibilidades que o RD Station oferece e comece a preparar seu próximo Webinar!

Caso ainda tenha dúvidas sobre como criar Landing Pages de Webinar, deixe sua pergunta para mim nos comentários, e se quiser colaborar com o RD Station, temos um espaço reservado para sugestões e feedback. Sua opinião será sempre bem-vinda!

Marcadores:

Deixe seu comentário

Comentários

25 comentários

  1. Milla Veras

    Ana, tem o passo a passo com a nova LP de webinar?

    1. Ana Sofia Fabre

      Oi Milla! Infelizmente, não, mas é possível usar o mesmo código do Disqus (e, portanto, esse mesmo passo-a-passo) na Landing Page de Webinar.

      Se você tiver qualquer dúvida no processo, estou à disposição por aqui, é só me perguntar.

      Abraços!

      1. Milla Veras

        Ah ta, Obrigada Ana. Vou seguir por esse!

        Outra dúvida que surgiu agora rs. Na parte da Descrição, imagem da oferta tem: “Caso não queira usar imagem, basta clicar aqui.” eu acabei de clicar pois estava com bug, não queria carregar a imagem que estou colocando, porém agora não consigo mais por imagem, ele não aparece. Como faço para voltar como antes?

        1. Ana Sofia Fabre

          Oi Milla,

          Infelizmente ainda não é possível voltar atrás na ação de deletar a imagem.

          Devemos colocar uma opção de volta ainda essa semana, mas, por enquanto, ainda não é possível. Se a criação da página for urgente, eu sugeriria a você criar uma nova Landing Page, se a imagem for essencial para a página. Você pode copiar o que já fez até agora para diminuir retrabalho.

          Abraços!

          1. Milla Veras

            Espero que vocês consigam implementar isso logo rs.. tive que refazer tudo! :( .. Mas, obrigada pela ajuda! :)

          2. Ana Sofia Fabre

            Conversei com o time de Produto agora há pouco, e deve sair essa semana ainda. De qualquer forma, eu atualizo você :)

            Imagina, estou sempre à disposição!

            Abraços!

          3. Milla Veras

            Obrigada!!!! :)

          4. Milla Veras

            Ana, estou fazendo aqui com a nova página de Webinar e seguindo esse passo a passo. Onde eu coloco agora o código do Disqus, para que apareça os comentários abaixo do vídeo? Pois nesse passo a passo ele diz para por em conteúdo/tópicos, mas nessa nova página em conteúdo, não tem tópico apenas conteúdo mesmo e por ali não vai! Tem como me ajudar?

          5. MarkWeb

            Já consegui. Obrigada!

          6. Ana Sofia Fabre

            Oi Milla, que bom! :)

            Qualquer outra dúvida, estou à disposição!

            Abraços!

          7. Milla Veras

            Ana, estou fazendo aqui com a nova página de Webinar e seguindo esse passo a passo. Onde eu coloco agora o código do Disqus, para que apareça os comentários abaixo do vídeo? Pois nesse passo a passo ele diz para por em conteúdo/tópicos, mas nessa nova página em conteúdo, não tem tópico apenas conteúdo mesmo e por ali não vai! Tem como me ajudar?

          8. Brian

            Oi, como você fez Milla?

  2. Mosedince

    Web designer design their website by including some information detail of its user by making an account of it on their web-sites . The user give its personal detail on it to use that website to increase their knowledge and also to gain some authentic material from it.

  3. Karine Borges

    É possível inserir o código do disqus em uma página de agradecimento com vídeo?

    1. Ana Sofia Fabre

      Oi Karine! É possível sim, só fica um pouco diferente.

      Na aba conteúdo, em vez de colar o código do Disqus em Tópico 1, você deverá colá-lo em Título da oferta relacionada.

      Você deverá excluir o texto em Texto da oferta e o texto do botão de Call-to-Action, assim como o link do botão.

      Por fim, você deverá remover a imagem da oferta, na aba Aparência > Imagem da oferta > Remover imagem. Também deverá trocar a cor do botão de CTA (cor de fundo do botão da oferta) para a mesma cor da sua imagem de fundo (cor de fundo da oferta).

      O restante continua tudo igual ao passo-a-passo.

      Sua página deverá ficar mais ou menos assim:

      http://pages.rdstation.com.br/agradecimento-110797c78a8da80c16d2

      Abraços!

  4. Andre Walla

    Como fazemos para colocar o Disqus na landing page? Assim não está funcionado.

    1. Ana Sofia Fabre

      Oi Andre, tudo bem?

      O Disqus mudou o código deles e agora ele vem comentado. É preciso deletar algumas coisas e adicionar outras para funcionar – nesse exato momento, estou reescrevendo o post para atualizar essa questão.

      Se você voltar daqui a pouco, já conseguirá utilizar a nova versão.

      Abraços!

      1. Brian

        Oi Ana, eu tentei contato com o suporte mas não tive retorno, você poderia me ajudar ?

        Você tem o novo post sobre isso?

        1. Ana Sofia Fabre

          Oi Brian, tudo bem?

          Eu atualizei este mesmo post. A parte que você deve apagar é:

          // DON’T EDIT BELOW THIS LINE`

          Se não funcionar para você, ou se a dúvida for outra, posso tentar te ajudar. Qual é o problema que você tem, exatamente?

          Abraços,

          1. Brian

            Oi Ana, até que sim ,
            Então eu te enviei um email, mas eu já tinha retirado essa linha de código e mesmo assim não vi uma mudança rs

  5. Felipe Asensi

    Olá, Ana! Estou tendo dificuldade para colocar os comentários do Disque, mesmo apagando a parte // DON’T EDIT BELOW THIS LINE` nao esta aparecendo. Aparece somente ~comments powered by Disqus.~ na LP, poderia me ajudar, por favor?

    1. Ana Sofia Fabre

      Oi Felipe, tudo bem? Você poderia me enviar o link da sua LP e o nome da sua conta para eu dar uma olhada? Se preferir, pode encaminhar para anasofia.fabre@resultadosdigitais.com.br
      Abraço!

  6. Gabriela Stark

    Olá, Ana!

    Notei que no youtube não possibilita embedar o vídeo no caso de transmissão ao vivo, inclusive em um webinar passado feito aqui pela empresa essa opção realmente não funcionou e as pessoas foram redirecionadas para a página do youtube mesmo. Na nova LP da RD isso também acontece?

    1. Alini Laube

      Tenho a mesma dúvida.

  7. Olivia Olivia

    A equipe poderia ser muito simpática e vantajosa. Certamente tem mais personalidade da organização em Delicia sex store online….