En este post vamos a ver cómo subir un pdf a wordpress y cómo publicarlo para que pueda ser visualizado y descargado por los usuarios.
Lo que aquí vamos a explicar podemos extenderlo a otro tipo de archivos como: archivos tipo excell, Word, comprimido, etc., ya que el concepto para subir y publicar el archivo pdf en WordPress será igual para cualquier tipo de archivo.
ACCEDE A TODOS MIS CURSOS POR SOLO 10 €/MES
1.- SUBIR PDF A WORDPRESS
Lo primero que debemos hacer es subir el archivo pdf a nuestra web realizada con WordPress, para ello utilizaremos la biblioteca de WordPress.
En primer lugar accederemos al panel de administración de wordpress e iremos a: “Medios > Biblioteca”
Ahora haremos clic en el botón “Añadir nuevo” situado en la parte superior y aparecerá la herramienta para subida de archivos.
Verás un rectángulo con un botón en el centro denominado: “selecciona archivos”, en el cual se nos avisa que el archivo no debe sobrepasar los 8MB.
En caso de que quieras subir un archivo tipo pdf u otro con más de 8 MB no podrás usar este método. Pasa directamente al punto 4 para ver como hacerlo.
Subir archivo PDF a WordPress a través del panel de adminitración
Hay dos opciones para subir el pdf:
a.- Arrastrar y soltar el pdf directamente en el rectángulo
b.- Hacer clic en el botón “Selecciona archivos”, seleccionar el archivo y hacer clic en “Abrir”.
2.- COPIAR LA URL DEL ARCHIVO PDF PARA PUBLICARLO
Cualquier archivo (sea pdf u otro tipo de archivo) que subamos a wordpress tendrá su propia URL. Utilizaremos la URL del pdf como enlace desde una imagen, un icono o un texto para publicarlo.
Tras subir el archivo, para saber cuál es la URL del pdf haremos clic con el botón izquierdo del ratón sobre el pdf ya subido y se abrirá una ventana emergente con la descripción del archivo.
Datos del archivo subido a WordPress
Verás que hay una etiqueta denominada: “URL”. Copia el contenido del campo de texto completo y pégalo en una hoja de Word, bloc de notas o donde quieras. Dicha URL es la que utilizaremos más adelante para enlazar el pdf desde una imagen, icono o texto.
3.- PUBLICAR ARCHIVO PDF EN WORDPRESS
Ahora vamos a ver diferentes elementos y como enlazarlos con el pdf que hemos subido a WordPress en puntos anteriores:
3.1.- ENLAZAR EL PDF CON EL EDITOR DE TEXTO POR DEFECTO DE WORDPRESS
Podemos enlazar el pdf con una imagen o con un texto utilizando el editor que viene por defecto en WordPress.
Vamos a suponer que queremos poner un icono tipo PDF, el cual queremos enlazar con el archivo PDF que antes hemos subido a WordPress.
Subimos la imagen del icono con el botón: “Añadir objeto” situado en la parte superior del editor de WordPress, lo subimos y lo insertamos en la página.
Una vez incluido el icono en la página hacemos clic con el botón izquierdo sobre él y hacemos clic en el icono “editar” que se corresponde con el lápiz.
Editar imagen icono de PDF
En el campo titulado: “Enlazado a” seleccionamos: “URL personalizada”. En el campo de texto que aparece bajo el selector pegamos la URL del archivo pdf que subimos anteriormente y pulsamos el botón: “Actualizar”.
Nota: si quieres que el pdf se abra en una nueva pestaña del navegador, ve a “Opciones Avanzadas” y marca el check box titulado: “Abrir enlace en una pestaña nueva”.
Enlazar imagen con archivo PDF
Ya puedes guardar la página o entrada de blog y visualizarla. Te aparecerá un icono pdf y al hacer clic sobre él se visualizará el pdf.
Al hacer clic sobre el icono del PDF se visualiza en el navegador
Si quieres que el pdf esté enlazado desde un texto en vez de una imagen simplemente tendrás que añadir un enlace al texto como haces habitualmente (a través del botón “insertar/Editar Enlace”) y poner la URL del pdf que antes subiste a WordPress.
3.2.- ENLAZAR EL PDF CON EL DIVI BUILDER DE LA PLANTILLA DIVI
Si usas la plantilla Divi que es la recomiendo para WordPress también podrás añadir enlaces al PDF que previamente hayas subido a través de diferentes módulos:
a.- Módulo de texto: si utilizas un módulo de texto podrás hacer exactamente lo mismo que comentaba en el punto 3.1 y hacíamos con el editor de texto por defecto de WordPress.
b.- Módulo de imagen: puedes utilizar el módulo de imagen. Subir la imagen asociada al módulo y en la pestaña: “Ajustes generales” verás un campo denominado: “URL del enlace”. En ese campo tendrás que introducir la URL que obtuviste al subir el PDF.
Justo debajo tienes una opción para hacer que el PDF se abra en la misma o en una nueva pestaña del navegador. De esta manera, cuando un usuario haga clic en la imagen se visualizara el PDF.
Enlzar módulo imagen con la URL del PDF subido
c.- Módulo anuncio: con el módulo tipo anuncio puedes añadir iconos a la página. Pues bien en este módulo también tienes la misma opción que en el módulo Imagen.
Tienes un campo “URL” donde indicar la dirección del PDF y otro denominado “La URL se abre” para que elijas si el pdf se abrirá en la misma o en una nueva pestaña del navegador.
En este caso al hacer clic sobre el icono se abrirá el PDF en el navegador.
d.- Módulo Botón: con este módulo puedes añadir botones a la página. Lógicamente aquí también tienes la opción de asociarle el PDF.
Las opciones que tienes en el módulo son: “URL del botón” donde ponemos la dirección del PDF y “La URL se abre” donde elegimos si se abre en una nueva pestaña o en la misma.
El módulo de Llamada a la acción que es similar al módulo botón más de lo mismo.
4.- INSERTAR PDF EN WORDPRESS DE MÁS DE 8MB VÍA FTP
Si quieres insertar un PDF de más de 8MB mi recomendación es que lo subas vía FTP. Para ello deberás pedir a tu hosting que te proporcione las claves para conectarte vía FTP con tu servidor e instalarte un cliente FTP como WinSCP o FileZilla.
Posteriormente mi recomendación es que crees una carpeta en la raíz de la carpeta pública de tu hosting (public_html o http_docs u otra, dependiendo del hosting) y que por ejemplo la llames “archivos” (sin las comillas).
Una vez creado el directorio o carpeta “archivos” (sin las comillas) arrastra y suelta el PDF que quieres subir desde tu PC hacia el servidor, deja el archivo dentro de la carpeta que hemos denominado “archivos”.
Subir PDF vía FTP a WordPress
Una vez subido solo tienes que tener en cuenta que la URL del PDF que acabas de subir será:
http://www.mipagina.es/archivos/nombre-archivo-pdf-subido.pdf
Donde debes sustituir «www.mipagina.es» por el nombre de dominio de tu página web y «nombre-archivo-pdf-subido.pdf» por el nombre del archivo PDF que hayas subido.
Para saber cómo publicar el PDF ve al punto 3, ya que para publicarla da igual el modo en que hayas subido el PDF.
Nota: también puedes subir el archivo a través el panel de administración del hosting. No todos los hosting tienen herramienta de administración de archivos pero en el caso de Webempresa que es el hosting que recomiendo si la tiene. Para utilizarla deberás acceder al CPanel y después al “administrador de archivos”.
5.- SUBIR Y PUBLICAR EN WORDPRESS ARCHIVOS DIFERENTES A PDF
Para subir, insertar y publicar en WordPress otros tipos de archivos diferentes a los PDF, como podrían ser: archivos de Word, Excell, comprimidos zip, etc., seguiremos exactamente los mismos procedimientos que hemos seguido para subir archivos PDF.
Para publicarlos en WordPress haremos también exactamente lo mismo. La única diferencia será que estos archivos no se abrirán directamente en el navegador cuando un usuario haga clic sobre ellos, sino que automáticamente se descargarán. Esto se produce porque los navegadores web suelen tener herramientas de visualización de PDF pero no de archivos tipo Word, Excell, u otros.
Soy Blogger y formador profesional. Me gustaría que este blog te sirviera para conocer más de cerca el mundo del diseño web y de WordPress. Mi proyecto online es una plataforma de formación online tipo membership site, denominada cursotiendaonline.com donde podrás acceder a todos los cursos por solo 10 €/mes
Buenos días Joaquín,
inserto un pdf, con buena resolución, en el wordpress, y al visualizarlo desde allí, pierde calidad.
A qué es debido?
Millón de gracias.
Hola, utilizo Divi, hay forma de que se vea el archivo pdf en la pagina o entrada y desde alli mismo se pueda imprimir o descargar? no en una imagen o texto enlazado, por ejemplo poner un titulo que diga: DESCARGA TU MATERIAL DE TRABAJO, y, debajo de ese titulo que este insertado el pdf para descargar.
Hola María.
Tendrás que buscar algún plugin que implemente esa funcionalidad. Aquí te dejo unos cuantos para que investigues
PDF Embedder
Google Doc Embedder
PDF Viewer for WordPress
PDF.js Viewer Shortcode
WP Booklet
Flowpaper
Vanilla PDF Embed
PDF Viewer
PDF and Print by BestWebSoft
PDF Tab for WooCommerce
Real3D FlipBook WordPress Plugin
Embed PDF Viewer
Me gustaría también invitarte, si es posible, a que eches un vistazo a mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre WordPress, Curso diseñador web Freelance, Cursos sobre Divi, Astra Pro, Elementor, Flatsome, Cursos sobre Woocommerce, Cursos sobre SEO, sobre Mailchimp, blog WordPress, etc. etc.
Hola, me ha ayudado mucho, ya que estaba buscando una forma de que se descargaran un archivo excel y tambien una presentacion en pdf, y ahora he entendido porque un archivo se abre y el otro se descarga, gracias por la ayuda, muy bien explicado paso a paso.
Hola Alberto. Me alegro que te haya sido de ayuda este post sobre subir pdfs y otros archivos a wordpress. Si quieres más y mejor, Me gustaría también invitarte, si es posible, a que eches un vistazo a mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre WordPress, Cursos sobre Divi, Astra Pro, Elementor, Flatsome, Cursos sobre Woocommerce, Cursos sobre SEO, sobre Mailchimp, blog WordPress, etc. etc.
Hola Joaquín,
mil gracias como siempre por tus post. El problema es que al cargar los pdfs en wordpres, la URL será seimpre
https://miweb.com/wp-content/uploads/2020/07/ficha-tecnica.pdfque no es muy amigable. No puedo cargarlos en el hosting como dices por su estructura, no se si existe otra forma de hacerlo para que queden urls mejores.Muchas gracias
Hola Pilar,
gracias por tus comentarios.
1.- Pero, ¿por qué quieres que la url sea amigable, no tiene mucho sentido posicionar eso en google?
2.- Puedes añadir los pdf dentro de tu directorio publico (donde tienes los archivos de wordpress) del servidor, y luego poner la ruta hacia ellos. En ese caso, no se pondría el ../wp-content/uploads/2020/07…
Me gustaría también invitarte, si es posible, a que eches un vistazo a mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre WordPress, Cursos sobre Divi, SEO General, Anaolytics, Astra Pro, Elementor, Flatsome, Cursos sobre Woocommerce, blog WordPress, etc. etc.
Hola Joaquín,
mil gracias por tu respuesta y si me interesa mucho la información que me mandas, ya la había tenido en cuenta 😉
«1.- Pero, ¿por qué quieres que la url sea amigable, no tiene mucho sentido posicionar eso en google?» porque son muchas urls de fichas técnicas, Y ya vi en otra ocasión que en Search console ponía ese tipo de url’s como duplicadas, tampoco me gustaría ponerlas como noindex.
«2.- Puedes añadir los pdf dentro de tu directorio publico (donde tienes los archivos de wordpress) del servidor, y luego poner la ruta hacia ellos. En ese caso, no se pondría el ../wp-content/uploads/2020/07…» ya me gustaría que este hosting con el que estoy trabajando fuera como el de webempresa, Es complicado de explicar, pero no consigo hacerlo.
Gracias de nuevo Joaquín!
Hola Pilar,
Veo que estás suscrita a mi plataforma de formación. Para la próxima vez, realiza las consultas que tengas desde ahí, ya que es un buzón prioritario, el tiempo de respuesta es mucho menor que los comentarios del blog y la profundidad de la respuesta y análisis también es mucho mayor.
1.- Como te digo, yo no veo interesante realizar un trabajo extra para quitar la parte de ../wp-content/wploads/2020/07… ya que imagino que lo que quieres posicionar en google son las páginas, no las fichas técnicas (de manera independiente) ya que una persona podría realizar la búsqueda hacer clic, descargarse el pdf y no pasar por tu web. Por lo que no le veo sentido a hacer las urls de los pdfs más amigables. Pero, si estás decidida a hacerlo puedes crear una carpeta en la parte pública y ahí meter las fichas técnicas. Si tu hosting no tiene una herramienta de administración de archivos, puedes probar a hacerlo vía FTP
gracias este post fue de mucha ayuda
Hola!Tengo una web. El desarrollador web ha subido el archivo de política de privacidad pero no se abre en el enlace que hay bajo de la página donde pone «política de privacidad». Qué ocurre?
Buenas.
Si dicho enlace está enlazando a un pdf, seguramente el problema es que la url del enlace del pdf no está correctamente puesto.
Hola Joaquín,
Muchas gracias por el aporte, sigo muchos de tus consejos y tutoriales.
Tengo un pequeño problema con la subida de un archivo pdf. Este tiene incrustado dentro varios ficheros, que pichando en ellos se abren, no sé si me explico. (Dentro de el pdf, existen incrustados más pdfs). Todo correcto hasta ahora.
El problema es que subo el pdf a wordpress, pero a la hora de descargarlo, los ficheros pdfs incrustados se pierden y no puedo pinchar en cada uno de ellos. He probado subirlo directamente también vía FTP, pero sin solución.
Espero haberme explicado bien. Muchas gracias de antemano.
Saludos.
Hola Miguel Ángel.
Te entiendo, no sé porque no se pierden los incrustados, lo único que se me ocurre es que los intentes subir por separado, si es posible.
Muy buen aporte, justo lo que estaba buscando.
Hola, alguien sabe como puedo subir archivos cuando hago un comentario?
Buenas.
Por defecto, los comentarios en WordPress no permiten que se suban archivos adjuntos.
Si en tu web quieres que se pueda hacer, tendrías que buscar un plugin que te añadiera esa funcionalidad
Hola Joaquín. Conoces algún plugin para embeder en WordPress un pdf del tipo formulario editable y que pueda ser rellenado en la propia página para descargar ?
Hola Alain.
Échale un vistazo a este: PDF Embedder
Alain, pudo resolver lo del form editable, en PDF es que quiero hacer lo mismo y no he encontrado
Buenos días,
Hice un pdf el cual le puse vinculos invisibles que le llevan a otros pdf’s sueltos que no estan dentro de las mismas páginas del pdf con vinculos.
Como puedo hacer que reaccione el vinculo?
Para aclarar, es un calendario el cual si haces clic al mes te lleva a otro pdf distinto (que debería ser llevarte a otra página) con los detalles de ese mes.
Debo modificar el PDF, hacerlo desde InDesign o se puede hacer directamente en WordPress?
Gracias de antemano!
Hola Jordi.
Lo siento, pero no se a que te refieres.
Si tu pregunta, es si desde WordPress se puede modificar un PDF, la respuesta es No.
Desde WordPress solo puedes subier PDF y unirlos a enlaces que añadas a páginas o entradas de blog.
En Sharepoint, tenemos una biblioteca con 500o documentos Pdf, se podrá realizar en WordPress algo similar?
Buenas,
No conozco Sharepoint, creo que es una herramienta colaborativa. WordPress no tiene esa funcionalidad. En cuanto al número de pdfs que puedes subir, dependerá directamente de la capacidad de disco duro que tengas en el hosting que hayas contratado para hospedar wordpress.
Hola Joaquin, tu sabes que en la vista «Apariencia->Personalizar» al pegar la URL de un PDF en la libreria, sobre un ícono o botón luego de ello no me permitia pubicarlo! me salia un cartel con la leyenda «Parece que algo salió mal. Espera un par de segundos y vuelve a intentarlo.»
Luego de leer infinidad de post, he dado con el tuyo y he podido enlazar las URL a los botones y desde la edición de la página como indicas aqui arriba!! todo perfecto!! he dado actualizar y funcionan los botones pudiendo descargar los archivos PDF subidos.
Ahora lo que me sucede es que desde la vista de diseño visual, no me permite más hacer ningún tipo de modificación!!! deseo cambiar una apariencia y ya no me deja!!
Es el mismo cartel y error al querer publicar pero ahora con cualquier cosa que quiera hacer!!! antes era solo al colocar los links o url.
Me ayudas porfa? tengo el sitio listo para divulgar y me he trabado en ello!!
Gracias!!
Buenas,
lo que comentas no tiene pinta de tener que ver con WordPress, sino con la plantilla que estés utilizando. También podría ser que estés utilizando un navegador no actualizado y estés teniendo problemas en «Apariencia > Personalizar».
1.- Navegador web: En primer lugar yo probaría con otro navegador: «Chrome, firefox, etc.» y comprobaría si están correctamente actualizados.
2.- Actualización plantilla: Si no es un problema del navegador web, analizaría si la plantilla no está actualizada.
Hola Joaquin:
Antes que nada, felicidades por tu sitio, es de gran ayuda para los que no sabemos tanto de WordPress. Espero me puedas ayudar: Quiero ingresar un formulario en PDF para que se descargue desde la misma pagina. Sigo las instrucciones que aqui indicas y me envia a otra pagina. ¿Que puedo hacer?
Hola Laura,
La visualización del pdf siempre se va abrir en una página diferente a la que está el visitante. Pudes probar a subir el archivo comprimido, seguramente en ese caso si se realizará la descarga directa ya que los navegadores no pueden visualizar un pdf comprimido.
Hola. Yo querría saber cómo puedo hacer para que en la URL del pdf no figure la fecha (año/mes) en la que lo he subido.
El hecho de figurar la fecha me complica a la hora de realizar cambios, pues me obliga a redirigir los enlaces cada vez que realizo algún cambio en un documento (salvo que lo haga dentro del mismo mes).
Muchísimas gracias
Hola María Ángeles,
muy buena la pregunta.
1.- Cualquier elemento multimedia (imagen, pdf, etc.) es subido por wordpress y clasificado por años (carpetas), y reflejados en las urls. No es posible que yo sepa modificar esas URLs de las imágenes.
Lo único que se me ocurre para lo que comentas sería ir directamente a la carpeta Uploads y reemplazar el archivo pdf (con el mismo nombre).
Pero, aún en el caso de que esto funciona no sé si merecería la pena.
2.- Para no trabajar tanto, mi recomendación es que no pongas en muchas páginas enlaces a un determinado pdf, pues tendrías que cambiar todos esos enlaces. Mi recomendación es que crees una página de wordpress desde la cual se pueda descargar el PDF. Después poner los enlaces en otras páginas NO hacia el PDF, sino hacia la página que contiene el enlace de descarga del PDF. De esta manera solo tendrás que cambiar un enlace, cada vez que modifiques el PDF, ya que los enlaces hacia la página que contiene el enlace de descarga no cambiarán.
Muchísimas gracias.
Respecto a la segunda parte de la respuesta, por ese lado no hay problema, porque los enlaces no los cito en ninguna parte. Lo que hago es realizar frecuentes modificaciones en los documentos pdf. Cuando hablaba de redirigir, me refería a la posibilidad de que alguien haya guardado el enlace y le dé error al tratar de acceder al documento.
Respecto a la primera parte de la respuesta… ¿dónde está la carpeta «uploads»?
¿Te refieres a la biblioteca de medios? Ya he intentado cambiar el nombre, pero no me deja.
Lo que yo hago es borrar el documento y volverlo a añadir. De este modo te vuelve a adjudicar la misma url… siempre que lo hagas en el mismo mes (si no borras el documento, entonces te adjudica una nueva url en cualquier caso).
No, me refiero a una carpeta que hay en la raiz de archivos de WordPress. A estas carpetas se acceder vía FTP o a través del adminitrador de archivos del hosting (aunque no todos los hosting tienen esta herramienta)
En cualquier caso, si no tienes experiencia en este tipo de tareas, creo que no será una buena solución. Pues si no tienes cuidado puedes crear algún problema en tu wordpress
Por fin encontré la solución aquí:
https://www.youtube.com/watch?v=UVRkNMUlnGg
Buenas, Joaquín.
¿Sabes si puedo publicar un PDF pero «protegido» para que no se pueda descargar y además definir zonas para crear enlaces a vídeos, audios, etc?
No sé si tal vez utilizando algún tipo de canvas o algo así.
Además me gustaría poder hacer enlaces distintos en cada página del PDF.
Y siempre manteniendo las herramientas de buscar, subrayar, etc.
Hola Jordi,
Échale un vistazo a este post sobre como crear zonas privadas para clientes con WordPress, donde publicar archivos privados y textos: Areas Privadas clientes WordPress
Hola Joaquín! Tu post me ha sido de gran ayuda 🙂
Pero me ha surgido una duda, yo he subido mis PDF por FTP, porque por Biblioteca sale la URL dirigiendo a la carpeta wp_content. Como no quería que apareciera, he creado la carpeta «archivos» (sin comillas), como tú pones de ejemplo aquí y los he subido. El problema es que al enlazar a la URL donde está el PDF (siguiendo tu ejemplo en carpeta «archivos»), me sale que no existe esa página…
Qué puedo estar haciendo mal?? Cómo logro que aparezca?
Muchas gracias
Vale, ya he averiguado el por qué. Si el PDF está en mayúsculas, debo ponerlo también así, qué tonta jeje…
Hola Silvia,
No me ha dado tiempo a contestarte 😉
si, efectivamente. El nombre de los archivos es sensible a mayúsculas y minúsculas
Hola, gracias por el blog! me he subscrito.
Pregunta: tengo un pdf de no mas de 2mb que tiene una muy buena resolución, al subirlo a una «entrada» de worpress, pdf directamente con toda la info, no descargable ni nada, al subirlo pierde mucho resolución y no se ve ni la mitad de bien que el archivo original! como puedo hacer? agradesco cualquier ayuda, gracias !
Buenas,
pero lo has subido para que al hacer clic sobre el se abra en el navegador web el pdf ¿no es así?
Como lograr subir un pdf que contenga links hacia un word, porque una vez que los inserto no va hacia el documento word sino me redirecciona al mismo pdf.
Gracias
Entiendo que te refieres a que el pdf tiene enlaces hacia un word que también has subido a wordpress ¿no?
El archivo de word no se va a abrir en el navegador por lo que mi recomendación es que lo subas como un archivo comprimido para que se lo descargue el visitante, lo descomprima y lo visualice con su aplicación de Word.
En el pdf tienes que poner la ruta URL en la que está dicho archivo comprimido
Hola
Como hacer que el archivo subido correctamente y su link publicado, se visualice en una ventana emergente y no en la misma ventana ni en otra pestaña.
Hola Nelson,
Con las opciones que vienen por defecto en WordPress no se puede hacer lo que comentas, tendrás que buscar algún plugin para PDF que te permita que el PDF se visualice en un PopUp o ventana emergente
Hola,
Como sustituir un PDF ya creado en una zona de la pagina por otro pfd.
Gracias
Buenas,
Al subir a medios el nuevo PDF este tendrá una url diferente (utiliza otro nombre de archivo del pdf para asegurarte de ello), copia la url del nuevo pdf y utilízalo en donde lo tengas insertado.
nota: ve a medios biblioteca y haz clic sobre el pdf para saber la url del mismo
Hola. Yo también quiero sustituir un pdf viejo, por uno nuevo. Cuando sigo tu recomendación de ir a Medios /Biblioteca, no encuentro la ubicación de la url del viejo para sustituir. Qué debo hacer?
Buenas Fabián.
No puedes sustituir uno por utro, ya que la url no será igual. Ten en cuenta que al subir un recurso a la biblioteca (imagen, pdf, etc:) wordpress incluye la fecha en la url.
Lo que debes hacer es subir el nuevo pdf y utilizar esa nueva url para enlazarla desde la página o post que estés creando.