No es tan raro que se te presente la necesidad de ofrecer la posibilidad de adjuntar un archivo descargable a un botón. Un PDF, un MP3, un archivo Word. En este tutorial te vamos a explicar cómo crear un botón para descargar archivos con Elementor.
Índice de contenidos
Subiendo el archivo a descargar
Lo primero que haremos será subir a nuestra biblioteca de medios el archivo a descargar. Acto seguido lo que haremos es guardarnos la url del archivo y guardarla por ejemplo en un bloc de notas.
Creando el botón con Elementor
Ahora si, ya nos vamos a nuestro maquetador de Elementor y insertamos nuestro widget de botón. Realizamos toda nuestra acciones pertinentes en cuanto a tema de personalización y acto seguido desde donde definimos el enlace pegamos la url del archivo a descargar y clicamos sobre en engranaje para desplegar las opciones del enlace:
Aunque el archivo a descargar ya queda asociado al botón, ahora mismo si hicieramos uso del botón lo que conseguimos es que al clicar nos muestre el archivo en la pantalla del navegador.
Para conseguir que el archivo se descargue localmente en el ordenador deberemos escribir lo siguiente en el apartado Atributos personalizados:
download="true"
Guardamos los cambios y ya tienes tu botón totalmente operativo para que tus usuarios descarguen los archivos adjuntos.
Puedes repasar todos los pasos en el siguiente vídeo.
Bien, pues hasta aquí este tutorial en el que te hemos explicado cómo crear un botón para descargar archivos con Elementor.
Te invitamos a que si tienes alguna duda/pregunta sobre este tema o si quieres que hablemos de algún tema en concreto lo dejes en comentarios.
Tengo una duda con este proceso.
Estoy probando, y no consigo que el archivo se descargue directamente. Sigue abriéndose una pestaña con el documento en cuestión.
Puede que el problema venga de que el archivo lo tengo en googledrive y no directamente en la biblioteca de medios de wordpress?
El problema es que si pongo el archivo en la biblioteca de medios y lo enlazo, me aparece el famoso «error forbidden 403″… por eso los guardo en googledrive.
Muchas gracias!
Hola Carlos, cabe la posibilidad de que el error 403 sea por culpa del servidor por lo que quizás una solución pasa por comentarselo al soporte de tu hosting.
Y si, el documento se abre en una pestaña nueva porque el archivo debe estar alojado en tu biblioteca de medios.
Esperamos que soluciones el problema.
Un saludo.
Me funcionó muy bien, pensé que no funcionaria con imágenes, ya que solo lo había utilizado con pdf, y la sorpresa fue que descarga correctamente las imágenes del link.
muchas gracias por el gran aporte, saludos.
Hola Emir, gracias a ti por tu comentario y tu agradecimiento.
Nos alegra saber que el tutorial te fue útil.
Un saludo.
gracias excelente la explicación, me ha sido muy útil
Genial, Laila.
Nos alegra saber que te fue útil. Gracias por tu comentario y tu agradecimiento.
Me gustaría saber como hacer el botón de descarga pero variable, que me permita descargarel archivo visualizado en un sigle post, de antemano muchas gracias.
No acabo de entender lo de descargar el archivo visualizado en un single post. Puedes desarrollarme tu consulta, gracias.