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.聽

x

Usamos cookies para brindarle la mejor experiencia en l铆nea. Al aceptar que acepta el uso de cookies de acuerdo con nuestra pol铆tica de cookies.

I accept I decline Learn More about our Cookie Policy
× 驴C贸mo puedo ayudarte?