Des cadeaux qui s'intègrent à la stack que vous avez construite, sans y toucher
Un tiroir du panier personnalisé a lui aussi besoin d'options cadeau. Donnez un nom de classe à n'importe quel élément, et le Gift Block s'y affiche sans toucher au reste.
Le thème reste tel que vous l'avez livré
Vous l'avez construit de zéro, ou personnalisé au point de le rendre méconnaissable ? Les Gift Blocks sont des blocs d'application de thème chargés avec l'intégration d'application : les cadeaux arrivent sans rien ajouter au code du thème que vous auriez à maintenir.
- Aucun snippet à maintenir. Les fichiers du thème peuvent rester tels que livrés. Refactorisez librement : aucun snippet de cadeaux n'y est mêlé.
- Les mises à jour du thème à votre rythme. Les Gift Blocks se rattachent après chaque mise à jour du thème : la prochaine version n'a besoin d'aucune liste de vérification pour les cadeaux. Livrez un vendredi, s'il le faut.
- Des blocs d'application là où vos sections les acceptent. Sur la page produit et la page panier, les Gift Blocks s'ajoutent comme n'importe quel bloc d'application. Si une section n'en accepte aucun, Wrapped place le bloc lui-même.
Votre propre tiroir du panier, avec un Gift Block
Vous avez construit le tiroir vous-même ? Chaque Gift Block de la vitrine offre trois points d'ancrage stables précisément pour cela. La plupart des boutiques n'en ont jamais besoin : sans eux, Wrapped place chaque bloc lui-même.
- Un nom de classe de votre choix. Le Gift Block s'affiche dans l'élément qui le porte : sous chaque article, avant le bouton de paiement, là où le design le prévoit. Le balisage cellulaire et le balisage ordinateur peuvent tous deux le porter.
- Un événement JavaScript que vous nommez. Déclenché sur
documentetdocument.documentElementquand un client enregistre ou supprime des options cadeau. Il ne transmet aucune donnée du panier : votre écouteur récupère le panier et redessine le tiroir à votre façon. - Un UUID pour votre CSS. Chaque bloc le porte dans son attribut
uuid: le Gift Block du tiroir peut se faire compact tandis que celui de la page panier garde sa place.
Les Gift Blocks fonctionnent dans
- Le tiroir du thème. Placés pour vous.
- Les applications de tiroir du panier les plus populaires sur Shopify. Reconstruits quand le tiroir se charge tard.
- Un tiroir que vous avez construit. Placés grâce au nom de classe de votre choix.
Les composants de Shopify, dans le panier comme au paiement
Si vous connaissez Shopify, vous savez déjà comment fonctionnent les cadeaux. Chaque option cadeau est un vrai produit Shopify, avec son prix, son stock et son image, et le panier comme le paiement reposent sur les points d'extension de Shopify.
- Une fonction Cart Transform pour les lots. Groupé, le cadeau est inclus dans la ligne de son produit grâce à une fonction Cart Transform de Shopify. Détaillé, il a sa propre ligne. Dans les deux cas, la commande affiche chaque ligne à préparer.
- Une fonction de remise pour les remises cadeaux. Les remises sur les produits cadeaux s'appliquent automatiquement, figurent avec les autres dans les remises Shopify et se combinent avec les remises sur les produits, les commandes et l'expédition. Aucun code à saisir.
- Au paiement, sur Shopify Plus. Le Gift Block du paiement est une extension d'interface utilisateur du paiement, placée dans l'éditeur de paiement de Shopify et stylée par l'image de marque de votre paiement. Changez le style du paiement, et le bloc suit.
Les données des cadeaux là où votre flux regarde déjà
Votre synchronisation ERP et votre importation 3PL lisent déjà les commandes Shopify. Les cadeaux arrivent aux mêmes endroits : aucun nouveau flux à brancher, et personne ne ressaisit de message cadeau dans le système de l'entrepôt.
- Propriétés d'article et attributs de commande. Option cadeau, Pour, De et message, sur la ligne offerte avec Cadeaux pour les produits et sur la commande avec Cadeaux pour les commandes.
- Les clés qu'attend votre mappage. Les noms d'attributs peuvent correspondre à votre importation, et un trait de soulignement en début de nom masque un attribut aux clients tout en le gardant sur la commande.
- Un récapitulatif que votre parseur sait trouver. Un récapitulatif du cadeau s'ajoute à la note de commande, à partir d'un modèle Liquid, entre deux lignes — Wrapped Gifting Attributes —. Le reste de la note est conservé.
- Une balise qui cohabite avec les autres. La balise est 🎁 Wrapped ou la vôtre, et elle s'ajoute aux balises déjà présentes sur la commande.
Livrez une boutique cliente sans rien avoir à expliquer
Le prochain développeur hérite d'un thème sans aucun code de cadeaux de notre part, et l'équipe du client gère les cadeaux depuis l'interface administrateur Shopify, avec l'apparence que vous avez définie.
- Prêt sur un thème de préproduction. Configurez les cadeaux sur un thème de préproduction : ils sont prêts le jour où ce thème est publié.
- L'équipe du client s'en occupe. L'apparence du bloc et ses textes se gèrent dans l'Éditeur de cadeaux : remplacer « En faire un cadeau » par « Emballez-le pour le temps des Fêtes » relève de leur choix, pas d'une demande de soutien pour vous.
- Une note de passation qui tient sur un post-it. Si vous avez placé un bloc par nom de classe, indiquez l'élément ciblé, car ce balisage est le vôtre. Tout le reste se trouve dans l'interface administrateur Shopify.
Les premières questions des développeurs
La prochaine mise à jour du thème va-t-elle casser les cadeaux ?
Non. Les Gift Blocks sont des blocs d'application de thème chargés avec l'intégration d'application, les fichiers du thème peuvent rester tels que livrés, et les blocs se rattachent après les mises à jour du thème. Seul le balisage que vous avez ajouté vous-même est à reporter : un élément ciblé par un nom de classe doit aussi figurer dans la nouvelle version.
Un Gift Block peut-il figurer dans un tiroir du panier que j'ai construit moi-même ?
Oui. Donnez à un élément du tiroir un nom de classe de votre choix, et le Gift Block s'affiche à l'intérieur. Avec Cadeaux pour les produits, placez l'élément dans la boucle des articles pour que chaque article ait le sien. Un balisage cellulaire et un balisage ordinateur distincts peuvent tous deux porter le nom de classe.
L'événement JavaScript transmet-il les données du panier ?
Non. Wrapped déclenche l'événement que vous nommez sur document et sur document.documentElement quand un client enregistre ou supprime des options cadeau, et rien de plus. Votre écouteur récupère le panier et exécute votre propre code, par exemple pour redessiner un tiroir personnalisé sans recharger la page.
Sur quelles parties d'un Gift Block mon code peut-il s'appuyer ?
Trois : le nom de classe de votre choix, l'événement que vous nommez et l'UUID dans l'attribut uuid du bloc. Le balisage à l'intérieur d'un Gift Block n'en fait pas partie : appuyez-vous sur ces trois éléments et laissez l'apparence à l'Éditeur de cadeaux.
Que reçoit une importation ERP ou 3PL d'une commande cadeau ?
Des données de commande Shopify standard. Option cadeau, Pour, De et message sont des propriétés d'article avec Cadeaux pour les produits et des attributs de commande avec Cadeaux pour les commandes, et leurs noms peuvent correspondre à votre importation. Un récapitulatif du cadeau s'ajoute à la note de commande à partir d'un modèle Liquid, entre deux lignes — Wrapped Gifting Attributes —, et la balise 🎁 Wrapped, ou la vôtre, s'ajoute aux balises de la commande. Les propriétés et les attributs sont présents dès la création de la commande. Le récapitulatif dans la note et la balise suivent en une minute ou deux.
Puis-je styliser le Gift Block du paiement ?
Grâce à l'image de marque de votre paiement. Sur Shopify Plus, le Gift Block du paiement est une extension d'interface utilisateur du paiement, placée dans l'éditeur de paiement de Shopify et stylée par l'image de marque que vous avez déjà définie, sous chaque article ou une seule fois pour la commande.
Des Gift Blocks qui s'intègrent à votre stack sans y toucher
Commencez par un essai gratuit de 7 jours.
… Before we had even paid a cent for Wrapped, Adam answered questions, got into the nitty-gritty of coding and integration with our web developer. …