Como criar um livro de visitas online para o seu casamento com os depoimentos da Divi & Auto

Esta postagem é a parte 4 de 5 de nossa minissérie Como Criar um Site de Casamento Elegante com Divi. Nesta série, iremos guiá-lo através das partes mais importantes da criação de um site de casamento para você ou um cliente com a Divi.

Nas primeiras três partes desta minissérie, mostramos como criar um site elegante de casamento. Este site continha uma página de anúncio, uma página de galeria e uma página de lista de presentes.

Ter um livro de visitas online em seu site também permite que você se envolva com os convidados após o casamento. É por isso que buscamos a solução mais fácil que funcione com Divi.

Queremos mostrar a você como criar um livro de visitas online com Depoimentos Divi Automáticos de Noou. Este plugin nos ajudará a criar um fluxo automático de depoimentos recebidos. O plug-in tornará sua página amigável e fácil de usar, além de economizar muito tempo.

Neste tutorial, mostraremos passo a passo como integrar o Automatic Divi Testimonials em sua página de livro de visitas e personalizá-lo para esse propósito. E, como criar o seguinte layout de Módulo de Depoimento Automático que corresponda ao site de casamento que você já fez.

Adquirindo o Plugin

Em primeiro lugar, você precisará comprar o Automatic Automatic Divi Testimonials de Noou em seu site se você ainda não possui o plugin. Depois de fazer seu pedido, você receberá um arquivo ZIP. O arquivo ZIP contém todos os arquivos necessários para que o plugin funcione sem problemas.

Fazendo upload do plug-in automático de depoimentos de divi

Antes de enviar o plugin em seu site WordPress, você terá que fazer algumas modificações em um dos arquivos incluídos no arquivo ZIP.

Vá para o arquivo Zip Divi Automatic Testimonials> Divi-automatic-depoimentos> Frontend> Abra o arquivo Form com um editor de código.

Neste exemplo, usaremos o Notepad ++ para editar o arquivo, mas fique à vontade para usar qualquer editor de código de sua escolha.

Alterando os Títulos dos Formulários

O formulário predefinido geralmente é usado para fins comerciais. As perguntas padrão que uma pessoa precisa responder são relacionadas aos negócios, como cargo e empresa. Temos que fazer as modificações no arquivo PHP antes de enviar o plugin porque eles usam um shortcode para exibir o formulário em seu site construído com Divi.

Queremos mudar esses títulos, mas como eles ainda estão trabalhando em um formulário dedicado que você pode editar no Divi, teremos que voltar à fonte para fazer essas modificações. Esta é a aparência do formulário no site, sem as modificações:

Os três campos que teremos que alterar são o campo 'Cargo', o 'Nome da empresa' e o 'URL da empresa'. Você pode alterar esses dois campos para o que quiser saber sobre a pessoa. Mas, neste exemplo, vamos substituí-los por 'Família / amigo de', 'Função no casamento' e 'Seu próprio site'.

O cargo para a família / amigo de

Altere o rótulo de 'Cargo' para 'Família / amigo de' e o marcador de 'Por favor, insira o cargo' para 'Diga-nos quem o convidou'.

O nome da empresa a desempenhar no casamento

Altere a etiqueta de 'Nome da empresa' para 'Função no casamento e o marcador de posição de' Insira o nome da sua empresa 'para' Diga-nos qual foi a sua função no casamento '.

O URL da empresa para o site pessoal

Altere o rótulo de 'Empresa / Seu URL' para 'Seu site pessoal' e o marcador de 'Digite sua empresa ou URL pessoal, por exemplo, http://google.com' para 'Insira o URL de seu site pessoal, por exemplo, http: // google .com '.

Observação: é possível que o arquivo ainda esteja no modo Somente leitura. Para começar a editar, vá para a guia Editar e selecione 'Limpar sinalizador somente leitura'.

Depois de alterar o código, copie todo o código e crie um novo arquivo Notepad ++ que você substituirá pelo atual. As alterações provavelmente não serão salvas no arquivo antigo, por isso precisamos substituir o arquivo por um novo. Substituir o arquivo antigo por um novo arquivo, que contém o novo código, o ajudará a resolver os problemas.

Salve o arquivo e saia. Seu formulário, mais tarde, ficará assim:

Fizemos as alterações apenas na parte do frontend do plugin, para não confundir os convidados que estão visitando o site. As modificações que fizemos não se aplicam ao backend de tudo.

Ao tentar adicionar manualmente um depoimento ao seu site WordPress, você ainda verá os títulos 'Cargo' e 'Nome da empresa'. No entanto, eles nunca aparecem em seu site, então sinta-se à vontade para digitar uma resposta às novas perguntas que fizemos.

Enviando o Plugin

Agora, para carregar o plugin em seu site, vá para Plugins> Adicionar novo e carregue o plugin modificado salvo em sua área de trabalho. Depois de ativar o plugin Automatic Divi Testimonials, ele aparecerá no menu do WordPress:

Configurações automáticas de depoimentos de divi

O plugin Automatic Divi Testimonials torna mais fácil para os convidados compartilharem a experiência que tiveram no casamento. Eles podem preencher o formulário no site e um e-mail será enviado automaticamente para o dono do site ou para qualquer outro endereço de e-mail de sua preferência. Para fazer esses ajustes, vá para Configurações e adicione o endereço de e-mail da pessoa que deseja receber depoimentos.

Adicionando um Novo Testemunho

Existem duas maneiras de adicionar um novo depoimento à sua lista de depoimentos; manualmente ou automaticamente. Em certos casos, você mesmo terá que adicionar um depoimento. Este plugin leva isso em consideração.

Adicionando um Novo Testemunho Manualmente

Você pode adicionar depoimentos manualmente clicando em 'Adicionar depoimento' na seção Divi Testemunhos automáticos do seu site WordPress.

Aqui, você perceberá que as alterações que fizemos antes não se aplicavam ao backend do plugin. O campo 'Família / amigo de' ainda é chamado de 'Cargo'. Basta lembrar que esse é o lugar onde você escreve como a pessoa em questão se relaciona com o casal de noivos.

O mesmo conta para os outros dois campos que se enquadram em depoimentos de empresas. O 'Nome da empresa' é o campo onde você inserirá a 'Função no casamento' e o campo 'URL' não está relacionado à empresa.

O importante é que todos esses títulos nunca aparecerão no próprio site. Já editamos o que inicialmente apareceria (dentro do formulário) no site. A edição que fizemos antes de enviar o plugin foi a maneira mais rápida de fazer o plugin funcionar sem ter que fazer nenhuma mudança radical no próprio plugin.

Ao criar um novo depoimento, você também pode adicionar uma imagem em destaque da pessoa que está testemunhando. Esta será a imagem que aparecerá no depoimento no site do seu casamento.

Adicionando um Novo Testemunho Automaticamente

Então temos a parte interessante desse plugin que é permitir que os visitantes se envolvam com o site e façam o trabalho repetitivo para você. Os convidados podem enviar o seu próprio depoimento sem qualquer trabalho manual adicional. O depoimento que seus convidados gerarem, ao preencherem o formulário em seu site, será automaticamente adicionado à lista de depoimentos e você receberá um e-mail de notificação.

Depois, você ainda pode decidir o que fazer com os depoimentos; como você os exibe em seu site e se deseja mantê-los ou não. O principal objetivo do plugin Automatic Divi Testimonials é ajudar o dono do site a obter depoimentos de visitantes sem que nenhuma das partes tenha que se esforçar muito. Os convidados não precisam se comunicar por nada além do site do casamento.

Iniciar

Agora, vá para a página onde deseja adicionar o livro de visitas online. Esta pode ser uma página separada, mas você também pode adicionar alguns depoimentos automáticos à sua página inicial. O formulário atualmente não aparece no construtor visual porque aparece por meio de um shortcode. Para este tutorial, usaremos o construtor Divi regular de uma página para mostrar como isso é feito.

Agora, comece adicionando uma nova página ou abra a página em que deseja colocar seus depoimentos. Nessa nova página, precisaremos de uma Seção Padrão com uma linha de largura total. Adicione um Módulo de texto normal à linha. Dentro desse Módulo de Texto, digite o seguinte código de acesso [dup] na subcategoria Texto da guia Conteúdo. Este shortcode fará com que o formulário apareça no site.

Esta é a aparência do seu formulário se você visualizá-lo:

Atribuição de categorias diferentes

Depois de adicionar os depoimentos à lista, você pode colocá-los em diferentes categorias. Basta ir para a seção 'Categorias' em seu plug-in de Testemunhos Divi Automáticos. Aqui, você pode criar novas categorias para tornar tudo mais organizado nos bastidores. Você pode, por exemplo, criar uma categoria separada para as damas de honra e padrinhos de casamento.

Apresentando os depoimentos no site do seu casamento

Usando o Módulo de Testemunhos Automáticos

À primeira vista, o Módulo de Testemunhos Automáticos parece igual a todos os outros módulos da lista. Crie uma nova seção, adicione uma linha de largura total e coloque o Módulo de Testemunhos Automáticos nela. Se você já coletou depoimentos, eles aparecerão no seu site automaticamente.

E, claro, você pode ajustar o estilo de acordo. Neste exemplo, vamos fazer seus depoimentos se parecerem com a imagem mostrada abaixo. Este estilo se encaixa com o estilo das três primeiras partes desta minissérie.

Abra as configurações do seu Módulo de Depoimentos de Divi Automático, vá para a subcategoria Plano de Fundo da guia Conteúdo e escolha quantos depoimentos você gostaria de mostrar. Na mesma guia, escolha o layout de depoimento 'Standard Divi 4 Column'.

Continuando, vá para a guia Configurações de design avançado e altere a cor do ícone de cotação para '# 9b857b' dentro da subcategoria Espaçamento.

Em seguida, vá para a guia Advanced e adicione o seguinte código ao Main Element na guia Custom CSS:

border-radius: 25px;
background: -webkit-linear-gradient(-90deg, #fffaf6 , #fae4de );
background: -o-linear-gradient(-90deg, #fffaf6 , #fae4de );
background: -moz-linear-gradient((-90deg, #fffaf6 , #fae4de );
background: linear-gradient((-90deg, #fffaf6 , #fae4de );

E você está pronto. Os depoimentos agora terão uma cor de fundo gradiente que corresponde às outras páginas do site do seu casamento.

Próximo

Na última parte desta minissérie, veremos como você pode criar uma linha do tempo para o site do seu casamento, onde você pode mostrar a programação do casamento. Se você tiver alguma dúvida em relação a estes tutoriais, ou se tiver alguma solicitação para tutoriais futuros; certifique-se de deixar um comentário na seção de comentários desta postagem do blog para que possamos responder a você com as respostas!

Certifique-se de se inscrever em nosso boletim informativo por e-mail e canal no YouTube para que você nunca perca um grande anúncio, dica útil ou brinde Divi!