Añadir una casilla de verificación de las Condiciones de servicio

¿Desea exigir a los usuarios que lean y acepten las Condiciones de servicio o el Descargo de responsabilidad antes de permitirles enviar un formulario?

Este tutorial compartirá dos formas sencillas de crear una casilla de verificación de acuerdo obligatorio.


Añadir una casilla de verificación de las Condiciones de servicio

Para empezar, tendrá que crear un nuevo formulario o editar uno existente.

¿Desea utilizar una plantilla de formulario personalizable para acelerar el proceso de creación de formularios? Eche un vistazo a nuestra plantilla de formulario de condiciones de servicios.

Una vez que el constructor de formularios esté abierto y hayas añadido los campos que desees, añadiremos un campo Casillas de verificación.

Añadir casillas de verificación al formulario

Por defecto, este campo mostrará tres opciones de casilla de verificación. Sólo queremos una opción de casilla de verificación en nuestro formulario, así que eliminaremos las otras dos haciendo clic en el campo Casillas de verificación para abrir la pantalla Opciones de campo. A continuación, sólo tenemos que hacer clic en los botones menos (-) a la derecha de cada opción que queremos eliminar.

Eliminar casillas de verificación

También queremos ocultar la etiqueta del campo Casillas de verificación. Para ello, haga clic en la pestaña Avanzado y seleccione la opción Ocultar etiqueta.

Ocultar la etiqueta de las casillas de verificación

A continuación, queremos añadir un texto descriptivo a nuestra única opción de casilla de verificación. En este ejemplo, utilizaremos el texto "He leído y acepto las Condiciones del servicio".

add-text-to-choices-label

También marcaremos este campo como Obligatorio para asegurarnos de que nuestros usuarios deben marcar esta casilla antes de continuar.

Hacer que las casillas de verificación sean obligatorias

A continuación, repasaremos dos formas diferentes de añadir texto a sus Condiciones de servicio.

La primera opción creará un texto que, al pulsarlo, descargará un documento de Condiciones de servicio. La segunda opción le mostrará cómo añadir su texto de términos/disclaimer directamente al formulario (sin necesidad de descargarlo), con un formato de texto especial.

Ahora que tenemos nuestra casilla de verificación y el texto listo para ir, necesitamos un documento para vincular nuestro texto a. Guarde y salga de su formulario o abra una nueva pestaña para ir a su panel de WordPress. Haga clic en Medios " Añadir nuevo para subir su archivo de Términos de Servicio a su biblioteca de medios de WordPress.

Si subes un nuevo documento o haces clic en un medio que ya hayas subido, verás un campo para la URL de ese elemento.

Encontrar la URL de la imagen en la biblioteca multimedia de WordPress

Tendrás que copiar esta URL y volver a tu creador de formularios.

Para crear un enlace a este documento, tendrá que modificar el texto de sus opciones para incluir algo de HTML básico. En nuestro ejemplo, sólo enlazaremos las palabras "Condiciones del servicio":

I have read and agree to the <a href="https://wpforms.com/wp-content/uploads/2024/07/Terms-of-Service.pdf">Terms of Service</a>

Asegúrese de añadir este HTML directamente al campo de texto de las opciones.

add-html-to-choices-text

Por defecto, la mayoría de los navegadores abrirán este enlace en la misma pestaña del navegador en la que el usuario está rellenando nuestro formulario. Para forzar que nuestro documento de Términos de Servicio se abra en una nueva pestaña o ventana del navegador, añadiremos target="_blank" dentro de nuestra etiqueta a.

Así es como quedará nuestro HTML final:

I have read and agree to the <a href="https://wpforms.com/wp-content/uploads/2024/07/Terms-of-Service.pdf" target="_blank">Terms of Service</a>

Si echas un vistazo a la vista previa del formulario en la parte derecha del constructor, o incrustas tu formulario y lo miras en el frontend, te darás cuenta de que cualquier texto entre las etiquetas HTML se verá como texto enlazado.

Formulario de inscripción con condiciones de servicio

A continuación, vamos a ver cómo añadir el texto de las Condiciones de servicio directamente al formulario, en lugar de enlazarlo a un documento aparte.

Añadir el texto de las condiciones de servicio directamente a un formulario

Para esta opción, empezaremos cambiando el texto de la casilla de verificación por "He leído y acepto las condiciones del servicio que se indican a continuación".

add-text-to-choices-label

A continuación, puede añadir sus condiciones o el texto de exención de responsabilidad en el área Descripción. El área Descripción acepta texto normal y HTML.

Texto descriptivo de las Condiciones de servicio

Una vez que el texto de la descripción está listo, podemos añadirle un formato especial. Para ello, tendrá que abrir la sección Avanzado. A continuación, puede seleccionar la opción Habilitar la visualización de descargo de responsabilidad / condiciones del servicio.

Activar la visualización de las condiciones de servicio

Una vez marcada esta opción, el texto de la descripción se colocará en un recuadro con un formato especial y una barra de desplazamiento vertical.

Ejemplo de frontend de condiciones de servicio

Para un enfoque interactivo, consulte nuestra documentación para desarrolladores sobre la activación de una casilla de verificación sólo después de que los usuarios se hayan desplazado por todo el texto de exención de responsabilidad.

Ya está. Esperamos que este tutorial le haya ayudado a exigir a los usuarios que acepten su documento de Condiciones de servicio antes de enviar un formulario.

A continuación, ¿te gustaría personalizar los correos electrónicos de notificación de tus formularios? Asegúrate de consultar nuestro tutorial sobre cómo configurar correos electrónicos automáticos para formularios para conocer todos los detalles.

El mejor plugin de WordPress para crear formularios arrastrando y soltando

Fácil, rápido y seguro. Únete a más de 6 millones de propietarios de sitios web que confían en WPForms.

Active JavaScript en su navegador para rellenar este formulario.