> ## Documentation Index
> Fetch the complete documentation index at: https://docs.replit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Lance um site de evento pago

> Publique programação, palestrantes, local e ingressos pagos a partir do Notion.

export const Connectors = ({items}) => <div style={{
  margin: "8px 0 20px"
}}>
    <style>{`
      .connectors-list, .connectors-list * { margin-top: 0 !important; margin-bottom: 0 !important; }
      .connectors-row {
        display: flex !important;
        align-items: flex-start !important;
        gap: 10px !important;
        padding: 4px 0 !important;
        min-height: 0 !important;
        height: auto !important;
      }
      .connectors-row img {
        width: 20px !important;
        height: 20px !important;
        max-width: 20px !important;
        max-height: 20px !important;
        margin: 2px 0 0 !important;
        display: block !important;
      }
    `}</style>
    <div className="connectors-list">
      {items.map((item, i) => <div key={item.id} className="connectors-row" style={{
  borderTop: i === 0 ? "none" : "1px solid rgba(130,130,130,0.22)"
}}>
          <img src={`/images/connectors/${item.id}.svg`} alt="" width={20} height={20} />
          <div style={{
  minWidth: 0
}}>
            <div>
              <strong>{item.name}</strong>
              {item.why ? <span style={{
  opacity: 0.72
}}> · {item.why}</span> : null}
            </div>
            {item.auth === "api-key" ? <div style={{
  fontSize: "11.5px",
  lineHeight: 1.35,
  color: "#F26207",
  marginTop: "2px"
}}>
                Not a native connector. Agent will ask for your API key.
              </div> : null}
          </div>
        </div>)}
    </div>
  </div>;

export const AiPrompt = ({children}) => {
  return <CodeBlock className="relative block max-w-full overflow-x-hidden font-sans !whitespace-pre-wrap !break-words" style={{
    overflowWrap: "anywhere",
    wordBreak: "break-word"
  }}>
      <div className="pr-7" style={{
    whiteSpace: "pre-wrap",
    overflowWrap: "anywhere",
    wordBreak: "break-word"
  }}>
        {children}
      </div>
    </CodeBlock>;
};

Crie um site de evento pago completo, com programação, palestrantes, local, como chegar e
checkout de ingressos. Salve os participantes no Replit Database, receba pagamentos com o
Stripe, envie confirmação com o Resend e exporte a lista. Faça um pedido de teste antes de
compartilhar o link.

## Ideal para

* Profissionais de marketing de eventos que precisam de uma página pública e ingressos pagos para uma conferência, meetup ou lançamento.
* Líderes de comunidade que precisam da agenda editável no app, sem um sistema de conteúdo separado.

## Conectores

<Connectors
  items={[
{
  id: "notion",
  name: "Notion",
  why: "Palestrantes, programação e horários das sessões",
},
{ id: "resend", name: "Resend", why: "E-mails de confirmação após a compra" },
{ id: "stripe", name: "Stripe", why: "Ingressos pagos e checkout" },
]}
/>

## Antes de começar

Tenha o nome do evento, datas, local, preço do ingresso e um banco de dados no Notion para os
palestrantes (nome, foto, sessão). Conecte Notion, Resend e Stripe. O Agent constrói o
checkout no app.

## Prompt para o agente

<AiPrompt>
  Crie um site de evento pago completo a partir desta página do Notion
  \[link]: programação, palestrantes, local, como chegar e checkout de
  ingressos. Use nome, foto, cargo, biografia e horários das sessões dos
  palestrantes a partir do Notion. Cobre \[preço] por ingresso com o Stripe.
  Salve os participantes no Replit Database, envie confirmação com o Resend
  e exporte a lista.
</AiPrompt>

## O que esperar

O Agent constrói o site público e conecta o checkout, o pagamento, a confirmação e a lista de
participantes. Faça um pedido de teste antes de compartilhar o link. Use o modo de teste do
Stripe e um cartão de teste, depois verifique se a confirmação chega, se o participante está
na lista e se a exportação o inclui, antes de mudar para cobranças reais.

## Adapte ao seu caso

<AiPrompt>
  Adicione uma página de palestrantes a partir deste banco de dados do
  Notion \[link]. Use nome, foto, cargo, biografia e horários das sessões.
  Mantenha a página sincronizada quando o Notion mudar.
</AiPrompt>

<AiPrompt>
  Encerre a venda de ingressos quando atingirmos \[n] participantes e mostre
  um formulário de lista de espera em vez disso.
</AiPrompt>

## Solução de problemas

* **O e-mail de confirmação nunca chega:** confirme que o Resend está conectado e que o domínio do remetente está verificado. Faça um pedido de teste e verifique o painel do Resend para ver se o e-mail foi enviado.
* **Palestrantes ou horários estão errados:** aponte o Agent para o banco de dados do Notion (nome, foto, cargo, biografia, horários das sessões) e peça para manter a página sincronizada quando o Notion mudar.
* **O checkout não cobra:** confirme que o Stripe está conectado e que você está no modo de teste primeiro. Faça um pedido de teste antes de compartilhar o link.

## Relacionados

<CardGroup cols={2}>
  <Card title="Crie o design de uma landing page" href="/pt/use-cases/design-landing-page">
    O mesmo briefing no Notion para uma página de lista de espera ou de lançamento.
  </Card>

  <Card title="Crie ícones e banners para redes sociais" href="/pt/use-cases/create-social-kit">
    Para profissionais de marketing de eventos que também precisam de materiais de perfil e capa.
  </Card>
</CardGroup>