Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo crear un formulario de acuerdo de contrato con firmas digitales en WordPress

Normalmente, para que tus contratos se firmen, tienes que imprimir/escanear manualmente la firma o pagar por un costoso servicio de firma electrónica de terceros.

Sin embargo, implementar una solución de firma digital puede mejorar la eficiencia, reducir el papeleo y garantizar el cumplimiento legal.

En WPBeginner, entendemos la importancia de una gestión de contratos eficiente y legalmente vinculante y hemos probado varios plugins y herramientas para encontrar el que proporciona una forma segura de añadir una firma digital.

En este artículo, te mostraremos cómo añadir fácilmente un formulario de acuerdo de contrato a tu sitio web de WordPress que la gente pueda firmar electrónicamente.

Cómo crear un formulario de acuerdo de contrato con firma digital

¿Por qué crear un formulario de acuerdo de contrato en línea?

Un formulario de acuerdo de contrato en línea es fácil de completar y enviar. Normalmente, enviarás el acuerdo como un PDF, que la otra parte tendrá que imprimir, rellenar, escanear y enviar de vuelta.

Eso es mucho trabajo.

Al crear un formulario de acuerdo de contrato en línea en tu sitio web de WordPress, los usuarios pueden rellenarlo de inmediato y firmarlo digitalmente con una firma electrónica.

No requiere ningún software SaaS excesivamente caro y funciona muy bien para muchos tipos diferentes de documentos legales.

Por ejemplo, puedes usarlo para crear un formulario de código de conducta, formularios de empleo, formularios de solicitud para organizaciones sin fines de lucro o formularios de solicitud de voluntariado, y más.

¿Son legales las firmas digitales?

Sí, las firmas digitales y los documentos firmados digitalmente son legalmente exigibles. Si ambas partes están de acuerdo con las firmas digitales y el software utilizado mantiene un registro de ellas, entonces se consideran contratos legalmente vinculantes.

Sin embargo, no se pueden usar para todo tipo de documentos legales. Por ejemplo, los documentos o formularios legales que requieren ser notarizados necesitan sellos judiciales o testigos.

Dicho esto, este artículo no es asesoramiento legal. Por favor, consulte a un abogado para obtener asesoramiento y orientación legal práctica.

Preparación de su formulario de acuerdo de contrato

Si aún no tiene un contrato redactado, es una muy buena idea consultar a un abogado. Quiere asegurarse de que su contrato sea legal y de que no le cause ningún problema posible en el futuro.

Además de los términos del contrato en sí, su formulario de contrato probablemente necesitará espacio para:

  • El nombre de la persona que firma.
  • La dirección de la persona que firma.
  • La fecha en que se firma el contrato.
  • Espacio para que su cliente (o nuevo empleado) firme el contrato.

Dicho esto, creemos un formulario de acuerdo de contrato con un campo de firma digital en WordPress

Puede hacer clic en los enlaces a continuación para saltar al método que prefiera:

Método 1: Crear un formulario de contrato firmado digitalmente con WPForms

Si desea crear un formulario de contrato firmado digitalmente desde su panel de WordPress, este método es para usted.

Para esto, puede usar WPForms, que es el mejor plugin de formularios de contacto de WordPress del mercado. Viene con un constructor de arrastrar y soltar, numerosas plantillas prediseñadas y protección completa contra spam.

Durante años, hemos utilizado WPForms para nuestros formularios de contacto, encuestas anuales y más. Para obtener más información sobre sus funciones, consulta nuestra reseña de WPForms.

Primero, necesitas instalar y activar el plugin WPForms. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

👉 Nota: WPForms también tiene una versión gratuita. Sin embargo, para este tutorial, necesitarás la versión pro del plugin de WordPress para desbloquear el complemento de Firma.

Tras la activación, dirígete a la página WPForms » Ajustes para introducir tu clave de licencia.

Puedes encontrar esta información en tu cuenta en el sitio web de WPForms.

Ingresar la clave de licencia de WPForms

A continuación, debes visitar la página WPForms » Complementos desde la barra lateral de administración de WordPress y dirigirte al complemento de Firma.

Desde aquí, haz clic en el botón ‘Instalar Complemento’, y el complemento se instalará y activará automáticamente en tu sitio.

Instalar el complemento de firma

Ahora estás listo para crear tu formulario de acuerdo de contrato con la función de firma digital.

Simplemente ve a la página WPForms » Añadir Nuevo desde el panel de WordPress para crear tu formulario.

Esto iniciará la interfaz del constructor de formularios de WPForms, donde deberás proporcionar un título para tu formulario y luego elegir una plantilla.

Usaremos la plantilla ‘Formulario en Blanco’ para este ejemplo, pero puedes elegir una diferente si lo prefieres. Simplemente haz clic en la plantilla para cargarla.

Elegir una plantilla de formulario

Probablemente querrás incluir el texto de tu contrato en sí en la página encima del formulario. Esto podría consistir en tu firma como una imagen.

En el formulario en sí, solo necesitas agregar los campos a completar.

Para agregar un nuevo campo, arrástralo y suéltalo desde la columna izquierda y dentro de la plantilla. Puedes reorganizar los campos moviéndolos hacia arriba y hacia abajo en la columna de vista previa.

Agregar campos al formulario

Si también deseas enviar una copia del formulario firmado al usuario, entonces no olvides agregar un campo de correo electrónico donde los usuarios puedan proporcionar sus direcciones de correo electrónico.

Una vez que estés satisfecho con los campos que has agregado, es hora de agregar el campo de formulario más importante: el campo de Firma.

Desplázate hacia abajo hasta la sección 'Campos elegantes' y haz clic para agregar el campo de Firma a tu formulario.

Agregar un campo de firma

Después de eso, haz clic en el campo para abrir su configuración en la columna izquierda.

Desde aquí, puedes cambiar el título, agregar una descripción o activar el interruptor de requerido para que los usuarios no puedan enviar el acuerdo de contrato sin completar este campo.

Una vez que hayas hecho eso, también puedes cambiar a la pestaña 'Avanzado' desde la parte superior para cambiar el color del enlace, ajustar el tamaño del campo o agregar una clase CSS al campo.

Configurar los ajustes del campo de firma

Configuración de tu formulario de acuerdo de contrato

Simplemente haz clic en la pestaña 'Configuración' para ver la configuración de tu formulario. La configuración predeterminada funcionará en la mayoría de los casos, pero es posible que desees hacer algunos cambios.

En particular, querrás verificar que las 'Notificaciones' sean correctas.

Por defecto, el formulario de acuerdo de contrato firmado se enviará a la dirección de correo electrónico del administrador al enviar el formulario. Esta es normalmente la dirección de correo electrónico de quien configuró tu sitio de WordPress. Si no eres tú, ingresa tu dirección de correo electrónico aquí en su lugar.

También es posible que desees enviar una copia del formulario al usuario. Para hacerlo, ve a la pestaña Configuración » Notificaciones y haz clic en el botón 'Agregar nueva notificación'.

Creando una nueva notificación de WPForms

Ahora se abrirá una ventana emergente, donde deberás agregar un nombre para tu nueva notificación. Llamémosla Enviar al usuario.

Después de ingresar un nombre, haz clic en el botón 'Aceptar'.

Ingresar un nombre para la nueva notificación

Ahora deberías ver tu nueva notificación.

En la sección ‘Enviar a dirección de correo electrónico’, haz clic en el enlace Smart Tags y selecciona el campo Email.

Seleccionar la etiqueta inteligente de correo electrónico

Revisa todas las demás configuraciones y ajústalas según tus necesidades. WPForms ahora enviará el correo electrónico de confirmación del formulario al usuario.

Para obtener instrucciones detalladas, te recomendamos ver nuestro tutorial sobre cómo crear un formulario de contacto con múltiples destinatarios.

A continuación, cambia a la pestaña 'Confirmación'. Desde aquí, puedes editar el mensaje de confirmación que verá el cliente (o empleado o voluntario) que complete el formulario.

Editar la configuración de confirmación del formulario

Nuevo: Una vez configuradas tus confirmaciones, puedes ir un paso más allá con el Complemento PDF de WPForms. Esto genera automáticamente un PDF profesional cada vez que se envía tu formulario.

Incluso puedes adjuntar el PDF a los correos electrónicos de notificación del formulario para que tanto tú como tu cliente reciban una copia al instante.

Para usarlo, ve a Configuración » PDF y luego haz clic en el botón 'Agregar nuevo PDF'.

Agregar un nuevo PDF en WPForms

Desde allí, puedes:

  • Nombrar tu archivo PDF y elegir a qué notificaciones del formulario se adjuntará.
  • Elegir entre diferentes plantillas (contratos, facturas, certificados y más).
  • Personalizar el diseño con temas, logotipos y colores.
  • Usar etiquetas inteligentes para extraer automáticamente detalles de la entrada del formulario.
Personalizar PDF en WPForms

Una vez que estés satisfecho con la configuración, simplemente haz clic en el botón 'Guardar' en la parte superior de la pantalla. Ahora puedes cerrar y salir del constructor de formularios.

Agrega tu formulario de acuerdo de contrato a tu sitio

Finalmente, necesitas incrustar tu formulario de acuerdo de contrato en tu sitio de WordPress.

Puedes crear una nueva página o editar una existente. Primero, necesitarás agregar el texto de los términos de tu contrato antes de incluir el formulario en sí.

Después de eso, simplemente agrega el bloque de WPForms a tu área de contenido.

Agregar un bloque de WPForms en WordPress

Selecciona tu formulario de acuerdo de contrato del cuadro desplegable, y WPForms cargará automáticamente una vista previa del formulario en el editor de contenido.

Ahora puedes guardar o publicar tu página de WordPress para que tu formulario esté disponible públicamente.

Después de eso, visita la página para ver tu formulario de acuerdo de contrato en acción. No olvides probar el formulario de acuerdo de contrato. Deberías poder ingresar tu firma usando tu mouse, trackpad o pantalla táctil.

Ejemplo de campo de firma de WPForms

Asegúrate de ver el mensaje de confirmación y recibir un correo electrónico después de enviar el formulario.

Si no recibes un correo electrónico, no te preocupes. Es un problema bastante común y tenemos instrucciones sobre cómo solucionar el problema de que WordPress no envía correos electrónicos.

Método 2: Firmar digitalmente formularios de contrato con signNow

Si ya tienes formularios o acuerdos creados en formato PDF o Microsoft Word y quieres invitar a otros a firmar el contrato, entonces puedes usar signNow.

Puedes usarlo para configurar firmas electrónicas, generar acuerdos, negociar contratos, colaborar con otros y más. La mejor parte es que ofrece una prueba gratuita.

Para empezar, visita el sitio web de signNow y haz clic en el botón 'Prueba Gratuita' en la parte superior. También hay una opción para ingresar tu dirección de correo electrónico y hacer clic en el botón 'Probar gratis'.

SignNow

En la siguiente pantalla, deberás ingresar una contraseña para tu cuenta.

signNow también te permite registrarte usando cuentas de Facebook, Microsoft o Google para crear una cuenta.

Regístrate para una prueba gratuita

Después de eso, verás una pantalla de bienvenida donde puedes ingresar tu nombre para crear una firma digital.

Una vez hecho esto, haz clic en el botón 'Siguiente'.

Ingresa tu nombre para crear una firma

A continuación, signNow te mostrará un estilo de firma y tus iniciales.

Si lo deseas, puedes cambiar el estilo de tu firma y luego hacer clic en el botón ‘Siguiente’.

Ver tu estilo de firma

Después de eso, deberás seleccionar qué te interesa de signNow.

Simplemente selecciona una o más opciones usando las casillas de verificación y haz clic en el botón ‘Siguiente’.

Indica tus intereses

Luego, puedes invitar a otros a colaborar en un documento en signNow.

Simplemente ingresa las direcciones de correo electrónico y haz clic en el botón ‘Invitar’. También puedes omitir este paso por ahora e invitar a personas más tarde.

Invitar a otros amigos

Ahora estás listo para usar SignNow para agregar firmas electrónicas a tus documentos.

Simplemente haz clic en el botón ‘Cargar tu primer documento’ para comenzar.

Subir un documento

Después de eso, carga un documento de contrato de tu laptop o computadora.

signNow cargará tu contrato en su visor de documentos.

Agregar tu firma al documento

Desde el menú de tu izquierda, puedes seleccionar quién completará el documento. Por ejemplo, selecciona la opción ‘Yo (Completar ahora)’ y luego agrega tu firma en cualquier parte del contrato.

Después de eso, puedes cambiar a ‘Destinatario 1’ en la sección Seleccionar quién completará. Desde aquí, agrega un elemento de ‘Firma’ donde quieras que otros firmen el contrato.

Agregar un destinatario al contrato

A continuación, haz clic en el botón ‘Continuar’ en la parte superior.

Ahora puedes ingresar la dirección de correo electrónico del destinatario y hacer clic en el botón ‘Enviar invitación’.

Enviar invitación a los destinatarios

¡Eso es todo! Tus destinatarios ahora recibirán una invitación por correo electrónico para firmar el documento. Una vez que te envíen el contrato firmado, signNow mantendrá un registro de las firmas.

Bonificación: Agregue su firma después del contenido de la publicación

Si eres un autor en un blog de WordPress, es posible que también desees agregar una firma después del contenido de tu publicación para establecer tu credibilidad. Agregar una firma también puede actuar como un aviso de derechos de autor al afirmar tu propiedad del contenido.

Para hacer esto, debes instalar y activar el plugin Ad Inserter – Ad Manager & AdSense Ads. Para más detalles, consulta nuestro tutorial sobre cómo instalar un plugin de WordPress.

Después de la activación, visita la página Configuración » Ad Inserter desde el panel de WordPress. Aquí, verás varias pestañas en la parte superior desde donde puedes agregar firmas o anuncios a tu sitio.

Ahora, debes agregar el texto de la firma en el editor de contenido de la página. También puedes agregar una imagen real de tu firma insertando el siguiente código y reemplazándolo con el enlace de tu imagen preferida.

<img src="enlace-a-imagen">

Ingresa tu código de anuncio o firma en el editor de texto del plugin

A continuación, desplázate hacia abajo en la página para configurar la posición de tu firma. Aquí, verás que la opción 'Publicación' ya está seleccionada por defecto.

Ahora elige el punto de inserción en el menú desplegable. Para mostrar el anuncio o la firma después de cada publicación, debes seleccionar la opción 'Después del contenido'.

Seleccionar dónde mostrar el anuncio o la firma

Finalmente, no olvides hacer clic en el botón 'Guardar configuración' para almacenar tus ajustes.

Para instrucciones más detalladas, consulta nuestro tutorial sobre cómo agregar una firma o anuncios después del contenido de las publicaciones en WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo crear un formulario de acuerdo de contrato con firmas digitales en WordPress. También te puede interesar nuestra guía para principiantes sobre cómo crear formularios que cumplan con el RGPD en WordPress y nuestras selecciones expertas para el mejor software de firma electrónica para WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

14 CommentsLeave a Reply

  1. Hola, después de configurar un formulario de contrato, ¿será posible establecer un recordatorio para dar seguimiento al contrato y también para que se notifique cuando una renovación esté próxima en WordPress? Gracias.

  2. ¿Dónde se almacenan las presentaciones con la firma? ¿Es solo un correo electrónico que se envía a quien deba recibir la notificación? ¿O se almacena en una base de datos de backend? Gracias.

  3. ¡Guau! Gracias por este artículo realmente útil. Esto ha sido un dolor de cabeza por mucho tiempo. Definitivamente implementaré tus puntos.

    • Debería ponerse en contacto con el soporte del plugin para conocer las capacidades actuales de cumplimiento de HIPAA

      Administrador

    • Si bien no tenemos uno en este momento, consideramos todos nuestros artículos para posibles guías en video en el futuro.

      Administrador

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.