Cómo incluir una adición al calendario en sus formularios de WordPress

¿Le gustaría incluir una adición al calendario en sus formularios de WordPress? Ofrecer a los visitantes del sitio de una manera simple de agregar los datos de los eventos en su calendario después de registrarse en su sitio es una nota personal agregada que las personas apreciarán. Si lo prefiere, puede agregar esta opción en cualquier momento a las confirmaciones del formulario o notificaciones por correo electrónico. En este artículo, le mostraremos cómo incluir una adición al calendario en sus formularios de WordPress, para que los visitantes del sitio puedan comenzar a planificar sus eventos futuros desde el momento en que envíen un formulario a su sitio web.
Paso 1: Cree un formulario de WordPress Lo primero que tendrá que hacer es instalar y activar el complemento WPFFORMS. Para obtener más detalles, consulte esta guía paso a paso sobre cómo instalar un complemento en WordPress. En nuestro ejemplo, crearemos un formulario RSVP simple para la fiesta de nacimiento que las personas pueden completar y enviar. Para obtener ayuda con este paso, asegúrese de consultar este tutorial sobre cómo crear un formulario RSVP en WordPress usando plantillas de paquete de complementos. Así es como se ve nuestro formulario RSVP en el editor de formulación:
WPFORMS es el mejor complemento de WordPress Form Builder. ¡Tómelo gratis!

Para agregar un pequeño mensaje a su formulario, informando a las personas cuando es la fiesta, solo tiene que extraer el formulario HTML de la izquierda hacia el lado derecho. Luego haga clic en el campo para hacer cambios. Esto es lo que agregamos a nuestro formulario:

En el frente de nuestro sitio, esto mostrará el formulario RSVP:

Ahora es el momento de incluir la opción Agregar en el calendario en su formulario. Paso 2: Crear un evento en Google Calendar Lo primero que haremos antes de incluir la opción Calendario en nuestro formulario es crear un evento en Google Calendar. Haga esto. , inicie sesión en su cuenta de Google y vaya al calendario de Google. Luego complete los detalles del evento.
Haga clic en Guardar para que su evento se guarde en el calendario. Luego, desde el menú de caída llamado varias acciones, seleccione Evento de publicación.

Cuando lo haga, aparecerá una ventana emergente con enlaces a su evento. Deberá copiar el código HTML para usarse en su formulario de WordPress.

Para que los visitantes de su sitio vean el evento publicado, deberá asegurarse de que Google Calendar esté establecido en “público”. Para cambiar su calendario de Google al “público” para verlo, primero elija la configuración en el menú Drop -down en su calendario.

Luego haga clic en el calendario que desea hacer público, desplácese hacia abajo hasta que el acceso lo permita y haga clic en el cuadro de selección para proporcionar al público.

Si hace público el calendario de Google, todos los eventos en el calendario serán visibles para el mundo, incluso buscando en Google. Si tiene problemas privados en su calendario, le sugerimos que cree un calendario de Google separado para los eventos que desea que los visitantes del sitio agregan a sus propios calendarios. Ahora su evento está listo para agregarse a su formulario de WordPress. Paso 3: incluya una opción Agregar -on en su formulario de WordPress. Hay varios lugares donde puede incluir el sumar al calendario en sus formas: para el formulario en sí mismo

En confirmaciones de formulario
En notificaciones por correo electrónico
Primero veamos cómo incluir primero la opción de agregar al calendario en su forma real. Si aún no lo ha hecho, agregue un campo de formulario HTML al formulario de su evento, tirando de la izquierda al panel a la derecha. Hemos agregado este formulario de campo desde el principio, porque queríamos asegurarnos de que las personas sepan un poco sobre nuestro evento. Una vez agregado el campo de formulario HTML, haga clic para hacer cambios. Inserte el código en el calendario de Google en la sección del código:
Clic en Guardar. Así es como muestra la opción al calendario en nuestro formulario frontal:
Cuando un visitante del sitio hace clic en el CTA etiquetado como el botón Calendario de Google, Google lo abrirá y les pedirá que se conecten a su cuenta. Luego, el evento aparecerá con todos los detalles que ha agregado, para que puedan guardarlo en su propio calendario, si eligen hacerlo. Ahora, si prefiere no tener la opción adicional en su calendario en su formulario actual de WordPress, puede agregar el enlace a su evento en cualquier momento en confirmaciones o notificaciones del formulario. Mensajes que muestran los visitantes del sitio una vez que envían un formulario en su página web. Comunica a las personas que su forma ha pasado y le brinda la oportunidad de informarles cuáles son los siguientes pasos.

WPFORMS tiene tres tipos de confirmación para elegir:

Mensaje. Este es el tipo de confirmación predeterminado en WPFORMS. Cuando un visitante del sitio envía su formulario de confirmación, aparecerá una simple confirmación del mensaje, lo que les informará que el formulario ha pasado.
Muestra la página. Este tipo de confirmación llevará a los visitantes del sitio a una determinada página web en su sitio, agradeciéndoles RSVP. Para obtener ayuda en este sentido, consulte nuestro tutorial sobre la redirección de clientes a una página de agradecimiento.

Vaya a URL (redirección). Esta opción se usa cuando desea enviar visitantes al sitio en otro sitio web.
Para nuestro formulario de evento, crearemos un mensaje de confirmación, complementado con la opción de agregar al calendario, para que los visitantes del sitio puedan agregar inmediatamente nuestro futuro evento en su calendario de Google.
Para comenzar, haga clic en la pestaña Confirmación en el Editor de formulación en Configuración. Luego seleccione el tipo de tipo de confirmación que desea crear. Para este ejemplo, seleccionaremos el mensaje. A medida que agregamos la opción de agregar su evento a un calendario en la confirmación del formulario, tenemos dos opciones:
Cree un mensaje simple agregando al mensaje la opción que se agrega al calendario, ya sea que las personas participen o no
Cree múltiples confirmaciones de formulario y active la lógica condicional inteligente para que solo aquellos que participen o participen verán el mensaje de confirmación con la opción que se suma al calendario
Para simplificar, crearemos un mensaje de confirmación que se muestra a todos los visitantes del Sitio, ya sea que tengan o no participar en el evento. Asegúrese de hacer clic en la pestaña Texto cuando agregue el código HTML desde el calendario de Google al mensaje de confirmación.

Así es como muestra la confirmación del formulario cuando alguien envía un formulario RSVP:
Nuevamente, todo el visitante de su sitio tiene que hacer es hacer clic en el botón Calendario de Google y agregar el evento a su propio calendario. Si desea crear múltiples confirmaciones de formulación y utilizar la lógica condicional para mostrar diferentes mensajes dependiendo de sus respuestas de RSVP, consulte este tutorial sobre la creación de confirmaciones de formulación condicionadas. Paso 5: Incluya una opción para agregar al calendario a las notificaciones de correo electrónico de su formulario. El último lugar donde puede incluir una adición al calendario en su WordPress es en la notificación por correo electrónico que las personas reciben al enviar un formulario en su página web.
Pero, antes de pasar a cómo hacer esto, deberá asegurarse de tener un formulario de correo electrónico en su formulario RSVP, que en nuestro ejemplo no hemos hecho. Esta es la única forma en que WPFFORMS sabrá cómo enviar un correo electrónico a los visitantes a su sitio. Después de agregar un formulario de correo electrónico al formulario de eventos, vaya a la configuración »Notificaciones en el editor de fórmulas. De manera predeterminada, lo hará. Reciba siempre una notificación por correo electrónico cuando alguien envíe un formulario en su sitio para asegurarse de que los visitantes del sitio reciban un aviso, sin embargo, deberá usar la etiqueta inteligente para agregar el visitante de su sitio a la notificación por correo electrónico. Para esto, haga clic en Mostrar etiquetas inteligentes.
Luego seleccione la opción de correo electrónico en el menú desplegable para que WPFFORMS sepa cómo enviar una notificación por correo electrónico al correo electrónico que su visitante de sitio ha ingresado en su formulario de confirmación.

Ahora es el momento de personalizar el mensaje con la opción adicional al calendario. Desplácese hacia abajo al mensaje y agregue el mensaje que desea que la gente vea en su correo electrónico. Aquí puede pegar el código HTML desde Google Calendar, que para la opción adicional al calendario.