Crear Botón de Descarga Directa con DIVI
Hola gente, hoy os quiero enseñar una manera fácil de crear un botón de descarga directa con DIVI. De esta manera podremos compartir fácilmente nuestros archivos con nuestros usuarios, desde un botón de descarga directa.
Al final del vídeo os dejaré un vídeo tutorial para que sea más visual.
Para empezar a realizar el botón de descarga directa con DIVI debemos de crear es una página nueva o un artículo nuevo.
Activamos el constructor DIVI, creamos una fila, y buscamos el módulo BOTÓN, al abrirse la configuración, en TEXTO pondremos el nombre del botón, en este caso pondré DESCARGAR
Ahora que tenemos la primer parte, vamos abrir en una pestaña nueva, MEDIOS, y vamos a subir el archivo que queremos que descarguen nuestros usuarios.
Cuando ya esté subido nuestro archivo, vamos a copiar la URL.
Cuando tengamos copiado el enlace, volvemos a la pestaña anterior, donde estamos trabajando nuestro botón, en donde dice ENLACE vamos a pegar el enlace del archivo que hemos subido.
Ahora, vamos a ir al menú DIVI, que se encuentra en el menú de WORDPRESS, normalmente está en la parte inferior del menú.
Cuando cargue la configuración de DIVI, pincharemos en la pestaña INTEGRACIÓN y donde dice AGREGAR CÓDIGO AL <HEAD> vamos a pegar un código
Aquí os dejaré el código para que podáis copiar y pegar.
<script>
jQuery(document).ready(function() {
var downloadButton = jQuery(‘.download-button’);
downloadButton.each(function(index) {
jQuery(this).attr(‘download’, ”);
});
});
</script>
Ahora que ya tenemos el código pegado, antes de irnos, vamos a copiar la clase para pegarlo en otro sitio. Os dejo una imagen para copiar la clase.
Con la clase copiada, volvemos a la pestaña donde estamos trabajando con el botón, abierta la configuración del botón, vamos a la pestaña AVANZADO – ID Y CLASES DE CSS y ahí pegamos lo que hemos copiado del código.
Con todos estos pasos ya lo tenemos listo, guardamos y comprobamos de que el botón funcione perfectamente.
Aquí os dejo un vídeo tutorial
Ya sabéis como podéis tener un botón de descarga directa con DIVI, cualquier duda que tengáis me lo podéis dejar en comentarios, o en Youtube.
Nos vemos en la próxima.