Manual da Instalação

do Typebot
O Passo a Passo para deixar o seu Typebot 100%
Atualizado e Ilimitado.

Passo 01: Criar sua Conta na Digital Ocean

Digital Ocean é o servidor onde vai ficar hospedado o seu Typebot.

👉 Link para fazer o cadastro: https://m.do.co/c/96f2a6cfff32

Com esse link você vai ganhar um cupom de $200 dólares e só vai precisar
pagar depois de 2 meses.

Mas você vai precisar cadastrar um cartão de crédito internacional válido

para ativar o cupom.
Assim que entrar na sua conta, Clique em Create -> Droplets

Lembre-se de instalar o Easypanel (fica antes de selecionar o seu servidor)

Como você tem $200 dólares de crédito e não vai pagar nada agora, você
pode começar com um servidor de $7 (R$35), mas eu recomendo um
servidor com 2GB - $12 (dessa forma seu Typebot fica com mais memória e
mais rápido).

Eu uso o servidor do print abaixo na minha estrutura:

Caso você não queira mais usar a Digital Ocean depois de 2 meses,
basta clicar no seu servidor e depois Destroy (e nada será cobrado de
você) e os seus robôs serão excluídos.
Passo 02: Compre seu Domínio

Agora que você já tem a hospedagem, você vai precisar de um domínio (custa
em torno de R$40 o ano todo).

Você pode comprar o domínio aqui: https://registro.br/

Depois de comprar o domínio, você vai adicionar ele na Digital Ocean:

E vai fazer os apontamentos no Registro BR (ou na plataforma que você já

tem um domínio)
Agora você fará 3 registros (Type A):

01 - form
02 - storage
03 - admin

Eles precisam ficar assim:

 Recomendo esperar 2h depois de fazer os apontamentos antes
de seguir com a instalação.

Passo 03: Instalação

Você vai criar um conta do easypanel (ferramenta que vai nos ajudar na
instalação do Typebot)

❗ Para evitar qualquer erro, use sempre o mesmo E-mail em todos os

cadastros.

Após criar sua conta no easypanel, você vai criar um Projeto e selecionar o
Template Typebot:
❗ Presente muita atenção nessa parte:

- Builder Domain: Você vai escrever admin.[o domínio que você

comprou] Ex: admin.ohenriquemelo.com
 - Viewer Domain: Você vai escrever form.[o domínio que você comprou]
Ex: form.ohenriquemelo.com

👉 Para pegar o Github Client ID você precisa fazer um cadastro nesse link:
https://github.com/signup

Após fazer o cadastro no Github você irá criar sua chave em “OAuth Apps”.

❗ Use sempre o mesmo E-mail em todos os cadastros.

Para chegar nessa etapa é simples. Dentro da sua conta no Github você vai
clicar em Settings:
Depois Developer Settings:

Depois OAuth Apps:

👉 Ou você pode entrar direto nesse link:
https://github.com/settings/developers

Agora você vai conseguir criar o seu aplicativo dentro da Github.

- Homepage URL: Você vai escrever form.[o domínio que você comprou]
Ex: https://form.ohenriquemelo.com
- Authorization callback URL: Você vai escrever admin.[o domínio que
você comprou] Ex: https://admin.ohenriquemelo.com

🚨 Lembre-se de colocar https:// no início do seu domínio.

Agora você vai copiar o seu Client ID

e vai gerar o seu Client Secret

Pronto, agora você já tem todas as informações para finalizar o cadastro:

❗ Em Email to make Administrator use o mesmo E-mail que fez o cadastro no
Github.

P: Fiz tudo isso e o meu Typebot não está Ilimitado?

R: Provavelmente você fez o cadastro no Github com um email e na hora de
selecionar o Email de Administrador usou outro.

Passo 4: Configurações Extras

Estamos quase acabando!

Assim que você fizer a instalação o status vai estar com bolinhas amarelas 🟡,
basta aguardar até ficar tudo verde.
Agora que todos estão verde 🟢 , você vai entrar no typebot-builder ->
Environment -> e onde está S3_ENDPOINT você vai apagar que está escrito

e vai colocar storage.[seudomínio].

🚨 Lembre de salvar e depois clicar no botão Deploy.

Ainda no typebot-builder -> Environment -> você vai copiar o

NEXTAUTH_URL=[seudomínio]
E vai colar no typebot-viewer -> Environment
Lembre de salvar e depois clicar no botão Deploy (esse processo de Deploy
vai resetar o servidor e leva uns 15 segundos).

Passo 5: Upload de Imagens

O “segredo” para você conseguir subir imagens no Typebot é criar o seu

Bucket corretamente.

#Etapa 01 - Entre no typebot-minio, clique em “Advanced” e cole o

código abaixo:
👉 Código: /bitnami/minio/data

🚨 Lembre de salvar e depois clicar no botão Deploy.

#Etapa 02 - Clicar em “Add Domain” dentro da aba “Domains” e
inclua no Host storage.[seudominio] - Porta 9000.
🚨 Lembre de salvar e depois clicar no botão Deploy.
#Etapa 03 - Clicar em “Open” no primeiro Domínio para Logar no
Minio

Ele vai abrir essa tela abaixo:

Dentro de “Environment” você encontra seu Usuário e Senha para acessar o
Minio

MINIO_ROOT_USER = (seu usuário)

MINIO_ROOT_PASSWORD = (sua senha)

#Etapa 04 - Você vai criar o seu Bucket

E vai colocar como política de acesso “Public”

Pronto! Se você seguiu exatamente essa sequência o

seu Typebot estará 100% pronto e com todos os
recursos liberados.