Como Personalizar o Site do Seu Evento na Fotop

Aprenda a personalizar a página do seu evento no painel da Fotop!

Veja abaixo tudo o que você precisa saber sobre cada configuração, tamanhos de imagens e solução para as dúvidas mais frequentes.

📌 1. Conceito Principal

O que é a personalização do evento?

Por padrão, o seu evento herda o visual (logotipo, cores, redes sociais) da sua loja principal na Fotop. A personalização permite criar um visual exclusivo para um evento específico — ideal para corridas grandes, organizadores parceiros ou marcas próprias.

O botão "chave" de cada aba (Liga/Desliga)

Todas as abas de personalização possuem um botão no topo (ex: "Utilizar cores diferentes" ou "Utilizar uma imagem de perfil diferente"):

🔴 Desligado: O evento utiliza as configurações padrão da sua loja.
🟢 Ligado: O evento passa a utilizar o que foi preenchido naquela aba específica.

Dica: Se você desativar o botão, as informações preenchidas não são apagadas; elas ficam salvas e retornam caso você ative o botão novamente.

🛠️ 2. Como Acessar a Tela de Personalização?
Acesse o seu painel na Fotop.
Vá em Eventos > Meus eventos.
Escolha o evento desejado e clique em Personalizar evento.
Nota para celular: As 7 abas de configuração ficam no topo. Em telas menores, basta arrastar a barra para o lado para ver todas as opções.

⚙️ 3. Passo a Passo das Abas de Configuração
🔹 Aba Configurações (Dados e Link do Evento)
Nome de exibição: Como o público verá o nome do seu evento no site.
E-mail e Telefone de contato: Exibidos no rodapé para suporte aos compradores. Selecione a bandeira do país no telefone e digite apenas os números.
CNPJ: Campo opcional (só é exibido para eventos realizados no Brasil).
Link do site do evento: O endereço personalizado para divulgação (ex: corrida-do-parque.fotop.com.br).
Regras: Aceita apenas letras, números e hífens (sem espaços ou acentos)

⚠️ Atenção: Se este link não estiver definido e salvo, boa parte das personalizações (cores, logo, redes sociais) não aparecerão no site!
Exibir no meu site: Se ligado, o evento aparece no card da sua loja principal. Se desligado, só pode ser acessado pelo link direto do evento.
Minhas fotos em primeiro: Prioriza a exibição das suas fotos nos resultados de busca do evento.

🔹 Aba Layouts (Imagens e Banner)
Nesta aba, você escolhe como a página inicial do evento será apresentada:
1. Escolha do Layout
Layout Padrão: Apresentação compacta, destacando a busca e as fotos de imediato.
Layout Imagem Destaque: Exibe uma imagem grande no topo da página, abaixo do menu.

2. Configurando a Imagem Destaque
Mesma imagem em todos: Envia 1 imagem para computador e celular.
Imagens diferentes por dispositivo: Envia 1 foto deitada para desktop e 1 foto em pé para celular (recomendado).

Ajuste da Imagem:
Capa: Preenche toda a área (pode cortar as bordas).
Contido: Exibe a foto inteira sem cortes (pode deixar faixas vazias nas laterais). Ideal se houver textos ou logotipos perto da borda.
Texto de destaque: Permite adicionar um título e uma descrição sobre a foto de topo. (Só funciona se o Layout Imagem Destaque estiver selecionado e com imagem enviada).

3. Banner Promocional
O banner é uma faixa promocional que serve para divulgar cupons, avisos ou outros eventos. Funciona em qualquer um dos layouts escolhidos.
Banner Clicável: Permite adicionar um link externo para direcionar o cliente ao clicar na faixa.

🔹 Aba Imagem de Perfil (Logotipo)
É a imagem principal do evento que fica no cabeçalho do site.
Deve ser obrigatoriamente quadrada.

🔹 Aba Links Editáveis
Permite criar botões/links adicionais no menu do site do evento (ex: "Regulamento", "Dúvidas").
Preencha o Título (palavra no menu) e a URL (destino).
Recomendação: Use nomes curtos para não poluir a visualização em telas de celular.

🔹 Aba Redes Sociais
Insira os nomes de usuário das redes do evento: WhatsApp, Instagram, Facebook, TikTok, YouTube e X.
O sistema já inclui a URL da rede em cinza; digite apenas o @usuario. Os links aparecem no rodapé.

🔹 Aba Cores
Personalize a identidade visual escolhendo duas cores:
Cor Principal: Afeta o menu, botões e títulos principais.
Cor Secundária: Detalhes secundários, como barra de busca e destaques de texto.
⚠️ Atenção ao contraste: Evite usar a mesma cor para o fundo e para os textos para não deixar o menu ilegível.

🔹 Aba Marca d'Água
Define a marca que será aplicada sobre as fotos para proteção.
Deve obrigatoriamente estar no formato PNG (com fundo transparente).
⚠️ Importante: A nova marca d'água só é aplicada em fotos enviadas após a alteração. Fotos já publicadas permanecem com a marca antiga.

🔹 O Preview e Como Salvar

Em todas as abas existe o quadro "Preview do site do evento" na parte inferior da tela. Ele atualiza em tempo real enquanto você faz as alterações, permitindo conferir o resultado antes de publicar.

Alternar visualização: No canto direito do preview, há dois ícones (um celular 📱 e um computador 💻) para alternar a largura e checar como o site vai ficar em ambos os dispositivos. Recomendamos sempre conferir as duas versões, especialmente após enviar imagens.

Salvar ou Cancelar

No final da página ficam os botões Cancelar e Salvar personalizações. Se você tentar sair da página sem salvar, o sistema exibirá um aviso de confirmação para evitar que perca alterações em textos e configurações.

⚠️ Como funciona o salvamento de imagens: As imagens (logo, banner, marca d'água) são salvas automaticamente no momento do upload, e não quando você clica em "Salvar". Se você enviar uma imagem e clicar em "Cancelar", os textos voltarão ao estado anterior, mas a imagem continuará lá. Para trocar uma imagem enviada, basta fazer o upload de uma nova por cima.

📏 4. Tabela de Tamanhos e Formatos de Imagem

💡 Limite de tamanho: Todos os arquivos de imagem devem ter no máximo 5 MB.

❓ 5. Perguntas Frequentes (FAQ)

Mudei as cores, mas o site continua com o visual antigo. O que fazer?

Verifique se o botão "Utilizar cores diferentes" no topo da aba "Cores" está ligado. Se ele estiver desligado, o site manterá as cores padrão da loja.

Salvei todas as alterações, mas a página do meu evento não mudou nada.

Certifique-se de preencher e salvar o Link do site do evento na aba Configurações. Sem o link personalizado definido, o site não aplica logotipos, cores, redes sociais ou links editáveis.

O sistema não aceita a minha imagem. Por quê?

Normalmente ocorre por 3 razões:

O arquivo ultrapassa o limite de 5 MB.
O formato não é suportado (use JPG ou PNG; para marca d'água, use apenas PNG).
A proporção da imagem está muito fora do padrão exigido (ex: tentar enviar uma imagem em pé onde se exige uma deitada).

Cliquei em "Cancelar", mas a imagem que enviei continuou lá.

As imagens são salvas no momento do upload, e não ao clicar no botão "Salvar personalizações". Para trocar uma imagem já enviada, basta fazer o upload de um novo arquivo por cima.

Troquei a marca d'água, mas as fotos antigas continuam com a marca antiga.

A alteração da marca d'água se aplica apenas a fotos enviadas a partir do momento da mudança. Para atualizar a marca d'água em fotos antigas, é necessário reenviar essas fotos para o evento.

O texto de destaque não está aparecendo na minha tela.

O texto de destaque é exibido como uma legenda sobre a Imagem Destaque. Ele só aparece se você estiver utilizando o Layout Imagem Destaque e já tiver enviado uma imagem.

Só consigo ver 3 abas na minha tela. Cadê as outras?

Se você estiver utilizando um celular ou tela menor, a barra superior de abas desliza para o lado. Basta arrastar a barra para a esquerda para visualizar as demais abas.

O nome que tentei usar no link do evento diz que já está em uso.

O link precisa ser único em toda a plataforma Fotop. Se o nome escolhido já foi registrado, tente adicionar o ano, cidade ou edição (exemplo: corrida-do-parque-2026).