Agregar musica 🎵

música

#1

Hola, mi nombre es Facundo.

Quería saber como agrego código HTML a mi web, por lo menos algo sencillo como para agregarle música a mi tienda online…

Desde ya muchísimas gracias!


#2

Hola Facundo! ¿cómo estás? muchas gracias por sumarte a la Comunidad Nube :tada:

Te cuento que podrías incorporar música a través de HTML, guiándote por nuestra Documentación para diseñadores con la estructura de archivos y carpetas

Para eso, te recomiendo algo que vimos con nuestro equipo de diseño en el sitio
http://www.w3schools.com/html/html5_audio.asp

Para hacerlo, es necesario tener tienda con FTP Abierto, los pasos serían:

1- Poner un mp3 “mi-audio.mp3” en la carpeta static

2 - Agregar este código en el HTML principal de la tienda:

 <source src="{{ 'mi-audio.mp3' |  static_url  }}" type="audio/mpeg">
</audio>"`

De esta manera, ya deberías poder utilizarlo : avisanos así podemos compartirlo con toda la Comunidad :thumbsup: .

Ojalá te sirva, 
¡Saludos!

#3

Una consulta, cuál sería el html principal de la tienda? Yo agregué el código en el head de layaut.tpl y subí el mp3 a la carpeta static pero no pasó nada…


#4

Hola @mamucha buen día!

Para ayudarte mejor, vamos a sumar a un especialista en diseño a la conversación como @Fernando_Alganaraz o @altagama así te pueden dar una mano,

¡Saludos! :wave:


#5

Hola @mamucha! Cómo andás? Espero todo bien :slight_smile:

Agrego un poco más de información a lo que dijo @emiloia:

  1. Asegurate que tenes tu archivo .mp3 subido a la carpeta /static/ del FTP.

  2. Una vez subido, abrí el archivo “layout.tpl” y encontrá en este archivo el final del footer de tu tienda. Podés encontrarlo buscando “</footer>” que es el cierre de la etiqueta que contiene toda la información de tu footer.

  3. Cuando lo hayas encontrado, justo antes de que cierre esa etiqueta, pegá este código:

     <audio style="display: none" controls autoplay loop>
        <source src="{{ "nombredetuarchivo.mp3" | static_url }}" type="audio/mpeg">
     </audio>
    

Fijate que después de este código esté el cierre del footer (’</footer>’).

Esto va a hacer que el archivo MP3 que subiste a tu FTP se reproduzca mientras el usuario navega tu tienda.
Te dejo algunas recomendaciones:

  • Elegí con cuidado la música y evaluá si vale la pena esta implementación.
  • Te recomiendo que no subas canciones de mucha duración. Lo mejor es utilizar sonidos de corta duración que tengan buen efecto de “loop”, es decir que no se note cuando termina vuelve a empezar.
  • Considerá que más del 70% de tus visitas provienen de dispositivos móviles, y ademas de tener que descargar el mp3 que querés reproducir en tu tienda, no muchos lo van a escuchar.

Espero te sea útil esta información :slight_smile:

Cualquier cosa no dudes en preguntarme!

Saludos!