Guia completo do Site: crie sua própria página web no eSponsor

Com o Site do eSponsor você cria sua própria página web, com várias páginas, sua marca e tudo o que você vende, sem saber programar. Seus visitantes podem comprar seus produtos, assinar, doar e agendar com você diretamente no seu site.

Este guia acompanha você do início ao fim: da criação do site até a publicação com seu próprio domínio. Você pode ler tudo ou ir direto para a parte que precisa.

Site ou Link in Bio?

No eSponsor você tem as duas opções e pode usar as duas ao mesmo tempo:

• Link in Bio: uma única página, rápida de montar, ideal para a bio das suas redes.
• Site: um site completo com várias páginas, menu, rodapé, páginas de loja, blog e muito mais controle sobre o design.

O site está incluído em todos os planos, inclusive no Grátis.

Crie seu site

1. Entre no seu painel de criador.
2. No menu, toque em Site. Você também pode entrar por este link.
3. Se você ainda não tem um site, o assistente Criar site será aberto.

O assistente faz algumas perguntas, uma por vez:

1. Visão do site: descreva em uma frase o que você vende, o estilo que quer e o que quer alcançar. Por exemplo: "Uma loja de couro artesanal com tipografia vintage e tons sépia quentes". Essa frase orienta as cores, os textos e o design.
2. Modelo: escolha a partir de qual design quer começar. Primeiro você verá os modelos recomendados para o seu tipo de conta. Toque em Ver todos os modelos para ver o resto. Com Prévia você vê cada modelo completo antes de escolher.
3. Paleta de cores: escolha uma combinação de cores ou selecione A partir da sua descrição para que a IA escolha as cores com base no que você escreveu.
4. Tipografia: escolha o estilo de letra que combina com sua marca: Limpa, Elegante, Impactante, Manuscrita, Tech, Clássica, Suave e mais. Você pode mudar depois.
5. Tom: escolha como os textos do seu site devem soar: Elegante e premium, Acolhedor e próximo ou Ousado e enérgico.
6. Resumo: revise suas respostas e toque em Criar site.

O eSponsor monta seu site com o modelo, a IA ajusta o design e os textos, e o editor é aberto. Seu site ainda não é público: só você vê até publicá-lo.

Modelos disponíveis

Há modelos pensados para muitos tipos de criadores: fitness e coaching, coach e mentorias, consultor e empreendedor, curso editorial, fotografia, cosplay e sets, gaming e merch, streaming e comunidade, podcast e comunidade, DJ / performer, beleza e maquiagem, assinaturas e café, restaurante, agência, imprensa e mídia, fundação, resgate animal e conteúdo premium +18. Se preferir começar do zero, escolha Blank.

Conheça o editor

O editor tem três abas no topo:

• Pré-visualização: seu site do jeito que os visitantes vão ver. Aqui você adiciona e edita blocos.
• Design: cores, tipografia, botões, fundo e estilo de todo o site.
• Configurações: logo, título, publicação, domínio, analítica, metadados e módulos.

Outras ferramentas do editor:

• Trocar de página: vá para qualquer página do seu site para editá-la.
• Desktop, tablet e mobile: mude o tamanho da pré-visualização para ver como seu site fica em cada tela.
• Painel do agente: abre ou fecha o assistente de IA (veja mais abaixo).
• Salvar alterações: salva tudo o que você fez. Se você não salvar, suas mudanças não chegam ao seu site.
• Descartar alterações não salvas: volta para a última versão salva.
• Visitar site: abre seu site em uma nova aba.

Trabalhe com blocos

Cada página do seu site é feita de blocos: um título, uma galeria, sua loja, perguntas frequentes etc. Você empilha um embaixo do outro para montar a página.

Adicione um bloco

1. Passe o cursor sobre um bloco da pré-visualização e toque no botão + que aparece acima ou abaixo dele, dependendo de onde quer o novo bloco. Se a página estiver vazia, toque em Adicionar bloco.
2. Procure o bloco pelo nome ou escolha na lista.
3. O bloco aparece na página, pronto para ser editado.

Edite um bloco

Clique em qualquer bloco da pré-visualização para abrir o editor dele. Dependendo do bloco, você verá estas abas:

• Conteúdo: textos, imagens, botões e os itens que ele mostra.
• Design: como ele se organiza (por exemplo, em cards ou em carrossel), suas cores, o alinhamento do texto e a animação ao aparecer.
• Configurações: opções específicas de cada bloco.

Em Opções do bloco você também pode:

• Ocultar o bloco sem apagá-lo, e Mostrar quando quiser que ele volte.
• Excluir o bloco.
• Editar nome do bloco. Esse nome também funciona como âncora: se você chamar um bloco de "Doações", pode criar um link direto para essa parte com #doacoes.

Organize os blocos

Toque em Reordenar blocos e arraste-os na ordem que quiser.

Links dentro do seu site

Quando um botão ou link pede um destino, você pode escolher uma das suas páginas, um produto, uma publicação ou qualquer item do seu site, ou digitar um endereço externo. Se você criar um link para uma página do seu site, ele continua funcionando mesmo que depois você mude a URL dessa página.

Todos os blocos disponíveis

Layout e conteúdo

Comércio e marketing

Multimídia

Os blocos Instagram, Perfil do TikTok e Canal do YouTube estão disponíveis nos planos pagos.

As imagens que você envia nos blocos ficam na sua biblioteca multimídia, então você pode reutilizá-las em outras partes do site.

Páginas do seu site

Seu site começa com uma página Início e as páginas que vieram com o modelo. Você pode adicionar quantas precisar, como "Sobre mim", "Serviços" ou "Contato".

Em Trocar de página:

• Adicionar nova página: escreva o Título da página e o Slug da URL (a parte final do endereço, por exemplo sobre-mim).
• Editar página: mude o título ou o slug. O slug da página inicial não pode ser alterado.
• Excluir página: apaga a página de vez. Não é possível excluir a página inicial.

Módulos: loja, assinaturas, blog e mais

Os módulos criam páginas automáticas com todo o seu catálogo. Por exemplo, ao ativar o módulo Loja, seu site terá uma página /loja com todos os seus produtos publicados, e cada produto terá sua própria página.

Os módulos disponíveis são:

Os endereços acompanham o idioma do seu site. Por exemplo, em um site em espanhol a loja fica em /tienda.

Para ativá-los:

1. Vá até a aba Configurações e entre em Módulos.
2. Ative os que quiser.
3. Toque em Salvar alterações.

Você pode mudar o título e a URL de cada página de módulo em Trocar de página. Se você desativar um módulo, a página dele fica oculta, mas os blocos que mostram esses itens em outras páginas continuam funcionando.

Sempre que você publica um produto, um plano ou uma publicação nova no seu painel, ele aparece sozinho na página do módulo. Você não precisa editar o site.

Menu (barra de navegação)

Clique na Barra de navegação da pré-visualização para editá-la:

• Links de navegação: adicione uma Página, um Módulo ou uma URL externa e organize a ordem.
• Botão CTA da barra: um botão em destaque no menu, por exemplo "Comprar agora".
• Barra de anúncios: uma faixa no topo do site com uma mensagem, como "Frete grátis em pedidos acima de R$ 200". Você pode adicionar um link, escolher as cores e permitir que os visitantes a fechem.
• Mostrar título do site ao lado do logo.
• Navbar fixa: o menu continua visível enquanto os visitantes rolam a página.
• Estilo dos links: borda, opacidade do fundo, efeito ao passar o cursor e como a página atual é marcada.

Quando seu site vende algo, o menu mostra o carrinho e um botão para os visitantes entrarem na conta.

Rodapé

Clique no Rodapé da pré-visualização para editá-lo:

• Logo do rodapé: use se o rodapé for escuro e você precisar de uma versão clara do seu logo.
• Mostrar título do site e Mostrar bio.
• Copyright: escreva seu próprio texto ou deixe vazio para usar um automático com o ano e o título.
• Cores do rodapé.
• Redes sociais: escolha quais redes mostrar.
• Menu: mostra links do seu site no rodapé.
• Newsletter: adiciona o formulário de inscrição por e-mail.
• Revelação fixa: o rodapé aparece por baixo da página ao chegar ao final.

Personalize o design

Na aba Design você muda a aparência de todo o site de uma vez:

• Preset de design: um estilo completo que muda a tipografia, o ritmo, os padrões e os componentes. Não muda suas cores.
• Cores: escolha uma paleta e ajuste cada cor: fundo, texto, primária (botões e links), secundária, cards, bordas e padrão.
• Botões: tamanho, efeito ao passar o cursor e cores de cada tipo de botão (principal, secundário, contorno e fantasma).
• Tipografia: fonte dos títulos, do corpo e dos rótulos. Em Tipografia avançada você ajusta tamanhos, peso e altura de linha, inclusive no celular.
• Fundo da página: cor sólida, degradê ou imagem, com filtro e padrão opcional.
• Distribuição: o espaço entre seções e a largura do conteúdo.
• Estilo: bordas, sombras, arredondamento dos cantos, estilo dos cards, dos botões, do cabeçalho e do menu, e tamanho do logo.
• Movimento: animações ao rolar a página, movimento dos cards e zoom nas imagens.

Cada bloco também pode ter suas próprias cores na aba Design dele.

Edite seu site com IA

O editor tem um agente de IA que pode trabalhar por você. Abra-o pelo botão do painel do agente e peça o que precisa com suas palavras. Por exemplo:

• "Melhore o design geral: cores, contraste e acabamento visual"
• "Reescreva o título do hero e o texto de apoio"
• "Adicione uma seção sobre mim com uma bio curta"
• "Mostre meus produtos mais recentes na página"
• "Adicione uma seção de chamada para ação"

O agente pode mudar o design, reescrever textos, adicionar ou editar blocos, criar páginas e mostrar seu catálogo. Os blocos que ele altera ficam marcados com Atualizado por IA.

Antes de fazer algo importante, como publicar o site, excluir ou ocultar uma página, ou ativar um módulo, o agente pede sua confirmação.

Cada uso da IA gasta créditos de IA do seu plano. Veja quantos cada plano inclui em Todas as funcionalidades do eSponsor.

Configurações do site

Na aba Configurações você encontra:

• Geral: o Logo do site, o Título do site e a chave Publicado.
• Domínio: o endereço do seu site (veja mais abaixo).
• Analítica: as estatísticas do seu site e suas ferramentas de medição.
• Metadados: como seu site aparece no Google e ao ser compartilhado.
• Módulos: ative ou desative loja, assinaturas, campanhas, blog, lista de desejos e agendamentos.

Acompanhe suas visitas

Em Analítica, toque em Ver analítica para ver as visitas e a interação do seu site no painel do eSponsor.

Nos planos pagos você também pode conectar Google Analytics, Google Tag Manager, Meta Pixel e o pixel do TikTok. Cole o ID de cada um e salve.

Como ele aparece ao ser compartilhado

Em Metadados, preencha:

• Meta título e Meta descrição: o que aparece no Google.
• Imagem de compartilhamento: a imagem exibida nas redes e chats. O tamanho recomendado é 1200 × 630.

Se você não escolher uma imagem, seu logo é usado. Logo abaixo você vê uma prévia de como vai ficar.

Seu endereço web e domínio próprio

Em Configurações → Domínio você escolhe como os visitantes chegam ao seu site:

• Domínio principal ou Subdomínio: endereços do eSponsor que já vêm prontos.
• Domínio personalizado: seu próprio endereço, por exemplo www.suamarca.com. Disponível nos planos pagos.

Para conectar seu próprio domínio:

1. Toque em Conectar domínio personalizado e digite seu domínio.
2. O eSponsor vai mostrar os Registros DNS que você deve adicionar (do tipo CNAME). Adicione-os no site onde você comprou seu domínio (por exemplo, Registro.br, GoDaddy ou Cloudflare).
3. Se o seu provedor não permitir CNAME no domínio principal (sem www), use um registro A, ALIAS ou ANAME para o mesmo destino.
4. Se o seu provedor pedir para verificar que o domínio é seu, adicione também o registro TXT que mostramos.
5. Você pode ativar Também conectar para que as versões com e sem www levem ao seu site.
6. Toque em Conectar domínio e aguarde até o status mudar para Conectado.

As mudanças de DNS podem levar um tempo para serem verificadas. Quando o domínio se conecta, o eSponsor ativa a conexão segura (HTTPS) automaticamente. Veja o passo a passo completo, com solução de problemas, em como conectar seu domínio próprio.

Publique seu site

1. Vá até Configurações → Geral.
2. Ative Publicado.
3. Toque em Salvar alterações.

A partir desse momento seu site fica visível para todos. Se você despublicá-lo, só você poderá vê-lo.

Lembre-se: sempre que fizer mudanças, toque em Salvar alterações para que elas cheguem ao seu site.

O que seus visitantes podem fazer

Depois de publicado, seus visitantes podem:

• Comprar seus produtos e pagar pelo carrinho.
• Assinar seus planos e ver seu conteúdo exclusivo.
• Doar para suas campanhas e deixar gorjetas.
• Agendar sessões na sua agenda.
• Presentear você com algo da sua lista de desejos.
• Entrar na sua newsletter. Quem se inscreve entra na sua audiência, e você pode enviar e-mails pelo seu painel.

Para comprar ou assinar, seus visitantes entram na conta com um código que chega por e-mail, sem sair do seu site.

Dicas para um bom site

• Comece pelo início. Um bom hero com um título claro e um botão mostra em segundos quem você é e o que oferece.
• Ative os módulos que você usa. Se você vende, ative Loja; se tem assinaturas, ative Assinaturas. Seu catálogo se mantém atualizado sozinho.
• Confira a versão mobile. A maioria dos seus visitantes vai chegar pelo celular.
• Use a barra de anúncios para suas promoções e lançamentos.
• Preencha os metadados para que seu site fique bonito ao ser compartilhado.
• Compartilhe seu site nas suas redes e adicione-o ao seu Link in Bio.