Contenido

• Pasos
• Advertencias

¡Un botón de descarga puede hacer que su sitio se vea mucho más profesional! ¡No más enlaces! Un botón proporciona una interfaz más limpia. Además, si desea personalizar uno usted mismo, incluso puede formar parte del diseño de su página. Siga esta guía para aprender a crear botones HTML o botones con su propio diseño.

Pasos

Método 1 de 2: primer método: creación de un botón HTML

1. 

   Cree el botón en un editor de código. Un editor simple como el Bloc de notas funcionará perfectamente. Ingrese el siguiente código:

2. 

   
   
   Sube el archivo a tu servidor. Si desea proporcionar un archivo para descargar, deberá alojarlo en su servidor o dirigir el botón a un archivo en otro lugar de la web. Utilice un cliente FTP para poder cargar el archivo que desea que esté disponible en el servidor de su sitio web.

3. 

   
   
   Asegúrese de tener el permiso necesario del webmaster si está conectando un archivo que no está alojado por usted.

4. 

   Reemplaza "Ubicación de descarga" por la URL de tu descarga. Asegúrese de incluir el signo (') alrededor de la dirección, así como las comillas alrededor de "window.location =' Download location '". Incluya los prefijos HTTP: // o FTP: //, así como el extensiones como.webp o.EXE, por ejemplo.

5. 

   
   
   Nombra el botón. Reemplace "Texto del botón" con las palabras que desea que aparezcan en él. Asegúrese de mantener las comillas alrededor del texto. Mantenga el tamaño del mensaje pequeño, de modo que el botón no sea demasiado grande ni esté deformado.

6. 

   Coloque el código en su página. Puede insertar el código del botón en cualquier parte del cuerpo de su página web. Cuando hagas esto, aparecerá en esa ubicación. Sube tu página web modificada y prueba el botón.

Método 2 de 2: Segundo método: crear un botón de imagen

1. 

   Diseña tu botón de descarga. Utilice su editor de imágenes favorito y cree un botón que coincida con el estilo de su sitio web. Puede ajustar el tamaño según sus preferencias.

2. 

   Sube el archivo y la imagen del botón a tu servidor. Si desea que un archivo esté disponible para su descarga, deberá alojarlo en su propio servidor o dirigir el botón a otra ubicación en la web. Utilice un cliente FTP para poder cargar el archivo que desea que esté disponible en el servidor de su sitio web.
   • Cargue la imagen del botón en la misma ubicación del servidor en el que la colocará.

3. 

   Crea tu código de descarga. Un botón de descarga representado por una imagen funcionará de la misma manera que todos los demás enlaces funcionan en HTML. Copie el siguiente código y péguelo en su editor preferido.

4. 

   

   Ingrese la información de su archivo e imagen. Reemplace "Ubicación de descarga" con la URL y asegúrese de incluir los prefijos HTTP: // o FTP: //. Reemplace "Archivo de imagen" con el nombre de archivo de la imagen del botón de descarga. Si el archivo está en la misma ubicación que la página de su servidor, no es necesario que incluya la dirección completa.
   • Reemplace "Texto mostrado" con cualquier texto que desee que aparezca cuando el usuario pase el cursor sobre la imagen.
   • Reemplaza "X" e "Y" con el ancho y alto en píxeles, respectivamente.
   • Asegúrese de mantener las comillas alrededor de cada entrada.

5. 

   Ingrese el código en su página. Coloque el código donde desea que aparezca el botón. Cargue el nuevo código y luego cargue la página web para asegurarse de que el botón realmente funcione. Verifique que el texto se cargue y que la imagen tenga el tamaño correcto.

Advertencias

• Cargar archivos en su propio servidor es la mejor manera de compartir archivos en línea. ¡Depender de otros sitios web es muy malo! Si copia el enlace de otro sitio web, el botón de descarga que cree solo funcionará cuando esa página esté activa. Debe probarlo con mucha frecuencia, ya que deberá asegurarse de que los usuarios estén a la altura de lo que planea proporcionar y no un enlace roto que ya no existe.
• Nunca cargue archivos que violen las leyes de derechos de autor, ya que podría meterse en serios problemas.