mailinapp
Documentation menu

Bloco Inscrição para webinar

Um cartão de inscrição projetado para uma das suas próprias sessões ao vivo — uma imagem, um título, uma data, uma descrição, e um botão Registrar, todos apontando para a página pública /webinar/<liveSessionId> dessa sessão. É o equivalente do lado do estúdio ao botão "Copiar link de inscrição" na página de detalhes de uma sessão ao vivo: em vez de colar esse link à mão em um bloco Botão simples, você escolhe a sessão uma vez e o bloco permanece vinculado a ela.

Como funciona

Escolher uma sessão no painel Escolher uma sessão ao vivo do Inspetor captura o título e o horário programado dessa sessão nos próprios campos do bloco — um preenchimento único, ainda totalmente editável depois, a mesma convenção que o seletor "Importar da loja" do bloco Produto usa. Só as sessões com modo de acesso Inscrição pública aparecem no seletor; uma sessão exclusiva para assinantes não tem página pública para o botão vincular.

O destino do botão Registrar nunca precisa de uma consulta no momento do envio: ele é construído diretamente a partir do id da sessão como https://mailinapp.com/webinar/<liveSessionId>, uma string simples e determinística, da mesma forma que o link de checkout externo do bloco Produto é construído a partir de externalUrl, sem ida e volta ao banco de dados. Isso também significa que o link continua funcionando mesmo que o título ou a programação da sessão mudem depois que o e-mail for enviado — ele sempre leva à página de inscrição atual dessa sessão, não a um retrato dela.

Os campos de descrição e imagem são seus para preencher — uma sessão ao vivo não tem descrição ou foto próprias para puxar, então este bloco deixa esse conteúdo inteiramente a seu critério, da mesma forma que os blocos Adicionar ao calendário e Local deixam seus próprios campos de texto livres.

Assim como Link de reunião, Local e Adicionar ao calendário, isto é conteúdo de link, não uma resposta a ser registrada: o HTML enviado por e-mail sempre renderiza o link Registrar ao vivo (a convenção estática no momento do envio), e não há nada a responder, então ele nunca aparece no painel de respostas nem na exportação de CSV. O próprio clique ainda conta no mapa de calor de cliques do projeto, através do mesmo slot genérico de rastreamento de clique que todo bloco simples com link compartilha.

Campos configuráveis:

  • Título e Começa em — capturados da sessão escolhida, editáveis depois.
  • Descrição (opcional) — texto livre; a sessão não tem uma própria.
  • URL da imagem (opcional) — uma imagem de capa; também texto livre.
  • Texto do botão — o padrão é "Register now."
  • Cor de fundo, preenchimento (padding), borda e raio da borda no cartão.
  • Cor/tamanho do título, e substituições de cor/fundo do botão Registrar.

Se um bloco for adicionado mas nenhuma sessão tiver sido escolhida ainda, ele renderiza uma linha discreta "Escolha uma sessão ao vivo no painel do Inspetor do bloco", em vez de um link morto.

Exemplos

Subject

You're invited: Scaling Your SaaS in 2026

Uma campanha promocional para um webinar hospedado combina este bloco com uma Contagem regressiva mais acima no e-mail, a mesma combinação "a contagem regressiva cria urgência, depois um link direto assume" que o bloco Link de reunião usa para uma chamada hospedada externamente. Uma vez que a própria sessão tenha capacidade ou lista de espera, isso é rastreado na própria página de detalhes da sessão em Ao vivo — não no painel de Respostas deste projeto, já que a inscrição é registrada pela própria página pública /webinar/<liveSessionId> para a qual este bloco leva, não pelo bloco em si.

A própria página /webinar/<liveSessionId> da sessão também pode ser mais do que um formulário simples de nome/e-mail: anexe um dos seus projetos do estúdio como o Design da página de destino dela a partir da página de detalhes da sessão, e as próprias imagens, detalhes e links desse projeto são renderizados acima do formulário de inscrição — veja Sessões ao vivo e webinars.

Como é o fallback estático

<div style="margin:12px 0;background-color:transparent">
  <img src="https://example.com/webinar-cover.jpg" alt="Scaling Your SaaS in 2026"
       style="width:100%;max-width:100%;border-radius:6px;display:block;margin-bottom:10px" />
  <p style="margin:0 0 4px;font-weight:600;font-size:16px;color:#111827">Scaling Your SaaS in 2026</p>
  <p style="margin:0 0 8px;font-size:13px;color:#6b7280">Mar 1, 2026, 5:00 PM</p>
  <p style="margin:0 0 10px;font-size:14px;color:#4b5563">Live Q&amp;A with our founders.</p>
  <a href="https://mailinapp.com/webinar/sess_abc123"
     style="display:inline-block;padding:10px 20px;background-color:#4f46e5;color:#ffffff;
            border-radius:6px;text-decoration:none;font-size:14px;font-weight:600">
    Save my seat
  </a>
</div>

Existe apenas um nível aqui — o e-mail, a visualização ao vivo e a tela do estúdio renderizam todos o mesmo cartão, já que nada nele depende do destinatário ou do horário atual, como o selo de contagem regressiva do Link de reunião depende.

Veja também