ℹ️ Note: Cet article a été traduit automatiquement en utilisant l'IA et peut contenir des inexactitudes. Si quelque chose ne va pas, veuillez contacter notre équipe de soutien.

Vous voulez votre Upsell & Cross Sell widget pour apparaître exactement où vous Le vouloir — pas seulement dans les spots par défaut? 🎯

C'est exactement ce que Position personnalisée option dans Hoppy Upsell & Cross Sell est conçu pour.

Au lieu de compter sur le placement automatique de l'application, Custom Position vous permet de décider de l'emplacement précis de votre widget en utilisant:

• 🧩 Un thème Bloc de l'application (pas de codage nécessaire)
• 📝 A extrait de code vous pouvez coller dans une section Custom Liquid ou vos fichiers thématiques

C'est parfait quand vous voulez que le widget s'assoie entre des sections spécifiques — par exemple, juste sous votre description de produit, à l'intérieur d'un onglet, ou au-dessus des totaux du panier — de sorte qu'il se mélange naturellement dans votre conception de magasin. ✨

🗺️ Où la position personnalisée fonctionne

La position personnalisée peut être utilisée sur les pages suivantes :

• Page produit → n'importe où dans votre modèle de produit
• Page panier → n'importe où dans votre modèle de panier

ℹ️ Position personnalisée est uniquement pris en charge sur le Page produit et Page panier. Les Tiroir est rendu dynamiquement par votre thème, donc les blocs d'application ne peuvent pas être placés à l'intérieur — pour le tiroir du panier, utiliser le dédié Tiroir Le type de placement plutôt.

✅ Avant de commencer

Assurez-vous que les éléments suivants sont en place avant de mettre en place une position personnalisée :

• Les Upsell Cross-Sell Slider application intégrée est activé dans votre thème → Shopify Admin → Boutique en ligne → Thèmes → Modifier le thème → App Embeds → Upsell Cross-Sell Slider → ON → Enregistrer

⚠️ Sans l'intégration de l'application, le script widget ne se charge jamais — donc rien n'apparaîtra, même si le bloc est placé correctement.

• Vous avez votre Numéro de vente pratique. Tu ne sais pas où la trouver ? Voir 🔎 Comment trouver l'identité d'Upsell?.

🛠️ Étape 1 — Activer la position personnalisée dans l'application

Il y a deux façons d'allumer Custom Position — choisissez la correspondance de votre situation.

Option A — Créer une nouvelle position personnalisée

Ouvrir la Hoppy Upsell & Cross Sell app, puis:

→ Cliquez sur Créer de nouvelles ventes

→ Sur l'écran de type placement, sélectionnez Position personnalisée

Il en résulte une nouvelle upsell dont le placement est déjà prévu Position personnalisée — vous allez configurer son contenu et son design comme d'habitude, puis le placer sur votre thème dans les prochaines étapes.

Option B — Changer une mise à niveau existante en position personnalisée

Déjà Page produit ou Page panier La vente ? Vous pouvez le convertir :

→ Ouvrir le upsell de votre tableau de bord → Aller au Placement onglet → Sous Affichage (inclus), ouvrez le menu déroulant du placement et sélectionnez Position personnalisée

💡 Passage à Position personnalisée efface le placement automatique, de sorte que le widget n'apparaîtra que là où vous le placez vous-même dans le thème.

💾 Étape 2 — Enregistrer pour obtenir votre identifiant de vente et code extrait

Position personnalisée fonctionne en comparant votre placement thématique à une upsell spécifique en utilisant son Numéro de vente.

Après sélection Position personnalisée:

→ Cliquez sur Enregistrer

Une fois enregistré, le Placement onglet révèle deux éléments prêts à la copie:

• Numéro de vente → l'identifiant unique de cette upsell (avec un bouton de copie 📋)
• Extrait de code Upsell → un extrait de code HTML prêt à l'emploi (également avec un bouton de copie)

ℹ️ Celles-ci apparaissent seulement après avoir économisé. Si vous voyez "Save" pour voir l'identifiant d'Upsell et l'extrait de code, appuyez juste sur Save first.

🧩 Étape 3 — Placez le widget sur votre thème

Maintenant choisissez comment vous voulez placer le widget. Les deux méthodes de travail modèle de produit et les modèle de panier.

Méthode 1 — Utilisation du bloc d'application thématique (Recommandé)

C'est la façon la plus facile, sans code 🎉

→ Aller à Shopify Admin → Boutique en ligne → Thèmes → Modifier le thème → À partir du haut de page, ouvrez le modèle où vous voulez le widget:

• Produits → Produit par défaut (pour les pages de produits)
• Panier (pour la page du panier)

→ Dans le panneau de gauche, cliquez Ajouter un bloc (ou Ajouter une section) → Sous Applications, sélectionner Bloc de ventes croisées Upsell

→ Dans les paramètres de bloc, collez votre Numéro de vente dans la Numéro de vente champ → Faites glisser le bloc vers votre position préférée ⬆️⬇️ → Cliquez sur Enregistrer

💡 Juste après avoir publié une mise à jour, l'application montre également une Ajouter un bloc d'application bouton raccourci dans la bannière de confirmation — il ouvre votre éditeur de thème directement avec le bloc prêt à ajouter.

⚠️ Si Numéro de vente le champ est laissé vide, le bloc affiche un --Veuillez configurer l'ID d'Upsell pour utiliser le bloc d'applications.--

Méthode 2 — Utilisation d'un bloc liquide personnalisé / extrait de code

Préférez plus de contrôle, ou voulez le widget quelque part les blocs d'application sont-ils disponibles? Utilisez plutôt l'extrait de code.

→ Dans l'éditeur de thème, ajouter un Liquide personnalisé bloc ou section où vous voulez le widget → Coller le Extrait de code Upsell vous avez copié depuis l'application. Ça ressemble à ça :

→ Cliquez sur Enregistrer

L'application trouve automatiquement ce placeholder sur la page et rend le widget upsell correspondant à l'intérieur de celle-ci — même si votre thème renverse la section plus tard 🔄

💡 Vous pouvez également coller l'extrait de code directement dans votre thème.

📌 Notes et avertissements importants

• ⚠️ L'application intégrée doit rester allumée — les deux méthodes dépendent Slider de vente croisée l'application est activée.
• ⚠️ Conçu pour les pages Produit & Panier — Position personnalisée est construit et pris en charge pour les pages de produits et la page du panier. Le widget rend chaque fois qu'il trouve le détenteur de place de bloc/snippet sur la page, donc ne le placer sur ces modèles — le placer ailleurs (comme la page d'accueil ou les collections) n'est pas supporté et peut produire des résultats inattendus.
• 💡 Un ID = un upsell — l'identifiant d'upsell à l'intérieur du bloc ou de l'extrait décide de l'affichage d'upsell. Pour afficher une nouvelle version, changez dans son ID.
• 💡 Placements multiples — vous pouvez ajouter le même bloc ou l'extrait de code dans plus d'un endroit (par exemple, page de produit et page du panier) en utilisant le même identifiant Upsell.
• ⚠️ Publiez votre upsell — la mise à jour doit être publié dans l'application, sinon rien ne rend sur le devant du magasin.
• ℹ️ Les conditions d'affichage s'appliquent toujours — les règles de ciblage comme le statut de connexion client, la géolocalisation, la valeur du chariot ou la programmation sont toujours respectées dans des positions personnalisées. Voir 🎯 Options de ciblage avancées pour Upsell & Cross Sell pour plus de détails.

🎉 Résultat final

Une fois que tout est réglé :

✅ Votre widget upsell apparaît exactement là où vous avez placé le bloc ou l'extrait ✅ Il met automatiquement à jour votre contenu, votre conception et vos paramètres de ciblage depuis l'application ✅ Vous pouvez librement déplacer, supprimer ou réajouter le placement à tout moment de l'éditeur de thèmes — pas besoin de retoucher l'application

Voici à quoi il ressemble sur une page de produit:

🛟 Dépannage

Si votre widget n'apparaît pas après le placement:

• 🔎 Vérifiez deux fois application intégrée est activé et enregistré
• 🔎 Confirmer Numéro de vente dans le bloc correspond à l'upsell que vous avez publié
• 🔎 Assurez-vous de placer le bloc sur un Produit ou panier modèle
• 🔎 Vérifiez que la vente est publié et non programmé en dehors de la date actuelle

Toujours coincé ? Vérifier Upsell & Cross Sell n'est pas affiché sur mon magasin [Fixed] pour une liste de contrôle complète.

📚 Guides connexes

• 🔎 Comment trouver l'identifiant d'Upsell ?
• 🎨 Upsell & Cross Sell – Conception et styling
• 🎯 Options de ciblage avancées pour Upsell & Cross Sell
• Upsell & Cross Sell n'est pas montré sur mon magasin [Fixé]

Mis à jour le : 15/09/2026