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)

<audio id="myAudio" controls><source src="url-du-fichier" type="audio/mpeg"></audio>

Code avec l’autoplay (non recommandé)

Attention ne fonctionne pas sur tous les navigateurs !

<audio id="myAudio" controls autoplay ><source src="url-du-fichier" type="audio/mpeg"></audio>

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 😉

Merci de me laisser une petite note 😉
[Note moyenne de: 0 sur 0 votes]

Besoin d'aide ?

Vous avez un problème pour faire fonctionner ce tutoriel ou vous avez un besoin spécifique ?
Nous pouvons le faire pour vous ! pour ce faire merci de prendre contact avec notre équipe.

En savoir plus

🤗 Vous souhaitez me remercier pour mes Tutos ?

Cliquez sur le bouton ci-dessous pour m'encourager à continuer 😉

Payer un Café à Dgeo Dev

Besoin de déléguer votre SAV ?

Si vous avez besoin d'une personne pour gérer votre SAV j'ai la perle rare 😉 contactez moi en MP ou cliquez sur le bouton ci-dessous:

Je veux déléguer mon SAV

🤗 Vous souhaitez me remercier pour mes Tutos ?

Cliquez sur le bouton ci-dessous pour m'encourager à continuer 😉

Payer un Café à Dgeo Dev

Laisser un commentaire

Fermer le menu

ESSAI GRATUIT DE SPEEDFLY

Tu aimes mon travail ? alors je te propose de tester Gratuitement mon thème Speedfly !