TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

Agregue y personalice el formulario RSVP en el sitio de Weebly

24

RSVP significa Répondez S’il Vous Plaît en francés, que significa solicitud de respuesta. En general, el formulario de contacto permite al usuario ponerse en contacto con el propietario del sitio con comentarios o aclaraciones, mientras que el formulario RSVP es para que los propietarios del sitio obtengan información de los usuarios. Por ejemplo, el propietario del sitio puede obtener una confirmación de los usuarios si asistirán al evento que se planea realizar utilizando el formulario RSVP fácilmente que a través del formulario de contacto. Weebly ofrece un elemento de formulario RSVP de arrastrar y soltar y cada campo se puede personalizar por separado.

Relacionado: ¿Cómo agregar y personalizar un formulario de contacto en Weebly?

Campos de formulario de confirmación de asistencia de Weebly

La columna de elementos en el editor de Weebly se cambiará automáticamente a campos de formulario una vez que arrastre y suelte un elemento de formulario RSVP en el área de contenido de su sitio. Todos los campos del formulario se clasifican en las siguientes tres categorías y cada campo se puede arrastrar dentro del formulario RSVP.

Campos de formulario:

  • Cuadro de texto corto
  • Cuadro de texto grande
  • Botones de opciones
  • Caja desplegable
  • Casillas de verificación
  • Carga de archivos para usuarios Pro
  • Nombre, correo electrónico, dirección y número de teléfono

Estructura:

Básico:

  • Título, texto, imagen y código para insertar

Al hacer clic en el elemento del formulario, se mostrarán tres opciones de control para el formulario RSVP: Ver entradas, Opciones de formulario y Guardar.

Opciones de formulario

Haga clic en el botón de opciones de formulario para ver la ventana emergente de opciones de formulario avanzadas como se muestra en la imagen a continuación.

Agregue y personalice el formulario RSVP en el sitio de Weebly

Opciones de formulario de confirmación de asistencia de Weebly

Las opciones de personalización disponibles son:

  • Nombre del formulario: ingrese el nombre de su formulario. Cuando utiliza varios formularios en su sitio, los envíos se pueden ver e identificar fácilmente en función del nombre del formulario.
  • Envío de correo electrónico a: esta es una identificación de correo electrónico en la que recibirá una alerta instantánea cada vez que se envíe un formulario.
  • Confirmación: la opción de confirmación le permite mostrar una respuesta automática al usuario después de enviar el formulario. Puede configurar un mensaje de texto de confirmación o vincular cualquier página web. El mensaje de texto se mostrará dentro del área del formulario después del envío. Puede conectar cualquier página web externa o su propio sitio o página de tienda en la opción de enlace que se mostrará después del envío.
  • Espaciado: se utiliza para ajustar el espaciado de los márgenes superior e inferior del elemento de formulario.
  • Botón de envío: se utiliza para alinear el botón de envío hacia la izquierda, el centro o la derecha con respecto al ancho del formulario. También puede ingresar cualquier texto libre como Contacto en lugar de enviar en el elemento del botón.

Personalización a nivel de campo

Al hacer clic dentro de cualquiera de los campos del formulario, se mostrará un cuadro emergente aplicable para ese campo. Puede cambiar el nombre del campo, hacerlo opcional o obligatorio, agregar instrucciones para completar y ajustar el espaciado del campo dentro del formulario. Hacer un campo obligatorio mostrará una marca de estrella en la parte superior del nombre del campo que indica al usuario que es un campo obligatorio. No completar los campos obligatorios no permitirá que el formulario se envíe y muestre un mensaje "Corrija los campos resaltados" y el campo se resaltará en color rojo.

Agregue y personalice el formulario RSVP en el sitio de Weebly

Instrucción y campo obligatorio

Las instrucciones ayudarán al usuario a llenar ese campo en particular y el mensaje de ayuda se mostrará cada vez que el archivo esté enfocado. Algunos de los campos, como los botones de opciones y el cuadro desplegable, tendrán opciones adicionales y puede ingresar tantas como opciones personalizadas para la selección del usuario o elegirlas de la lista de opciones predefinidas.

Opciones de formulario para usuarios profesionales

Los usuarios profesionales tendrán las siguientes funciones de formulario adicionales:

  • Carga de archivos: este es un campo profesional que ayuda al usuario a enviar un formulario con un archivo cargado. Esta será una característica muy útil para que el usuario pueda cargar un documento adicional o una captura de pantalla que a su vez lo ayudará a brindar un mejor soporte. 20 MB es el tamaño máximo de archivo que se puede cargar en un formulario.
  • Agregar formulario en el pie de página: además de agregar un formulario RSVP en el área de contenido del sitio, los usuarios Pro también pueden agregar un formulario RSVP en el área del pie de página.

Agregue y personalice el formulario RSVP en el sitio de Weebly

Carga de archivos en el formulario de confirmación de asistencia de Weebly

Visualización de entradas de formulario

Las respuestas a las entradas del formulario RSVP se pueden ver de varias maneras:

  • Haga clic en el formulario para ver el botón "Ver entradas", al hacer clic en el cual se abrirá una nueva ventana con todos los envíos de formularios.
  • También recibirá una alerta por correo electrónico cada vez que se envíe un formulario.
  • Vea los envíos de formularios directamente desde el panel de control.
  • También puede utilizar la aplicación Weebly para iPhone o Android para ver y responder las entradas de su formulario sobre la marcha.

A continuación se muestra cómo se verán el formulario de contacto y el formulario RSVP en un sitio de Weebly:

Agregue y personalice el formulario RSVP en el sitio de Weebly

Ejemplos de formularios de contacto y confirmación de asistencia de Weebly

Trucos para usar el formulario de confirmación de asistencia de Weebly

  • Dado que el tamaño del formulario Weebly RSVP no se puede ajustar de forma predeterminada, coloque los elementos "Espaciador" al lado del elemento del formulario para ajustar el ancho del formulario.
  • Asegúrese de tener "botones de opciones" o "casillas de verificación" para evitar envíos de formularios no deseados.
  • Por defecto, el color de fondo del formulario RSVP no se puede cambiar. Haga clic derecho en el formulario en el sitio publicado y haga clic en "Inspeccionar" o " Inspeccionar elemento " y encontrar el formulario #id de su formulario RSVP como se muestra a continuación:

Agregue y personalice el formulario RSVP en el sitio de Weebly

Encontrar el número ID del formulario RSVP en Weebly

  • Una vez que tenga el formulario #id, agregue el siguiente código en la sección "Código de encabezado" de su página de Weebly. No olvide reemplazar el formulario #id con su propio #id.
<style> #form-880080948214216107 { background-color: rgba(255, 235, 59, 0.2); padding: 15px 15px 0 15px; border-radius: 10px; border: 1px solid rgba(158, 158, 158, 0.22); } </style>

Fuente de grabación: www.webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More