Même si c’est passé de mode certaines personnes ressentent le besoin de mettre un petit morceau de musique sur leur boutique shopify. Une chose importante à savoir c’est qu’il faut éviter de perturber l’internaute de manière général et je déconseille comme google d’ailleurs d’activer le son directement en arrivant sur le site ! Il est préférable de proposer à l’internaute de la musique sans l’imposer.
Exemple du lecteur :
Comment installer un lecteur audio HTML ?
Le fichier audio
L’idée est dans un premier temps d’avoir un fichier musical de type mp3 et surtout libre de droit ! attention à ça svp c’est important 😉
Une fois que vous avez un fichier mp3 rendez-vous tout simplement dans l’administration de votre shopify et cliquez en bas à gauche sur paramètres. Ensuite cliquez sur Fichier et importez votre audio. Vous aurez donc une url de ce fichier !
Remplacez dans le code suivant la partie url-du-fichier par l’url copiée.
Code sans l’autoplay (bonne pratique)
Code avec l’autoplay (non recommandé)
Attention ne fonctionne pas sur tous les navigateurs !
La mise en place du code
Désormais il va falloir le mettre quelque part sur votre site. Alors la libre à vous d’utiliser une section ou un bloc de type HTML de votre thème sinon il faudra aller bidouiller dans les fichiers du thème ou si vous souhaitez le mettre dans une page ou une fiche produit. Pour ce faire rendez-vous sur un de vos contenu et au niveau de l’éditeur de texte de shopify cliquez sur le symbol <> en haut à droite pour passer en mode code HTML et copiez / collez votre code mis à jour avec la bonne url et le tour est joué !
La vidéo arrive bientôt 😉