Destaque do plug-in Divi: simplesmente agende compromissos

Um dos métodos mais populares de agendamento de reuniões é por meio de um formulário de contato. Isso envia a mensagem para você como um e-mail, que inicia uma conversa por e-mail. Você precisará responder ao e-mail e eles responderão, criando uma conversa para frente e para trás. Funciona, mas não é eficiente.

A melhor opção é usar um plugin projetado para agendamento. Plug-ins de agendamento podem gerenciar o agendamento e manter você e seus clientes informados sobre o compromisso. Um desses plugins, Simply Schedule Appointments, se integra ao Divi para criar a melhor experiência de agendamento possível. Neste artigo, daremos uma olhada de perto em Simply Schedule Appointments e ver o que ele pode fazer.

Instalando Simplesmente Agende Compromissos

Baixe o plug-in do site do desenvolvedor ou pesquise-o no painel de plug-ins do WordPress. Para instalar:

1. No painel do WordPress, vá para Plug - ins > Adicionar novo
2. Pesquise simplesmente agendar compromissos
3. Clique em Instalar agora
4. Assim que o plug-in estiver instalado, clique em Ativar

A primeira vez que selecionar Compromissos no painel do WordPress, você definirá uma tela de configuração onde poderá usar a ajuda ou configurar o plug-in manualmente. Insira sua chave de licença e configure suas preferências.

Passe por suas configurações normalmente. Isso inclui seus tipos de compromisso, disponibilidade, opções de agendamento, Google Agenda, informações do cliente, notificações, etc. Eu defini meu tipo de compromisso como uma chamada telefônica de consulta.

O Simply Schedule Appointments permite que os usuários agendem um compromisso através do seu site sem a necessidade de interagir com você. Os usuários marcam compromissos com base em seu fuso horário. Os lembretes são enviados a eles automaticamente. Você pode configurar uma política de cancelamento e o plugin irá aplicá-la. Os usuários podem reagendar facilmente. Isso o torna uma escolha excelente para usar com Divi.

Usando simplesmente agendar compromissos com Divi

Normalmente, você teria que usar um código de acesso para colocar o formulário de reserva em seu site. Simply Schedule Appointments adiciona um novo módulo ao Divi Builder chamado Agendamento de compromissos.

O módulo incorpora o formulário de várias páginas em seu layout Divi. A primeira página fornece informações sobre a finalidade do formulário, o fuso horário do usuário e um calendário onde ele pode selecionar a data e a hora. Apenas as datas em que você está disponível são clicáveis.

O calendário exibe cada dia como um botão em um controle deslizante com navegação para levá-lo para o próximo conjunto de datas. A seta para trás no canto superior esquerdo leva você de volta à página anterior. As datas clicáveis ​​têm uma borda e mudam de cor ao passar o mouse. A maior parte disso pode ser ajustado e estilizado dentro do módulo.

Clicar em uma data abre a próxima página mostrando os horários disponíveis.

Clicar em um horário abre a próxima página, onde você pode inserir seu nome e e-mail para agendar o compromisso.

Depois que o usuário reserva o compromisso, ele vê uma tela de agradecimento, onde pode ver as informações sobre o compromisso. As informações incluem o tipo de compromisso, data e hora com o fuso horário, seu nome e e-mail e um botão para salvá-lo em seu calendário. Clicar no botão de calendário abre opções para Google e Outros. Eles também podem editar, reprogramar, cancelar e agendar um novo compromisso na parte inferior do formulário.

Simplesmente agende as configurações do módulo de compromisso

As configurações são simples. O módulo não inclui as configurações comuns de fundo, borda, animação, etc. A guia Conteúdo inclui Tipo de reserva, que permite escolher quais tipos de reservas serão exibidos. Os tipos de reservas disponíveis são aqueles que você configurou na tela de configurações do plugin. Minhas opções são Escolher tudo e Telefonema de consulta.

A guia Design inclui família de fontes, cores e preenchimento. Família de fontes permite que você escolha a fonte, a espessura da fonte e o estilo.

Cores inclui a cor de destaque e a cor de fundo. A cor de destaque se aplica à seta para trás, ao ícone de lápis e ao estado de foco da data.

O preenchimento é controlado por um controle deslizante e você pode escolher a unidade de preenchimento. Escolha entre 5 opções, incluindo pixel e porcentagem.

O preenchimento é adicionado a todos os lados. Ele não exibe o preenchimento no Visual Builder. Esta é a aparência de 100px na página ao vivo.

A guia Avançado inclui configurações de CSS ID e classes, CSS personalizado, visibilidade, transições, posição e efeitos de rolagem.

O módulo é responsivo, portanto, empilhará as datas se a coluna não for larga o suficiente para exibir toda a largura.

Não há muitos ajustes, mas basta integrar o formulário ao seu site Divi. Por exemplo, não inclui sombra de caixa para o módulo. Eu adicionei aqui na linha. Isso funciona muito bem para uma única linha de coluna sem outros módulos.

Estilo padrão para o formulário

Você também pode definir o estilo do formulário na tela Configurações no menu do painel ou no próprio módulo. Você pode ajustar a cor de destaque, cor de fundo, família de fontes, preenchimento, habilitar o modo de contraste e usar CSS personalizado. Este será o estilo padrão que os formulários usam, a menos que você os defina dentro dos módulos.

Próximas Lista de Compromissos

Assim que alguém marcar um compromisso por meio de seu formulário Divi, você o verá em sua lista de compromissos no menu do painel. Você pode filtrar esta lista, exportá-la e ver os compromissos por próximo, passado ou um determinado intervalo de datas. Clicar em um abre um conjunto de opções para cancelá-lo ou ver os detalhes.

Simplesmente Agende Compromissos Divi Exemplo

Para este exemplo, substituí o formulário de contato na página de contato do pacote de layout de Renovação pelo módulo Simply Schedule Appointments. Usando as cores do layout, fiz o fundo em um amarelo forte e a cor de destaque em preto.

Esta é a segunda página. Ele exibe os horários disponíveis. O botão muda para preto ao pairar.

Este é o formulário para inserir seu nome e e-mail. O fundo do formulário com os campos é branco. Esta parte do formulário não é ajustável nas configurações normais. Ele se destaca muito bem e fica bem com o layout.

Aqui está o formulário de agradecimento. Ele também exibe um fundo branco. Ele foi redimensionado para colocar todos os links na tela e ainda parece ótimo dentro do pequeno espaço.

Preço

Existem várias versões de Simply Schedule Appointments disponíveis. O módulo Divi está em cada versão, incluindo a versão gratuita. As versões pagas incluem integrações do Google Calendar, PayPal, Google Analytics, Gravity Forms, Facebook Pixel, Mailchimp, Stripe e muito mais. As opções de compra incluem:

• Grátis - inclui módulo Divi
• Mais - $ 99, inclui Google Calendar, campos personalizados, integração Mailchimp, aulas e eventos em grupo
• Profissional - $ 199, adiciona pagamentos, webhooks, lembretes por e-mail, metas de rastreamento, suporte ao vivo

Reflexões finais

Esse é o nosso olhar sobre Simply Schedule Appointments for Divi. O plugin funciona bem com Divi. Achei o módulo simples de usar. Faltam muitos dos recursos de estilo que são padrão nos módulos Divi. Alguns dos estilos podem ser feitos em CSS. Gostaria de ver as configurações padrão adicionadas de volta, como cor da fonte, borda, sombra da caixa, etc. Consegui obter um estilo legal para caber em meus layouts.

O módulo funciona muito bem. Ele redimensiona bem. Os formulários são simples e intuitivos para os usuários. O painel funciona da mesma forma, independentemente de você estar usando ou não os códigos de acesso ou o módulo Divi. Se você estiver interessado em usar um plug-in de agendamento com Divi, Simply Schedule Appointments pode ser o plug-in de que você precisa.

Nós queremos ouvir de você. Você já tentou simplesmente agendar compromissos com Divi? Deixe-nos saber o que você pensa sobre isso nos comentários.

Imagem em destaque via VectorKnight / shutterstock.com