Cómo usar un editor de PDF en WordPress [¡Diseña tus PDF!]

Publicado: 2023-03-15

¿Quiere crear y editar formularios PDF directamente desde su panel de WordPress? Esta publicación le mostrará cómo usar un editor de PDF en WordPress usando Formidable Forms.

Cómo usar un editor de PDF en WordPress

Tiempo aproximado de lectura : 6 minutos

¿Busca un editor de PDF en WordPress?

Ya sea que cree certificados, muestre un menú o personalice albaranes de facturas en PDF, un PDF editable en WordPress le ahorra tiempo.

Esta publicación le mostrará cómo diseñar su PDF utilizando el mejor complemento de WordPress para editar PDF para su sitio de WordPress, Formidable Forms . Aprenderá a crear un formulario para ingresar la información que necesita y mostrarla en un PDF que usted diseñó.

Formidable Forms es el mejor complemento de WordPress Form Builder. ¡Consíguelo gratis!

Entonces empecemos.

  • ¿Por qué debería usar un editor de PDF en WordPress?
  • Cómo usar un editor de PDF en WordPress
    • 1. Instale el complemento Vistas y PDF
    • 2. Crea tu formulario
    • 3. Crear una vista
    • 4. Personaliza el PDF
    • 5. Publica el enlace de descarga del PDF

    ¿ Por qué debería usar un editor de PDF en WordPress ?

    Hay muchas razones para usar un complemento de editor de PDF de WordPress.

    Ya sea que desee crear una hermosa plantilla de PDF, hacer que sea más fácil para las personas ver archivos PDF en su sitio web o tener contenido cerrado en el que las personas deben registrarse.

    De cualquier manera, tener control sobre el diseño y la publicación de su PDF significa que puede decidir lo que sucede en su sitio web.

    Y hay algunas personas diferentes que podrían encontrar esto útil. Aquí hay algunos:

    1. Profesionales de negocios : si crea archivos PDF con regularidad para que los clientes los descarguen, entonces tener una forma de crear los suyos propios le facilitará la vida.
    2. Comercializadores : los archivos PDF son una de las formas más comunes de distribuir contenido o materiales de marketing. Y tener una manera de diseñarlos usted mismo significa que obtiene un control completo.
    3. Freelancers - ¿Envían facturas en PDF? ¡Entonces deshazte de tu software PDF y crea el tuyo propio!
    4. Profesores : ¡incluso pueden crear planes de lecciones y otros materiales educativos con su propio editor de PDF!
    5. Restaurantes : ¿Quiere personalizar su propio menú y mostrarlo en su sitio web? Un editor de PDF es perfecto para eso.
    PDF de ejemplo de menú

    Ahora, hay muchos complementos de WordPress para editar PDF (como Gravity Forms y Gravity PDF), pero no ofrecen la flexibilidad y el poder de la opción que recomendamos.

    Y eso es Formidable Forms .

    Cómo usar un editor de PDF en WordPress

    Para comenzar, deberá descargar Formidable Forms para comenzar a generar archivos PDF.

    Formidable es el complemento de WordPress más avanzado y fácil de usar para formularios y también para incrustar un documento PDF para descargar.

    Con este tutorial, también necesitará acceso a Formidable Views y al complemento PDF, que lo ayudará a diseñar y publicar su PDF.

    Si no sabes qué es Formidable Views, no te preocupes. Es simplemente una forma poderosa de tomar entradas de formularios y mostrarlas de la forma que desee: PDF, como su propia página o incluso como un feed similar a Instagram.

    Puede usar la versión gratuita de Formidable Forms para probar el complemento, pero ambos complementos están incluidos en la versión premium de Formidable Forms en su Plan de negocios.

    ¡Obtenga su editor de PDF hoy!

    Entonces, obtenga una licencia para todas las ofertas de complementos, instálela y actívela, y luego son cinco pasos simples:

    1. Instale el complemento Vistas y PDF
    2. Cree su formulario y envíe una entrada de prueba
    3. Crear una vista
    4. Personaliza el diseño del PDF
    5. Publicar el enlace de descarga del PDF

    Para nuestro ejemplo, le mostraremos cómo personalizar un PDF de certificado, perfecto para cualquier creador de cursos o empresas educativas.

    Paso 1: Instale el complemento Vistas y PDF

    En su tablero de WordPress, vaya a Formidable → Add-Ons .

    Complementos formidables

    Debemos instalar y activar dos complementos: Visual Views y PDFs .

    Puede desplazarse para encontrarlos o usar la barra de búsqueda para buscarlos.

    Una vez que estén activados, crearemos el formulario para ingresar la información que se mostrará en el PDF.

    Paso 2: crea tu formulario

    Primero, vaya a Formidable → Formularios y haga clic en Agregar nuevo para crear un nuevo formulario.

    Con el plan de negocios de Formidable, puede acceder a muchas plantillas prediseñadas diferentes. Entonces, si sabe lo que está buscando, intente buscar una plantilla que coincida.

    De lo contrario, puede elegir Formulario en blanco para comenzar a crear uno desde cero utilizando el generador de arrastrar y soltar de Formidable.

    Una vez que elija el tipo de formulario, haga clic en Crear .

    Con el generador de formularios de Formidable, puede agregar cualquier campo que necesite en función de la información que necesita recopilar. Por ejemplo, estamos creando certificados en PDF para cualquier persona que complete uno de nuestros cursos.

    El generador de arrastrar y soltar de Formidable

    Por lo tanto, agregaremos un campo Nombre , Fecha , Desplegable y Párrafo para personalizar parte del texto del certificado.

    Siéntase libre de personalizar el suyo según lo que necesite mostrar.

    Una vez que haya terminado, haga clic en Actualizar para guardar los cambios.

    El próximo paso será más fácil si tenemos una entrada de prueba mientras diseñamos la Vista. Entonces, haga clic en Entradas en la parte superior de la página y Agregar nuevo para enviar una entrada de prueba.

    Ejemplo de entrada de formulario

    También le dará una idea de cómo se ve su formulario para cualquier persona que lo complete. Simplemente escriba el nombre que desee, luego presione Enviar y tendrá la entrada lista para el siguiente paso.

    Ahora, crearemos una Vista para mostrar la información como queramos.

    Paso 3: crear una vista

    Dentro de su generador de formularios, seleccione la pestaña Vistas , luego haga clic en Agregar nuevo para comenzar.

    Puede elegir el tipo de vista que desee, pero usaremos un tipo de cuadrícula para nuestro ejemplo.

    Tipo de vista de cuadrícula

    A continuación, asigne un nombre a su vista y haga clic en Crear una vista .

    Comenzará en la página de listado . Aquí es donde puede mostrar una colección de entradas (como elementos de menú, nombres, etc.).

    También tienes la Página de Detalles . Esto es para ver entradas específicas con más detalle.

    Para nuestro ejemplo, mantendremos la página de listado simple con solo el nombre de la persona y un enlace a la página de detalles.

    La página de detalles mostrará el PDF personalizado que hemos creado.

    Luego, haga clic en el botón Creador de diseño y comience a diseñar su diseño. Al igual que el creador de formularios, el Creador de diseño también se puede arrastrar y soltar.

    Constructor de diseño de arrastrar y soltar

    Arrastraremos un solo bloque usando el Creador de diseño. A continuación, haga clic en la columna y le mostrará el Visual/Text Builder. Aquí, puede personalizar la página de su listado como desee.

    Para nuestro ejemplo, lo mantendremos simple al incluir el [enlace detallado] dentro de un fragmento de enlace HTML, y también agregaremos el código abreviado para el nombre del usuario para que sea fácil de identificar. Entonces, saldrá algo como esto:

    Ejemplo de HTML para la página de listado

    Eso mostrará el nombre, así que veremos el PDF cuando hagamos clic en el enlace.

    Paso 4: Personaliza el PDF

    A continuación, haremos clic en la página de detalles y personalizaremos nuestro PDF.

    Al igual que la Página de listado, haremos clic en el Creador de diseño para la Página de detalles.

    Para nuestro ejemplo, arrastraremos una columna de tres, con una sola columna debajo, luego otras tres columnas debajo de esa.

    Vista Creador de diseño

    Puede diseñar el suyo como desee, pero haga clic en Guardar diseño cuando haya terminado.

    Ahora podemos comenzar a personalizar las diferentes columnas. Entonces, queremos que nuestra Vista se vea como un certificado que vería.

    Haremos clic en cada columna y usaremos el editor de texto para agregar código y personalizarlo exactamente como queremos. No tienes que usar código para hacer algo hermoso. Simplemente haga clic en la columna que desea editar y seleccione el editor visual .

    Incluso puede agregar imágenes usando la biblioteca de medios de WordPress.

    Notará que puede usar diferentes códigos abreviados a medida que edita su vista. Si los coloca en el editor, la información de ese campo se insertará automáticamente en el área.

    Por ejemplo, usando nuestra entrada de prueba anterior y el certificado que diseñamos, el nuestro se vería así:

    Certificado de ejemplo

    Entonces, ¡juegue con su propia vista y vea lo que puede desarrollar!

    Si desea comenzar a usar una plantilla, ¡entonces le encantará nuestra plantilla de certificado!

    Pero tendrá una idea general de cómo se verá su PDF aquí.

    Ahora queremos obtener el ID de su Vista antes de publicar el enlace. Entonces, en el lado izquierdo de su Vista, busque el código abreviado con . El número después de ID es su ID de formulario.

    Guárdelo para el siguiente paso.

    Paso 5: Publique el enlace de descarga de PDF

    Necesitamos agregar un código abreviado a su página o publicación para cargar el PDF en su sitio.

    Entonces, diríjase a la publicación o página donde desea el enlace y escriba el siguiente código:

     [frm-pdf view=”*YOUR VIEW ID*” entry="*ENTRY NUMBER OF DETAIL*" public=”1”]

    A continuación, actualice su página, haga clic en vista previa y verá el enlace de descarga.

    Ejemplo de vista PDF

    Cuando haga clic en el botón de descarga, verá su archivo PDF abierto en una nueva ventana en un lector o visor de PDF.

    Dado que es un certificado, nos gustaría que apareciera en modo horizontal. Entonces, todo lo que tenemos que hacer es agregar la orientación = "paisaje" al código abreviado.

    Entonces se verá así:

    [frm-pdf vista="119" entrada="10" orientación="paisaje" público="1"]

    El 119 es el ID de nuestra Vista, el 10 es el detalle de la entrada que queremos, la orientación nos ayuda a mostrarlo correctamente y el público se asegura de que sea visible.

    Entonces, ¡es tan simple como descargar el PDF!

    ¡Obtenga su editor de PDF hoy!

    ¿Listo para hacer un PDF editable en WordPress?

    Y así, tiene un generador de formularios, un generador de PDF y un incrustador de PDF, todo en uno.

    Esta publicación mostró cómo usar Formidable Forms como un complemento de PDF editable de WordPress para personalizar sus necesidades de PDF. Con un complemento, puede convertir la información de los formularios de contacto, formularios de pedido y más en un formulario PDF que diseñó y que funciona con cualquier tema (incluido WordPress Elementor).

    Así que, ¡no esperes más! Comience a personalizar su PDF hoy con Formidable Forms.

    Y síganos en Facebook, Twitter y YouTube para obtener más consejos y trucos.

    ¡Lea más sobre formulario a PDF con Formidable!


    ¿Sabía que Formidable Forms es uno de los complementos de creación de formularios de WordPress más rápidos disponibles en la actualidad? Si aún no lo está utilizando, ¡comience con nuestro complemento gratuito o la versión pro con todas las funciones!