¿Cómo dibujar en un PDF?

  • modernizacionroldan
    Fecha de consulta 8 de febrero de 2024, 8:05

    Buenos dìas, necesito que desde un formulario se pueda hacer lo siguiente o algo similar

    seleccionar un archivo PDF de una lista de pdf

    Verlo en el formulario (es un mapa en pdf) poder marcar o dibujar en el mapa

    y luego poder enviar ese mapa en pdf junto con el formulario


    ¿Cómo dibujar en un PDF? Image 1 Screenshot 20

  • modernizacionroldan
    Fecha de respuesta 8 de febrero de 2024, 8:28

    Ademas con el publicador de PDF no puedo marcar en el mapa

  • Catherine Jotform Support
    Fecha de respuesta 8 de febrero de 2024, 11:03

    Hola modernizacionroldan,

    Gracias por contactarte con el equipo de soporte de Jotform. Entiendo que necesitas que tus usuarios puedan escoger y dibujar en un PDF (mapa) y luego del envío, que ellos reciban el mapa que han marcado en formato PDF, ¿correcto? Desafortunadamente, no es posible dibujar sobre un archivo PDF directamente, sin embargo, si conviertes tu mapa PDF en una imagen, puedes usar nuestro widget Dibujar sobre Imagen, condiciones y adjuntar un PDF en el correo de auto-respuesta para que puedas alcanzar los resultados deseados. Te enseño como, paso a paso:

    • En el Creador de formularios, da clic en Agregar Elemento.
    • Bajo la pestaña de Básicos, selecciona el elemento de Opción única.
    • Añade todas los nombres de las imágenes.

    ¿Cómo dibujar en un PDF? Image 1 Screenshot 160

    • Bajo la pestaña de Widgets, selecciona Dibujo sobre imagen.
    • En la Configuración del widget, sube la imagen (en tu caso sería la imagen del mapa).
    • Repite este paso por cada imagen.

    ¿Cómo dibujar en un PDF? Image 2 Screenshot 171

    • No olvides agregar un elemento de Email a tu formulario, ya que esto permitirá enviar el correo de auto-respuesta a las personas que llenen tu formulario.

    ¿Cómo dibujar en un PDF? Image 3 Screenshot 182

    • En la esquina superior izquierda, da clic en ícono de flecha.
    • Selecciona Editor PDF.

    ¿Cómo dibujar en un PDF? Image 4 Screenshot 193


    • Da clic en los tres puntos laterales en la barra superior azul y selecciona Nuevo Documento PDF.
    • Renombra el documento de acuerdo al mapa que estes configurando.
    • Elimina todos los campos a excepción del campo que contenga el mapa correspondiente.

    ¿Cómo dibujar en un PDF? Image 5 Screenshot 204

    • Da clic en los tres puntos laterales junto al nuevo documento creado y selecciona Duplicar.
    • Renombra el campo de acuerdo al nombre del siguiente mapa a configurar.
    • Elimina el campo de la imagen anterior.
    • En el menú de Añadir elementos, bajo la pestaña de Campos, selecciona el campo de la imagen correspondiente.

    Repite este paso por cada imagen.

    ¿Cómo dibujar en un PDF? Image 6 Screenshot 215

    Para más detalles, puedes revisar nuestra guía sobre Cómo personalizar su reporte de envío PDF.

    • Regresa al Creador de formularios y selecciona Ajustes en la barra superior naranja y da clic en Correos en el menú lateral izquierdo
    • Da clic en Añadir un correo electrónico y selecciona Correo de auto-respuesta.

    ¿Cómo dibujar en un PDF? Image 7 Screenshot 226

    • Cambia el nombre del correo de auto-respuesta por el nombre del mapa.
    • Bajo la pestaña de Email, en el campo de Contenido de mensaje, elimina los campos de imagen del widget.
    • Bajo la pestaña de Avanzado, habilita la opción de Adjuntar PDF.
    • Selecciona el PDF que corresponda a la imagen (mapa).

    ¿Cómo dibujar en un PDF? Image 8 Screenshot 237

    Al final deberás tener la misma cantidad de correos de auto-respuesta por el número de mapas que incluyas (en mi caso he agregado tres imágenes de Podo, el gato):

    ¿Cómo dibujar en un PDF? Image 9 Screenshot 248

    Ahora configuraremos las condiciones:

    • En el Creador de Formularios, selecciona Ajustes en la barra superior naranja.
    • Selecciona Condiciones y da clic en el ícono de Añadir una nueva condición
    • Selecciona Cambiar destinatario del email.

    ¿Cómo dibujar en un PDF? Image 10 Screenshot 259

    • Configura las condiciones como se ven a continuación (repite este paso por cada imagen):

    ¿Cómo dibujar en un PDF? Image 11 Screenshot 2610

    • Añade una nueva condición y selecciona Mostrar/Ocultar campo.

    ¿Cómo dibujar en un PDF? Image 12 Screenshot 2711

    • Configura las condiciones como se ven a continuación (repite este paso por cada imagen):

    ¿Cómo dibujar en un PDF? Image 13 Screenshot 2812

    Mira los resultados en el formulario:

    ¿Cómo dibujar en un PDF? Image 14 Screenshot 2913

    Así recibirían el correo de auto respuesta tus usuarios:

    ¿Cómo dibujar en un PDF? Image 15 Screenshot 3014

    Si deseas puedes clonar mi formulario, para que puedas revisar su configuración detenidamente. Aquí tienes una guía sobre Cómo Clonar un Formulario Existente desde una URL.

    Déjanos saber si tienes alguna otra pregunta.