Lo más destacado del complemento Divi: simplemente programe citas

Uno de los métodos más populares para programar reuniones es a través de un formulario de contacto. Esto le envía el mensaje como un correo electrónico, lo que inicia una conversación por correo electrónico. Luego deberá responder al correo electrónico, y luego ellos responderán, creando una conversación de ida y vuelta. Funciona, pero no es eficiente.

Una mejor opción es utilizar un complemento diseñado para la programación. Los complementos de programación pueden administrar el horario y mantenerlo a usted y a sus clientes informados de la cita. Uno de esos complementos, Simply Schedule Appointments, se integra con Divi para crear la mejor experiencia de programación posible. En este artículo, analizaremos de cerca Simply Schedule Appointments y veremos lo que puede hacer.

Instalación de Simply Schedule Citas

Descargue el complemento del sitio web del desarrollador o búsquelo en el panel de complementos de WordPress. Instalar:

1. En el panel de WordPress, vaya a Complementos > Agregar nuevo
2. Buscar citas de Simply Schedule
3. Haga clic en Instalar ahora
4. Una vez que el complemento esté instalado, haga clic en Activar

La primera vez que seleccione Citas en el panel de WordPress, establecerá una pantalla de configuración donde puede usar la ayuda o configurar el complemento manualmente. Ingrese su clave de licencia y luego configure sus preferencias.

Revise su configuración como de costumbre. Esto incluye sus tipos de citas, disponibilidad, opciones de programación, Google Calendar, información del cliente, notificaciones, etc. He configurado mi tipo de cita como una llamada telefónica de consulta.

Simply Schedule Appointments permite a los usuarios programar una cita a través de su sitio web sin necesidad de interactuar con usted. Los usuarios programan citas según su zona horaria. Se les envían recordatorios automáticamente. Puede configurar una política de cancelación y el complemento la hará cumplir. Los usuarios pueden reprogramar fácilmente. Esto lo convierte en una excelente opción para usar con Divi.

Uso de Simply Programe citas con Divi

Normalmente, tendría que usar un código corto para colocar el formulario de reserva en su sitio web. Simply Schedule Appointments agrega un nuevo módulo al Divi Builder llamado Reserva de Citas.

El módulo integra el formulario de varias páginas en su diseño Divi. La primera página proporciona información sobre para qué es el formulario, la zona horaria del usuario y un calendario donde pueden seleccionar la fecha y la hora. Solo se puede hacer clic en las fechas en las que está disponible.

El calendario muestra cada día como un botón dentro de un control deslizante con navegación para llevarlo al siguiente conjunto de fechas. La flecha hacia atrás en la esquina superior izquierda lo lleva de regreso a la página anterior. Las fechas en las que se puede hacer clic tienen un borde y cambian de color al pasar el mouse. La mayor parte de esto se puede ajustar y diseñar dentro del módulo.

Al hacer clic en una fecha, se abre la página siguiente que muestra los horarios disponibles.

Al hacer clic en una hora, se abre la página siguiente donde puede ingresar su nombre y correo electrónico para reservar la cita.

Una vez que el usuario reserva la cita, ve una pantalla de agradecimiento donde puede ver información sobre la cita. La información incluye el tipo de cita, fecha y hora con la zona horaria, su nombre y correo electrónico, y un botón para guardarlo en su calendario. Al hacer clic en el botón de calendario, se abren opciones para Google y Otros. También pueden editar, reprogramar, cancelar y programar una nueva cita en la parte inferior del formulario.

Simplemente programe la configuración del módulo de citas

La configuración es sencilla. El módulo no incluye la configuración común de fondo, borde, animación, etc. La pestaña Contenido incluye Tipo de reserva, que le permite elegir qué tipos de reservas se mostrarán. Los tipos de reservas disponibles son los que ha configurado en la pantalla de configuración del complemento. Mis opciones son Elegir todo y Llamada telefónica de consulta.

La pestaña Diseño incluye la familia de fuentes, los colores y el relleno. La familia de fuentes le permite elegir la fuente, el peso de la fuente y el estilo.

Los colores incluyen el color de acento y el color de fondo. El color de acento se aplica a la flecha hacia atrás, al icono de lápiz y al estado de desplazamiento de la fecha.

El relleno se controla mediante un control deslizante y puede elegir la unidad de relleno. Elija entre 5 opciones que incluyen píxel y porcentaje.

El acolchado se agrega a cada lado. No muestra el relleno en Visual Builder. Así es como se ve 100px en la página en vivo.

La pestaña Avanzado incluye configuraciones para la ID y las clases de CSS, CSS personalizado, visibilidad, transiciones, posición y efectos de desplazamiento.

El módulo responde, por lo que apilará las fechas si la columna no es lo suficientemente ancha para mostrar el ancho completo.

No hay muchos ajustes, pero es suficiente para integrar el formulario en su sitio web Divi. Por ejemplo, no incluye sombra de cuadro para el módulo. Lo agregué aquí en la fila. Esto funciona muy bien para una fila de una sola columna sin otros módulos.

Estilo predeterminado para el formulario

También puede diseñar el formulario desde la pantalla Configuración en el menú del tablero o desde el módulo en sí. Puede ajustar el color de acento, el color de fondo, la familia de fuentes, el relleno, habilitar el modo de contraste y usar CSS personalizado. Este será el estilo predeterminado que usarán los formularios a menos que los aplique en los módulos.

Lista de próximas citas

Una vez que alguien haga una cita a través de su formulario Divi, la verá en su lista de citas en el menú del panel. Puede filtrar esta lista, exportarla y ver los nombramientos por próximo, pasado o un rango de fechas determinado. Al hacer clic en uno, se abre un conjunto de opciones para cancelarlo o ver detalles.

Simplemente programe citas Divi Ejemplo

Para este ejemplo, reemplacé el formulario de contacto en la página de contacto del paquete de diseño Renovation con el módulo Simply Schedule Appointments. Usando colores del diseño, hice que el fondo fuera un amarillo intenso y el color de acento negro.

Ésta es la segunda página. Muestra los tiempos disponibles. El botón cambia a negro al pasar el mouse.

Este es el formulario para ingresar su nombre y correo electrónico. El fondo del formulario con los campos es blanco. Esta parte del formulario no se puede ajustar en la configuración habitual. Se destaca muy bien y se ve muy bien con el diseño.

Aquí está el formulario de agradecimiento. También muestra un fondo blanco. Cambió de tamaño para colocar todos los enlaces en la pantalla y aún se ve muy bien dentro del pequeño espacio.

Precio

Hay varias versiones de Simply Schedule Appointments disponibles. El módulo Divi está en cada versión, incluida la versión gratuita. Las versiones pagas incluyen integraciones de Google Calendar, PayPal, Google Analytics, Gravity Forms, Facebook Pixel, Mailchimp, Stripe y más. Las opciones de compra incluyen:

• Gratis - incluye módulo Divi
• Más - $ 99, incluye Google Calendar, campos personalizados, integración de Mailchimp, clases y eventos grupales
• Profesional: $ 199, agrega pagos, webhooks, recordatorios por correo electrónico, seguimiento de objetivos, soporte en vivo

Pensamientos finales

Ese es nuestro vistazo a Simplemente programar citas para Divi. El complemento funciona bien con Divi. Encontré el módulo fácil de usar. Carece de muchas de las características de estilo que son estándar en los módulos Divi. Algunos de los estilos se pueden hacer en CSS. Me gustaría volver a agregar la configuración estándar, como el color de la fuente, el borde, la sombra del cuadro, etc. Pude obtener un estilo agradable para adaptarse a mis diseños.

El módulo funciona muy bien. Cambia de tamaño bien. Los formularios son simples e intuitivos para los usuarios. El tablero funciona igual independientemente de si está utilizando los códigos cortos o el módulo Divi. Si está interesado en utilizar un complemento de programación con Divi, Simply Schedule Appointments podría ser el complemento que necesita.

Queremos escuchar de ti. ¿Ha probado Simply Schedule Citas con Divi? Háganos saber lo que piensa al respecto en los comentarios.

Imagen destacada a través de VectorKnight / shutterstock.com