Template HTML para Site de Casamento — Convite Online, RSVP e Lista de Presentes
Template HTML grátis editável para site de casamento com convite, contagem regressiva, RSVP via WhatsApp e lista de presentes.
Sobre este template
Para quem é este template
Vocês estão organizando o casamento e querem um convite digital que os convidados realmente abram — não um PDF perdido no e-mail nem um story que sumiu no Instagram. Um endereço próprio, bonito, com tudo no lugar: cerimônia, recepção, traje, contagem regressiva, RSVP pelo WhatsApp e até lista de presentes. Funciona pros pais, pros amigos da firma e para família que mora longe.
Layout pensado para qualquer estilo de cerimônia — civil ou religioso, formal ou descontraído. Tipografia serif italic em destaque (Fraunces, romântica e moderna), paleta cream/blush/bronze e animações suaves que respeitam preferência de movimento reduzido. Sem JavaScript pesado, sem bloat — o convite carrega rápido até no 4G da casa de campo da vovó.
Por que publicar no Htmly
Template grátis, publicação em 10 segundos, HTTPS automático via Cloudflare e link curto compartilhável (anaepedro.htmly.com.br). Edite direto no navegador — clique no nome dos noivos, na data, no endereço e digite. Sem cadastro para testar; quando estiver pronto, captura o site na sua conta com 1 clique. Domínio próprio (anaepedro.com.br) disponível no plano Pro para um toque ainda mais especial.
Próximos passos
Para casais que querem ir além do convite e construir presença digital completa do casamento, vale considerar uma página dedicada de fornecedores ou patrocinadores via criador de landing page com IA. Se está começando do zero e quer entender o fluxo, o passo a passo de criar site com IA explica desde a escolha do tema até a publicação. As fotos do casal podem deixar a página pesada — comprima antes de subir com o compressor de imagens online. E para domínio próprio (anaepedro.com.br), confira os planos pagos do Htmly.
O que vem incluído
- ✓Hero fullbleed com fotografia em destaque (responsiva via picture+webp), nomes em tipografia serif italic e ornamentos tipográficos
- ✓Contagem regressiva ao vivo com 4 cards (dias, horas, minutos, segundos) — números editáveis no HTML
- ✓Três cards de detalhes da celebração: cerimônia, recepção e traje — com endereços completos e horários
- ✓Timeline 'como tudo começou' com 4 marcos da história do casal (ano, título e descrição editáveis)
- ✓RSVP integrado ao WhatsApp via link `wa.me` — confirmação com 1 toque, sem formulário externo, sem cadastro do convidado
- ✓Seção lista de presentes com botão pra link externo (Tem Tudo, Casamento360, chave PIX, conta bancária ou QR Code)
- ✓Tipografia Fraunces (serif romântica e moderna) + Inter (sans), paleta cream/blush/bronze elegante
- ✓Mensagem de rodapé personalizada com ornamentos tipográficos
- ✓Mobile-first com tipografia fluid (clamp) que respira de 375px a 1920px sem quebrar layout
- ✓Animações respeitam `prefers-reduced-motion: reduce` — convidados sensíveis a movimento veem versão estática
- ✓HTML estático aberto — vocês podem baixar o código, editar localmente em qualquer editor e hospedar onde preferirem
- ✓Acessível (WCAG AA, focus-visible, alt em imagens, navegação por teclado)
Como personalizar com IA
- 1Peça ao ChatGPT: 'reescreva o hero deste HTML trocando "Ana Carolina" e "Pedro Henrique" pelos nomes [SEUS NOMES], a data "15 de novembro de 2026" por [SUA DATA] e o local "São Paulo" por [SUA CIDADE], mantendo o tom romântico e a estrutura'
- 2Substitua a foto do hero (ID Unsplash 1519741497674-611481863552) por uma foto real do casal — manter as proporções 16/9 e o formato webp pra carregar rápido em conexão móvel
- 3Edite a timeline da seção 'como tudo começou' — troque os 4 marcos (2018, 2020, 2024, 2026) pelos momentos reais de vocês. Peça ao Claude pra encurtar cada parágrafo em 1 frase poética com até 25 palavras
- 4Atualize o link de RSVP — troque `wa.me/5511999990000?text=Confirmo...` pelo seu número de celular (formato internacional sem zeros à esquerda) e pela mensagem pré-preenchida que vocês quiserem receber
- 5Personalize a paleta no bloco `:root` do `<style>` — `--color-bronze` é o accent. Troque pra dourado mais claro (#d4af7f), rosé (#e8b4bc) ou verde sage (#9ca586) testando contraste no light mode
Perguntas frequentes
Posso esconder seções que não uso (contagem regressiva, timeline, lista de presentes)?▾
Sim. Cada seção é uma `<section>` independente no HTML — pra esconder, basta apagar a section inteira ou comentar com `<!-- ... -->`. Pelo editor visual do Htmly, dá pra ocultar selecionando o bloco e clicando em 'remover'. As outras seções se ajustam automaticamente sem quebrar layout — não tem dependência cruzada entre elas.
O RSVP no WhatsApp funciona mesmo?▾
Sim. O link `wa.me` abre o WhatsApp do convidado com mensagem pré-preenchida ('Confirmo presença no casamento Ana & Pedro'). Eles só apertam enviar — vocês recebem direto no celular ou WhatsApp Web. Funciona em qualquer aparelho com WhatsApp instalado, sem app extra, sem cadastro, sem ter que pedir e-mail.
Posso adicionar lista de presentes do Tem Tudo, Casamento360 ou chave PIX?▾
Sim. Na seção 'Lista de presentes', o botão 'Ver lista de presentes' tem `href` editável — coloque o link da sua lista no Tem Tudo, Casamento360, Amazon ou outro serviço. Também dá pra trocar pra link de PIX (com chave aleatória ou e-mail), conta bancária ou QR Code embedado como imagem.
Os meus pais e os tios mais velhos vão conseguir abrir e usar?▾
Sim. O convite é uma página HTML pura, sem app, sem cadastro, sem login. Abre direto no navegador do celular ou notebook. Os botões são grandes (1rem de padding), o contraste é alto (paleta cream/bronze validada em WCAG AA) e a tipografia respira — testado em iPhone, Android, Safari e Chrome. Nenhum convidado vai precisar instalar nada.
Posso usar domínio próprio (`nossocasamento.com.br`) em vez de subdomínio Htmly?▾
Sim, no plano Pro. Vocês registram o domínio onde preferirem (Registro.br, GoDaddy etc.) e apontam pro Htmly via CNAME — fazemos a configuração SSL automática via Cloudflare for SaaS, sem precisar mexer em servidor. Subdomínio grátis (`anaepedro.htmly.com.br`) também funciona pra sempre, sem expirar.