crear acuerdos de servicio en wordpress

Cómo hacer un contrato digital en WordPress [Con firma]

La posibilidad de cerrar un trato en línea con contratos firmados es una fantástica comodidad para muchos tipos de empresas.

El problema es que la mayoría de los servicios de firma electrónica y soluciones como DocuSign suelen tener un coste prohibitivo para autónomos y pequeñas empresas.

Pero si eres usuario de WordPress, estás de suerte. Existe una solución asequible y apta para principiantes para crear contratos digitales con campos de firma.

En este artículo, te guiaremos paso a paso por el proceso para que puedas crear tu propio contrato online totalmente personalizado en WordPress.

Cree ahora contratos digitales con firma

Cómo crear contratos en línea en WordPress

A continuación se explica exactamente cómo crear un formulario web que funcione como un contrato en línea en WordPress.

Si prefieres un tutorial escrito, sigue leyendo a continuación.

Paso 1: Instalar WPForms

Lo primero es lo primero, necesita tener WPForms instalado en su sitio web. Como necesitas crear un contrato digital, es vital tener acceso al Addon de Firma disponible en WPFroms Pro.

Precios de WPForms

Una vez que haya comprado la licencia de WPForms Pro, puede aprender a instalar el plugin en su sitio aquí.

WPForms es la mejor alternativa de DocuSign para WordPress. Y hace que sea increíblemente fácil para usted aceptar firmas digitales y para que los usuarios firmen sus formularios, como le mostraremos en los próximos pasos.

Lea también: Firma electrónica vs manuscrita: ¿Cuál es la diferencia?

Paso 2: Obtener el addon de firma WPForms

Antes de empezar a crear un formulario de contrato digital, tendremos que instalar el complemento Firma.

Abra el área de administración de WordPress y sitúe el cursor sobre WPForms en la barra de menú de la izquierda. A continuación, haga clic en Complementos en el menú desplegado.

Añadir addons - WPForms

Se encontrará en la biblioteca de addons de WPForms. Simplemente desplácese hacia abajo o utilice el cuadro de búsqueda para localizar inmediatamente el addon Signature en esta página.

Cuando lo hayas encontrado, haz clic en el botón Instalar complemento que hay debajo.

Instalar el addon Firma

El addon terminará de instalarse en unos segundos. Puede confirmar que la instalación se ha realizado correctamente comprobando que el estado es Activo.

Complemento de firma activado

Bueno, ¡eso fue fácil!

Pasemos ahora al siguiente paso y comencemos a crear un formulario de contrato en línea con campos para capturar firmas digitales.

Paso 3: Crear un formulario de contrato

Desde el panel de control de WordPress, vaya a WPForms " Añadir nuevo.

Añadir nuevo formulario

Inmediatamente, el constructor de formularios WPForms se cargará en pantalla completa. Comencemos por nombrar nuestro formulario y elegir una plantilla. Si está buscando una plantilla de formulario específica, puede utilizar el cuadro de búsqueda en la parte superior izquierda del área de plantillas.

Elegiremos la plantilla Formulario de contrato general para este tutorial porque tiene todos los campos que probablemente necesitará para su contrato digital.

Nombre de su formulario

Tan pronto como selecciones la plantilla, comenzará a cargarse en el constructor de formularios. Notarás que la plantilla tiene todos los campos importantes como Nombre, Email, Dirección, Teléfono, Firma y más.

Formulario de contrato cargado

Aunque esta plantilla en concreto viene precargada con campos de firma (uno para cada parte), puedes añadir más si lo necesitas. Todo lo que tienes que hacer es arrastrar y soltar el campo que necesites del panel izquierdo a la derecha.

Campo de firma

También te animamos a que personalices la plantilla si quieres cambiar algo en ella.

Por ejemplo, puede intentar editar el color de la tinta de la firma. Para ello, simplemente haga clic en el campo Firma al que desea cambiar el color de la tinta. Se abrirán las Opciones de campo en el panel izquierdo.

Opciones del campo de firma

Ahora, haz clic en la pestaña Avanzado de la izquierda y busca debajo la opción de color de tinta. Haz clic en ella para abrir un selector de color, que te permitirá seleccionar cualquier color haciendo clic sobre él.

Color de tinta de la firma

Si desea utilizar el mismo color en varios campos de firma, sólo tiene que copiar el código hexadecimal (es decir, el código que aparece en el cuadro de color de tinta después de seleccionarlo, como #2248b5) y pegarlo en el cuadro de color de tinta de los demás campos.

Esto garantizará que el color se adapte perfectamente a todos los campos de su firma.

Cuando hayas terminado de personalizar tu formulario, pulsa Guardar en la parte superior derecha.

Paso 4: Publique su formulario de contrato digital

Ahora puede seguir adelante y publicar su formulario para empezar a recoger firmas digitales cuando le convenga.

La forma más fácil de incrustar formularios en una página es usando el asistente de incrustación de WPForms. Puede iniciarlo pulsando el botón Incrustar junto a Guardar en la parte superior del constructor de formularios.

Incrusta tu formulario con el botón de incrustación

Verás una ventana modal que te preguntará si deseas incrustar el formulario en una página existente o en una nueva. Para este tutorial, incrustaremos el formulario en una página nueva haciendo clic en Crear página nueva.

Crear una nueva página

Una vez hecho esto, verás otra ventana emergente en la que se te pedirá que le pongas un nombre a tu página. Introduce cualquier nombre y pulsa Let's Go.

Integrar en página

En este punto, te encontrarás dentro del editor de bloques de WordPress con el formulario ya incrustado. Puedes añadir contenido adicional a esta página usando los bloques normales si lo necesitas.

Cuando esté listo para publicar su formulario digital, pulse el botón Publicar en la parte superior derecha.

Publicar formulario

Y ahora la parte más importante.

Con tu formulario publicado, adelante, compruébalo. También puedes rellenarlo y firmarlo digitalmente para confirmar que funciona perfectamente como debería.

Firma del contrato digital

Y ya está. Ya puedes crear un contrato digital y empezar a recoger firmas electrónicamente para facilitar el registro.

Preguntas frecuentes sobre la creación de contratos digitales en WordPress

¿Tiene más preguntas sobre la creación de contratos en línea? Las siguientes preguntas frecuentes pueden ayudarle a arrojar más luz sobre el tema.

¿Por qué crear contratos firmados en línea en WordPress?

La creación de contratos firmados en línea en su sitio de WordPress es una situación beneficiosa tanto para usted como para sus clientes.

Contratos en línea en su sitio web:

  • Facilite a sus clientes la firma de su contrato. Con WPForms, puedes permitir que tus clientes o autónomos firmen documentos y contratos online utilizando el ratón o una pantalla táctil.
  • Mantenimiento de registros más sencillo. Si utilizas WordPress para firmar contratos online, no tendrás que enviar archivos adjuntos por correo electrónico.
  • Le permiten cerrar acuerdos más rápido. Dado que puede cerrar más operaciones en menos tiempo, sus formularios de contrato firmados en línea pueden acelerar el crecimiento de su negocio.

WPForms es el plugin para contratos online de WordPress perfecto para facilitar esta tarea.

dibujar firmas en wpforms para wordpress contrato online

¿Qué debe incluir mi contrato digital?

A la hora de crear un acuerdo de servicios o un contrato online, muchas pequeñas empresas evitan recurrir a un abogado. Es cierto que puedes ahorrarte los gastos legales haciendo una búsqueda rápida en Google y redactándolo tú mismo.

Sin embargo, cuando creas un contrato online, estás tomando una gran decisión empresarial. Un abogado puede asegurarse de que el acuerdo está redactado correctamente, para evitar problemas legales en el futuro.

Un contrato en línea típico suele

  • Especificar las condiciones de servicio y pago
  • Pida los datos del cliente, incluida la dirección física y el número de teléfono
  • Consiga la firma de su cliente

Esto reduce el flujo de trabajo cuando se necesita una firma antes de empezar a trabajar.

Para hacerte una idea de cómo podría ser un contrato de servicios o de contacto en línea para tu empresa, puedes buscar en Google y ver un modelo de contrato. La mayoría de los empresarios deberían poder adaptar las muestras a sus propias necesidades.

¿Puedo cobrar los pagos dentro del propio formulario del contrato?

WPForms viene con integraciones de procesadores de pago incluyendo Stripe, PayPal y otros. Usted puede agregar fácilmente un campo de pago para cobrar al instante los pagos a través de tarjetas de crédito, Google Pay, Apple Pay, o PayPal con un formulario firmado digitalmente.

¿Es seguro almacenar información contractual en WordPress?

Para acuerdos generales, propuestas o no divulgaciones, puedes almacenar contratos de forma segura en tu sitio de WordPress siempre que tomes las precauciones adecuadas. Sin embargo, para contratos muy sensibles (relacionados con la salud, las finanzas, etc.), sería más inteligente invertir en un sistema cifrado dedicado que ofrezca seguridad de nivel empresarial.

¿Puedo utilizar WordPress para los contratos de alquiler?

Sí, puedes utilizar WordPress para los contratos de alquiler. Puedes utilizar un formulario de acuerdo para capturar tu propia firma y la del inquilino y almacenarla en tu sitio de WordPress. Incluso puedes exportar el formulario si quieres conservarlo en papel.

A continuación, fije una fecha de cierre en su contrato en línea

Si tu presupuesto caduca en una fecha determinada, puedes configurar tu formulario para que se cierre automáticamente. Consulta esta guía para añadir una fecha de caducidad al formulario para saber cómo configurarla.

¿Quiere ahorrar más tiempo con WPForms? Pruebe a crear un formulario de solicitud de empleo para que pueda recopilar rápidamente toda la información que necesita para seleccionar al mejor candidato.

¿A qué está esperando? Empieza hoy mismo con el plugin de formularios para WordPress más potente.

Y no lo olvide, si le gusta este artículo, síganos en Facebook y Twitter.

Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPForms, por qué es importante y cómo puede apoyarnos.

Osama Tahir

Osama es un escritor senior en WPForms. Se especializa en desmontar plugins de WordPress para probarlos y compartir sus ideas con el mundo.Más información

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.

20 comentarios en "Cómo hacer un contrato digital en WordPress [con firma]"

    1. ¡Hola Maggie!

      Usted puede crear esa página en WordPress y poner la firma de allí como se describe en el tutorial, pero entonces usted debe encontrar una manera de cómo utilizar esa página en su sistema de comercio electrónico que se mostrará antes de la página de pago. Entonces también se necesitaría la redirección después de que el formulario enviado a la página de pago. No tenemos opciones incorporadas en WPForms para lograr esto, por lo que esto debe hacerse con código personalizado.

      En su lugar, puede contactar con el equipo de soporte de su servicio de comercio electrónico y pedirles una solución para esto. Lo más probable es que puedan responder si tienen alguna solución lista para esto, o si pueden ayudarle a implementar el formulario WPForms en su sistema.

      Gracias, y que lo pases bien 🙂 .

      1. Si utilizas WooCommerce, puedes añadir tu renuncia al formulario de pago de WooCommerce. En WooCommerce > Configuración > Avanzado, puedes encontrar un campo de Términos y Condiciones, ¡que te permite elegir tu página de renuncia!

    1. Hola Danielle - Me temo que actualmente no tenemos una función para convertir automáticamente la notificación a PDF y enviarla como archivo adjunto. Lo tendremos en cuenta en el futuro.

      Siento las molestias.

  1. Cuando alguien envía mi formulario de contrato en línea, sólo se envía por correo electrónico el nombre, la firma y la fecha. Necesito que se envíe el contrato completo con todo el texto como documentación. ¿Se puede guardar el formulario completo con el texto? Si pongo el texto en campos html los campos html no pasan los datos en el email de notificación. ¿Existe algún campo de texto libre que se pueda guardar y pasar en la notificación?

    1. Hola Anthony - Lo siento, actualmente no tenemos una forma incorporada para pasar campos HTML en los correos electrónicos de notificación, sin embargo, si usted está dispuesto puede lograr esto con código personalizado. También tenemos un tutorial sobre cómo agregar código personalizado aquí.

      Si necesita más ayuda, póngase en contacto con el equipo de asistencia.

      Espero que te sirva de ayuda 🙂 .

    2. Yo dos necesitaba para mostrar el contrato completo con la firma como un PDF, como la firma por sí sola es un desperdicio de la plug-in. He aquí cómo lo resolví.
      1. Escribí el contrato como texto normal dentro de una página.
      2. Incrustar un formulario WP que tenía la información de la firma.
      3. 3. Copié el contrato de prueba y lo pegué en WP Form-> Notification-> Message -> luego puse {all_fields} después de la prueba. Ahora recibo un email con el contrato completo y la información de las firmas que puede ser impreso como un pdf desde mi email.

      1. Hey Steve - Sí, eso suena como una gran solución para tener todo el texto y la firma en su correo electrónico. Gracias por compartirlo. Debería ayudar a otros usuarios también.

        Que lo pases bien 🙂 .

    1. ¡Hola Heather! Los formularios de contrato tal y como se configuran en este artículo se guardarían únicamente en la base de datos de su sitio, a la que sólo podrán acceder los usuarios de su sitio a los que usted conceda acceso.

      Podría proporcionar "acceso" al contrato utilizando la función de Notificaciones para proporcionar una copia a quien rellenó y firmó el formulario. Esta función se la proporcionaría en forma de correo electrónico.

      Espero que esto te ayude a aclararte 🙂 Si tienes más preguntas al respecto, ponte en contacto con nosotros si tienes una suscripción activa. Si no la tienes, no dudes en dejarnos alguna pregunta en nuestros foros de soporte.

    1. Hola Hanamichy, puede hacer que la imagen se envíe en el correo electrónico de notificación utilizando algún HTML en el cuerpo de su correo electrónico como <img src={field_id="3"}> donde {field_id="3"} debe sustituir el número de identificación por el ID de su campo de firma.

      También puede utilizar nuestra etiqueta inteligente field_html_id para obtener la imagen de la firma.

      Espero que esto te ayude a aclararte 🙂 Si tienes más preguntas al respecto, ponte en contacto con nosotros si tienes una suscripción activa. Si no la tienes, no dudes en dejarnos alguna pregunta en nuestros foros de soporte.

    1. ¡Hola Moaz! La legislación relativa a los acuerdos y las firmas digitales varía de un lugar a otro, por lo que no podemos facilitarte esa información. Le recomendamos encarecidamente que solicite asesoramiento jurídico profesional siempre que sea necesario, en relación con las jurisdicciones que necesite.

      Pido disculpas por no poder darte una respuesta directa aquí, ¡pero espero que te haya ayudado!

      Si tienes más preguntas al respecto, ponte en contacto con nosotros si tienes una suscripción activa. Si no la tienes, no dudes en dejarnos alguna pregunta en nuestros foros de soporte.

  2. ¿puedo añadir el formulario de contrato con firma en la página de pago de woocommerce?
    Le daré un ejemplo: tengo un producto añadido en mi carrito. voy a la caja. allí quiero que sea visible textarea con el texto del contrato y el área de la firma. después de enviar el pedido el contrato se presenta en pdf y se envía al cliente y admin.

  3. En teoría, este es un gran complemento, pero como varias personas han mencionado anteriormente sin la capacidad de incluir el contenido del acuerdo en la notificación por correo electrónico, es bastante inútil. He pasado horas construyendo el formulario para luego descubrir que no puedo incluir fácilmente los términos y condiciones del contrato en la notificación por correo electrónico 🙁 El fragmento de código mencionado anteriormente muestra los campos de contenido, pero por desgracia también muestra la palabra "Contenido" por encima de cada campo, lo que no parece muy profesional. No entiendo por qué no podemos incluir las etiquetas inteligentes para los campos de contenido en la notificación por correo electrónico.

    1. Hola Melanie. Hay una solicitud de función abierta para esto que se está debatiendo actualmente, pero lamento que no haya una solución integrada para este problema específico.

      Parece que usted tiene una licencia de WPForms, por lo que puede ponerse en contacto con nuestros asesores de confianza en el equipo de apoyo mediante la presentación de un ticket de soporte. Ellos le harán saber si se incluye en una versión futura.

      Gracias.

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Por favor, tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Este formulario está protegido por Cloudflare Turnstile y se aplican la Política de privacidad y las Condiciones del servicio de Cloudflare.