Como fazer o site de casamento dos seus sonhos (5 etapas fáceis)
Publicados: 2024-10-10Seu casamento é um evento único na vida, então, naturalmente, você gostaria de guardar essas memórias preciosas como lembrança. Mas qual é a melhor maneira? Um site de casamento.
Se você não tem certeza de como criar seu site de casamento, este post é para você. Ele lista um processo passo a passo usando Divi e WordPress – uma combinação poderosa e as duas únicas ferramentas de que você precisa para criar um site de casamento totalmente funcional.
- 1 benefícios de ter um site de casamento
- 2 O que você precisa para criar um site de casamento
- 3 Como criar um site de casamento em 5 etapas
- 3.1 1. Obtenha um nome de domínio e hospedagem WordPress
- 3.2 2. Instale um tema WordPress
- 3.3 3. Crie seu site de casamento
- 3.4 4. Personalize seu site de casamento
- 3.5 5. Modifique o formulário de confirmação de presença do seu site de casamento
- 4 ferramentas para melhorar a funcionalidade do seu site de casamento (opcional)
- 5 perguntas frequentes sobre como criar um site de casamento
Benefícios de ter um site de casamento
Seu casamento não é importante apenas para você. É também um evento valioso para sua família e amigos. Ao ter um site de casamento, veja como você torna isso mais fácil para seus entes queridos:
- Centro de informações centralizado: seu site pode fornecer todos os detalhes necessários, como datas de eventos, localização do local, código de vestimenta e acomodações de viagem e estadia, em um só lugar para garantir que todos próximos a você sejam informados com antecedência.
- Gerenciamento de RSVP: Gerenciar RSVPs por meio de um site de casamento simplifica o processo para você e seus convidados. Eles podem confirmar rapidamente sua presença e você pode acompanhar as respostas, restrições alimentares e listas de convidados em um só lugar.
- Informações de registro e presentes: seu site pode incluir links para registros de presentes para que seus convidados possam encontrar e comprar presentes facilmente. Você também pode oferecer opções de pagamento integradas para presentes monetários ou contribuições para um fundo de lua de mel.
- Forever Memory Hub: você compartilhará sua história, fotos e anedotas divertidas no site do seu casamento, que se torna um recurso indispensável para seus entes queridos refrescarem as memórias sempre que quiserem.
O que você precisa para criar um site de casamento
Você deve começar com uma base sólida para criar um site de casamento eficaz. Aqui estão as únicas ferramentas necessárias de que você precisa:
- SiteGround: Hospedagem confiável e segura para dar espaço ao seu site de casamento. Você armazenará todos os dados do seu site na hospedagem SiteGround.
- WordPress: um sistema de gerenciamento de conteúdo completo onde você trabalhará na história do seu casamento. WordPress é seguro, confiável e de uso gratuito.
- Divi: Um poderoso tema WordPress com lindos modelos de casamento que oferecem um site de casamento completo sem muito esforço.
Como criar um site de casamento em 5 etapas
Criar um site pode parecer altamente técnico e, em alguns casos, é. Mas é super fácil com as ferramentas certas. O processo que mostramos abaixo é a maneira mais fácil de criar um site de casamento seguro e deslumbrante em menos de uma hora.
1. Obtenha um nome de domínio e hospedagem WordPress
O site do seu casamento precisa de uma página inicial digital. Para fazer isso, você deve escolher um nome de domínio, sistema de gerenciamento de conteúdo e hospedagem na web.
Escolha um sistema de gerenciamento de conteúdo
WordPress é o sistema de gerenciamento de conteúdo mais popular, seguro e amigável para iniciantes, alimentando quase 40% de todos os sites. Você vai adorar trabalhar com o WordPress porque ele oferece dois benefícios principais:
- Um painel centralizado para gerenciar o conteúdo do seu site.
- Uma biblioteca de plugins e temas para adicionar funcionalidades ao seu site.
A melhor parte? O WordPress é de uso gratuito. Também recomendamos o uso do WordPress porque ele oferece flexibilidade de escala – possui recursos de comércio eletrônico e blogs se você quiser expandir ainda mais seu site.
Escolha um nome de domínio
Como escolher o nome de domínio perfeito para o seu site de casamento? A menos que você já tenha feito um brainstorming, a melhor ideia é usar o nome do seu casal.
Por exemplo, se John vai se casar com Cera, uma combinação de nomes é um nome de domínio perfeito para o site de casamento do casal. Você pode registrar este nome de domínio através do NameCheap a preços acessíveis.
Se você quiser evitar configurações técnicas e economizar dinheiro, adquira seu domínio com SiteGround.
Obtenha hospedagem WordPress
Você terá para o seu site de casamento um espaço digital para viver com hospedagem na web. SiteGround é uma hospedagem segura, confiável e confiável, perfeita para um site de casamento. Aqui está o porquê:
- Você pode obter um domínio de site gratuito (durante o primeiro ano) com SiteGround. Isso também significa gerenciamento centralizado em um painel sem se preocupar com a configuração técnica, como a configuração de registros DNS.
- SiteGround oferece hospedagem na web otimizada para WordPress , o que significa ótimo desempenho e fácil gerenciamento de conteúdo em um painel.
- Com o SiteGround, você instala o WordPress automaticamente em segundos, portanto não há necessidade de baixá-lo e instalá-lo manualmente.
Portanto, não há necessidade de registrar seu nome de domínio e WordPress separadamente – eles estão em um só lugar com o SiteGround.
Obtenha o SiteGround
2. Instale um tema WordPress
Certifique-se de que seu tema WordPress seja personalizável, fácil de usar e tenha os recursos necessários para criar um site de casamento deslumbrante, como o Divi.
Divi é um tema WordPress para iniciantes com modelos impressionantes de sites de casamento e ferramentas poderosas, Divi Quick Sites e Divi AI, para ajudá-lo a criar um site moderno e totalmente funcional em uma hora. É ideal para um site de casamento pelos seguintes motivos:
- Modelos de site de casamento completo: você obtém modelos completos de site de casamento projetados profissionalmente, incluindo páginas inicial, sobre, contato e RSVP. Tudo que você precisa fazer é ajustar o conteúdo e torná-lo seu. Além disso, confira nosso outro pacote gratuito de layout de noivado de casamento.
- Formulários de contato integrados: Divi possui um módulo de formulário de contato integrado para criar páginas de contato e RSVP. Você não precisa de plug-ins adicionais para adicionar esta funcionalidade.
- Temporizador de contagem regressiva integrado: deseja exibir um cronômetro de contagem regressiva para criar expectativa em torno da data do seu casamento? Divi inclui um cronômetro de contagem regressiva integrado para isso.
- Integração de mapa: Adicione a localização do seu local com a integração do mapa do Divi para tornar mais fácil para os hóspedes encontrarem o endereço do local.
- Layouts de galeria: Divi inclui layouts de galeria impressionantes em grade, controle deslizante e alvenaria para exibir suas fotos de forma atraente.
- Opção de condições integradas: Divi permite definir condições em elementos de conteúdo e páginas inteiras para mostrá-los a apenas algumas pessoas. Por exemplo, se quiser mostrar a data e o local do evento apenas para quem confirmou presença, você pode definir condições nessa página.
Basicamente, tudo que você precisa para construir o site do seu casamento está no Divi. Você está preocupado com o conteúdo do seu site porque não se sente um bom contador de histórias? Deixe isso para Divi AI, seu assistente de redação, para ajudá-lo a gerar textos cativantes para o site em segundos. Basta dizer ao Divi AI o que você deseja que ele escreva (frases quebradas estão bem) e observe-o contar sua história perfeitamente.
Preços Divi (anual e vitalício)
Sua assinatura Divi custa $ 89/ano , que inclui o tema Divi , plug-ins premium Bloom e Monarch , tema Extra e suporte premium de Elegant Themes. Se quiser obter o Divi para o resto da vida, você pode obtê-lo com um pagamento único de $ 250.
Ótimas notícias: você pode economizar ainda mais inscrevendo-se no Divi hoje e ganhando 10% de desconto .
Obtenha Divi
Instalar o Divi no painel do WordPress é bastante simples. Primeiro, adquira o Divi, baixe sua pasta zip, carregue-o no WordPress, instale-o e ative a licença Divi. Não se preocupe. Aqui está um passo a passo para ativar o Divi completamente:
3. Crie seu site de casamento
Depois de instalar e ativar o Divi no painel do WordPress, você pode criar um site de casamento completo usando Divi Quick Sites e Starter Sites em menos de cinco minutos.
Divi Quick Sites cria sites impressionantes com todas as páginas necessárias para atender às suas necessidades em menos de cinco minutos. Seu site incluirá uma página inicial pré-projetada, sobre, serviços, contato, galeria, modelos do Theme Builder, estilos globais e predefinições com marca. Basicamente, tudo já vem pré-feito, então basta ajustar o conteúdo e adicionar suas imagens.
Obtenha Divi
Vamos gerar o site do seu casamento usando Divi Quick Sites. No painel Divi, escolha Divi Quick Sites e clique em Gerar um novo site.
Você será solicitado a escolher entre duas opções:
- Use um site inicial pré-fabricado: você seleciona o site inicial de casamento pré-projetado, que inclui tudo, desde páginas até a marca, para que seu site esteja pronto para ser lançado com alguns ajustes.
- Gerar com Divi AI: você instrui o Divi AI a gerar um site com base em suas necessidades. Ele gera um site de casamento que inclui páginas e funcionalidades relevantes.
Criando um site de restaurante usando sites iniciais
Escolheremos o método Starter Site para gerar seu site de casamento, pois ele fornecerá um site de casamento projetado por especialistas da Divi, que conhecem muito melhor o lado da marca. Seu site estará pronto para uso imediatamente, mas você sempre pode ajustá-lo ao seu gosto.
Escolha Usar um site inicial pré-fabricado e clique em Selecionar um modelo de site.
Você escolherá o Wedding Starter Site na próxima janela para modelar seu site. Divi Quick Sites irá replicar o estilo deste site. Visualize cada página se quiser ver a aparência do seu site. Para visualizar, passe o mouse sobre o site Wedding Starter e clique em Visualizar casamento.
Use o botão deslizante para ver as diferentes páginas que seu site terá. O site Wedding Starter inclui páginas iniciais, sobre, contato, RSVP, blog e loja.
Para começar a construir usando o Wedding Starter Site, passe o mouse sobre Casamento novamente e clique em Iniciar com Casamento.
O Divi Quick Sites solicitará que você insira os detalhes necessários para construir um site de casamento que atenda às suas necessidades.
- Insira o nome do seu site (seu nome de domínio) e o slogan do site.
- Carregue o logotipo do seu site para permitir que o Divi Quick Sites o adicione ao cabeçalho padrão em todo o site. (Use o Adobe Express para criar um gratuitamente.)
- Selecione as páginas que deseja incluir em seu site. Como você não está planejando abrir uma loja online, desmarque Comprar.
- Escolha o botão Adicionar uma página personalizada para adicionar outra página.
Depois de fazer isso, clique em Gerar e publicar meu site. Seu site será gerado em 2 a 3 minutos.
E seu site está pronto! Veja como ficará o site do seu casamento:
É isso aí - nosso site de casamento está pronto. Tudo que você precisa fazer é adicionar seu conteúdo e imagens, o que pode ser feito de forma rápida e fácil usando o Divi Builder.
Criando um site de casamento em minutos usando Divi AI
Se você não deseja usar um site inicial, mas deseja criar um site totalmente diferente, escolha a opção Gerar seu site com IA .
Assim como você adicionou instruções para o seu site inicial de casamento, preencha os detalhes do seu site para que a Divi AI saiba como você gostaria que seu site fosse. Uma vez feito isso, clique em Gerar e publicar meu site e observe a Divi AI projetar seu site em menos de dois minutos.
Obtenha Divi AI
4. Personalize o seu site de casamento
O site do seu casamento precisará de um toque pessoal. Isso inclui ajustar o conteúdo do site, adicionar imagens, cores e fontes da marca e modificar estilos de páginas e elementos.
Aqui está a página Seu site está pronto , onde você pode acessar todas as páginas e modelos que o Divi Quick Sites gerou. Para visualizar seu site, clique em Ver Meu Site.
Editando páginas do site de casamento
Vamos começar editando páginas individuais. Para editar a página inicial, passe o mouse sobre ela e clique no ícone de lápis. Você também pode ir para Páginas > Página inicial na barra lateral do WordPress.
Agora você está editando a página inicial do seu site de casamento usando o Divi Builder – um editor visual de páginas de arrastar e soltar que torna o design e a edição de páginas da web tão fácil quanto mover o cursor. Para editar qualquer elemento, passe o mouse sobre ele e clique no ícone de engrenagem (configurações). Isso abre a janela de edição, onde você encontrará todas as configurações nas guias Conteúdo, Design e Avançado .
Sua página inicial inclui um cronômetro de contagem regressiva integrado, então você não precisa instalar outro plugin. Basta modificar suas configurações e sua página será ajustada. Para editar, passe o mouse sobre a contagem regressiva e clique em configurações.
Dê um título, escolha a data e hora do casamento e clique no botão de verificação verde para salvar. Em seguida, carregue suas imagens. Para editar um módulo de imagem, passe o mouse sobre ele e clique em configurações.
Clique no pequeno ícone de configurações dentro da imagem. Isso abrirá sua biblioteca WordPress, onde você poderá fazer upload de suas próprias fotos. Faça o mesmo para todas as imagens do site. Se você quiser exibir mais, adicione um módulo de conteúdo da Galeria para exibir imagens em um controle deslizante e layouts de grade.
A seguir, vamos editar o conteúdo do seu site. Você não precisa se preocupar em contar histórias – deixe a Divi AI cuidar disso para você. Tudo o que você precisa fazer é contar sua história ao Divi AI e dar instruções, e ele gerará o conteúdo do seu site em segundos. Além disso, você pode até pedir ao Divi AI para refinar o texto gerado, como adicionar palavras-chave, torná-lo mais curto, etc.
Obtenha Divi AI
Siga o mesmo processo para cada página. Atualize links, botões e outros elementos revisando as opções de configuração de cada elemento. Assista a este vídeo no Divi para aprender como editar páginas com o Divi Builder.
Adicionando fontes e cores de marca ao seu site de casamento
Em seguida, atualize suas fontes e cores globais no Divi para adicionar as cores ou fontes de sua marca. Faça isso se realmente quiser, porque esta etapa é opcional, pois o Wedding Starter Site já inclui combinações selecionadas profissionalmente.
Para editar Fontes Globais, clique nas configurações de qualquer elemento de texto. Mude para Design , role para baixo até Texto e clique em Fonte . Você pode escolher entre fontes Divi ou fazer upload das suas próprias.
Para editar as cores globais, role para baixo até a cor do texto do título e mude para Global em Salvo.
Clique na pequena seta suspensa em cada cor e escolha no painel de cores. Você também pode escrever o código hexadecimal para obter a cor exata.
Da mesma forma, ajuste todas as cores. Você pode adicionar mais cores clicando no ícone de adição próximo à última Cor Global.
Modificando configurações de elementos salvos
Quando você gera um site de marca com Divi Quick Sites, cada elemento (texto, imagem ou outro) possui um estilo predefinido. Este estilo predefinido é denominado Global Presets.
Modificar uma predefinição global de um elemento significa que as alterações serão refletidas em todos os lugares em que o elemento for usado. Simplificando, você não precisa editar manualmente um elemento específico em cada página – basta editar um e o Divi Builder cuidará do resto.
Por exemplo, o botão RSVP é universal em todo o site. Quando você passa o mouse, ele fica preto. Portanto, se você modificar o botão RSVP uma vez, as outras instâncias também serão atualizadas.
Editar uma predefinição é como modificar qualquer outro elemento. Primeiro, selecione a predefinição do elemento e depois faça as alterações. Veja como editar uma predefinição de um elemento:
Editando layouts de página
Da mesma forma, cada página do seu site de casamento (seja um layout de postagem de blog único, página de blog, layout de site padrão, etc.) tem um estilo predefinido chamado Theme Builder Templates . Por exemplo, o cabeçalho atual é o padrão em cada página.
Suponha que eu queira adicionar o link da página RSVP ao botão RSVP. Para editar o modelo de cabeçalho, posso clicar em Editar modelo de cabeçalho ou modificar o modelo padrão do Theme Builder.
Clicar no ícone de lápis no cabeçalho global me levará ao Divi Builder, onde posso modificá-lo como qualquer outro elemento. O ícone de engrenagem abrirá as configurações e posso adicionar o link da página RSVP à seção Link .
Assim como a predefinição global, os modelos do Theme Builder abrangem todo o site, portanto, não é necessário atualizar manualmente cada página. O Divi Builder facilita a personalização de todo o seu site, atualizando os elementos globais, o que economiza muito tempo.
Depois de revisar cada elemento do seu site e ter certeza de que ele está transmitindo a história do seu casamento corretamente, faça uma verificação final e lance-o. Aqui está um tutorial mais aprofundado sobre como modificar seu site gerado pelo Starter Site.
5. Modifique o formulário de confirmação de presença do seu site de casamento
Sua página de RSVP deve estar ativa para reunir os convidados confirmados em uma lista e ter um número de funcionários com antecedência. O tema Divi vem com um módulo Divi Contact Form , que é suficiente para tornar sua página RSVP funcional, mas você também pode verificar plug-ins avançados de reserva de RSVP, como WPForms ou Divi Events Calendar.
Nesta etapa, configuraremos o Formulário de Contato Divi para ativar sua página RSVP. Na página Seu site está pronto , clique no ícone de lápis na página RSVP.
A página já inclui um Formulário de Contato Divi, então você só precisa definir as configurações do formulário. Passe o mouse sobre ele e clique em configurações.
O formulário inclui os campos Nome, Email e Mensagem. Se desejar adicionar mais campos, clique em Adicionar novo campo. Role para baixo até Texto para editar a mensagem de sucesso. Escreva uma mensagem sincera de sucesso – use o Divi AI se precisar de ajuda.
Você pode incluir detalhes do evento em sua mensagem de sucesso apenas para participantes confirmados. Dessa forma, você pode garantir um número de funcionários correto. Se você não quiser usar a mensagem de sucesso, redirecione- os para uma página de agradecimento separada, onde você também pode incluir seu PayPal ou links de registro para coletar o fundo de doação de lua de mel.
A seguir, vamos configurar onde você receberá as solicitações de mensagens confirmadas. Vá para a seção E-mail . Por padrão, o Divi envia mensagens confirmadas para o seu e-mail de administrador do WordPress, mas se você quiser recebê-las em um endereço diferente, insira seu novo e-mail aqui.
Agora, para ajustar a aparência do seu formulário, vá para a aba Design . Aqui está um tutorial mais aprofundado sobre como personalizar seu formulário de contato Divi:
Com o seu formulário de confirmação de presença configurado, o site do seu casamento está pronto. Para visualizar seu site final, clique na página Visualizar meu site na página Seu site está pronto .
Ferramentas para melhorar a funcionalidade do seu site de casamento (opcional)
Aqui estão algumas ferramentas adicionais que ajudam a aprimorar a funcionalidade do seu site de casamento. Essas ferramentas não são necessárias – apenas ajudam a aproveitar ao máximo seu site:
- Divi Marketplace: oferece temas e plug-ins que fazem com que um site de casamento tenha uma ótima aparência e funcione perfeitamente, oferecendo mais opções para personalizar seu site.
- Monarch: permite adicionar botões de mídia social ao site do seu casamento para que os convidados possam compartilhar facilmente os detalhes do seu casamento com outras pessoas. Você obtém Monarch gratuitamente com seu tema Divi.
- Bloom: ajuda você a criar formulários de inscrição por e-mail no site do seu casamento para coletar confirmações de presença e enviar atualizações aos seus convidados. Você obtém Bloom gratuitamente com seu tema Divi.
- Divi AI: auxilia na redação e no design do site do seu casamento, dando sugestões inteligentes, tornando mais fácil escrever uma história de casamento memorável.
- EWWW: compacta imagens em seu site de casamento para que as páginas carreguem mais rápido, o que é especialmente útil para galerias de fotos.
- Cloudflare: mantém os dados do seu site (informações dos visitantes) protegidos contra ataques de spam.