Guide pratique

Ajouter un produit Shopify à une leçon

Alva Courses peut afficher des produits de votre boutique Shopify dans une leçon. Le bloc Produit Shopify présente une carte produit en direct avec son image, son prix et un bouton d'achat : les étudiants peuvent ainsi se procurer le kit, le livre ou le prochain cours que vous recommandez sans quitter la leçon.

Ajouter le bloc

1. Dans l'admin Shopify, ouvrez Alva Courses, choisissez un cours et ouvrez une leçon.
2. Choisissez Ajouter du contenu → Produit Shopify. Le bloc est disponible dans le générateur de cours comme dans l'éditeur de leçons.
3. Cliquez sur Sélectionner un produit et choisissez un produit dans le sélecteur de produits Shopify.
4. Pour afficher d'autres produits dans le même bloc, cliquez sur Ajouter un autre produit. Un bloc contient jusqu'à 12 produits. Utilisez Changer de produit ou Retirer le produit pour modifier la liste.
5. Choisissez une mise en page, ce que la carte affiche et l'action du bouton d'achat, puis enregistrez la leçon.

Vérifier les avertissements sur les produits

Lorsque vous choisissez un produit, Alva Courses le vérifie dans votre boutique et vous avertit si les étudiants ne pourront pas l'acheter. Corrigez ces points dans Shopify, sous Produits, avant que les étudiants n'arrivent à la leçon.

• Brouillon ou archivé : les étudiants ne pourront ni voir ni acheter le produit.
• Non publié sur votre boutique en ligne : les étudiants ne le verront pas. Rendez le produit disponible sur le canal de vente Boutique en ligne.
• Plan d'abonnement : Acheter maintenant n'est pas disponible pour ce produit. Utilisez plutôt Ajouter au panier.
• Donne accès à un cours : une note vous rappelle que les étudiants qui possèdent déjà ce cours peuvent quand même l'acheter à nouveau.

Choisir une mise en page

Le réglage Mise en page détermine la façon dont les produits s'affichent dans la leçon. Carte est la valeur par défaut.

• Carte : l'image à côté des détails. Elle s'empile sur les écrans étroits.
• Bannière : une image pleine largeur avec les détails en dessous.
• Compact : une petite miniature, le titre, le prix et le bouton sur une seule ligne, sans la description. Convient à une liste de matériel de leçon.
• Grille : des cartes côte à côte, 2 par ligne ou 3 par ligne.
• Lien dans le texte : un lien arrondi affichant le titre et le prix du produit, sans image, description ni bouton.

Réglez Alignement sur Gauche, Centre ou Pleine largeur. Lorsque Afficher l'image est activé, choisissez un Format de l'image (Original, Carré, Standard ou Large ; Carré par défaut) et un Ajustement de l'image : Recadrer pour remplir ou Contenir dans le cadre.

Choisir ce que la carte affiche

Sous Contenu, Afficher la description utilise la description du produit Shopify, sans sa mise en forme. Réglez Source de la description sur Texte personnalisé pour expliquer plutôt en quoi le produit convient à cette leçon, en texte brut de 2 000 caractères maximum.

Longueur de la description limite la description à 2, 3 ou 5 lignes, ou l'affiche en entier. Trois lignes est la valeur par défaut. Afficher le prix et Afficher le prix d'origine en solde sont activés au départ. Afficher le badge Solde, Afficher le fournisseur et Afficher l'UGS sont désactivés au départ.

Configurer le bouton d'achat

Sous Bouton d'achat, l'Action du bouton détermine ce que les étudiants peuvent faire :

• Ajouter au panier (par défaut) ajoute le produit au panier habituel de votre boutique, le même que celui affiché par votre thème.
• Acheter maintenant affiche le bouton de paiement dynamique de Shopify, qui mène l'étudiant directement au paiement.
• Ajouter au panier et Acheter maintenant affiche les deux.
• Voir le produit renvoie vers la page du produit.
• Aucun bouton affiche le produit sans moyen de l'acheter depuis la leçon.

Laissez Texte du bouton vide pour utiliser les termes de votre thème, ou saisissez jusqu'à 80 caractères. Le Style du bouton peut être Plein, Contour ou Lien. Plein et Contour reprennent les styles de boutons de votre thème.

Le Sélecteur de variantes apparaît par défaut Uniquement si le produit a des options. Vous pouvez aussi choisir Toujours afficher ou Ne jamais afficher. Activez Afficher le sélecteur de quantité pour permettre aux étudiants d'en acheter plusieurs.

Lorsque le produit est épuisé définit ce qui se passe sans stock : Afficher un bouton désactivé (par défaut), Masquer le produit ou Lien vers la page du produit. Ouvrir la page du produit dans un nouvel onglet est activé au départ, pour que les étudiants gardent leur place dans la leçon.

Après l'ajout au panier détermine où va ensuite l'étudiant : Rester dans la leçon (par défaut), Aller au panier ou Passer à la caisse.

Ce que voient les étudiants

Chaque fois qu'un étudiant ouvre la leçon, la carte se charge depuis votre boutique : le prix, le prix soldé, l'image et le stock sont donc toujours à jour. Les prix suivent le format monétaire de votre boutique, et le texte par défaut du bouton provient de votre thème.

Lorsqu'un étudiant choisit une option et ajoute le produit, celui-ci va dans le panier habituel de votre boutique, avec tout ce qu'il a déjà ajouté. Avec Rester dans la leçon, il revient ensuite à la leçon et peut continuer à apprendre.

Si un produit est introuvable sur votre boutique en ligne, sa carte indique qu'il est indisponible au lieu de laisser un vide. Lorsque vous prévisualisez une leçon, la carte s'affiche avec ses boutons désactivés.

Voir aussi

Associez un cours au produit qui le vend dans Associer un cours à un produit Shopify. Ajoutez d'autres supports de leçon avec du texte, des images et des fichiers, et découvrez comment les étudiants avancent dans les leçons dans le lecteur de cours de la boutique.

Dernière mise à jour 2026-10-08