Fast Tags | Comment installer

💡 Les Fast tags sont disponibles sur Shopify et WooCommerce. Découvrez comment les installer sur votre boutique.

Activez les Fast Tags sur votre boutique

Comment choisir votre méthode d'affichage

Bigblue propose deux façons d'afficher les Fast Tags sur votre boutique :

Placement automatique sur les pages de produits

Lorsque vous utilisez cette méthode, une adresse Fast Tag sera affichée dans vos pages de produits, au-dessus du premier bouton "Ajouter au panier".

Sur Shopify

Cette solution fonctionne avec les thèmes et modèles Shopify standard, non personnalisés. Une fois le placement automatique activé, aucune action supplémentaire n'est requise. Le site Fast Tags devrait s'afficher sur les pages produits de votre site après quelques secondes.

L'étiquette injectée est automatiquement mise à jour lorsqu'une autre variante de produit est sélectionnée.

⚠️ Dans certains cas, le placement automatique ne fonctionne pas et le site Fast Tag ne s'affiche pas (ou s'affiche au mauvais endroit). Dans ce cas, il est préférable d'utiliser le placement manuel.

Sur WooCommerce

Pour utiliser cette méthode, installez ou mettez à jour le plugin Bigblue WooCommerce. Une fois le placement automatique activé, aucune action supplémentaire n'est nécessaire. Le site Fast Tags devrait s'afficher sur les pages produits de votre site après quelques secondes.

La balise injectée est automatiquement mise à jour lorsqu'une autre variation de produit est sélectionnée.

Placement manuel

Le placement manuel vous permet d'afficher Fast Tags librement sur votre magasin, offrant ainsi une personnalisation supplémentaire :

  • Choisissez entre 2 types de badges
    • Badge de produit : Offrir une promesse de livraison pour un produit spĂ©cifique.
    • Badge de panier : Offrir une promesse de livraison basĂ©e sur tous les produits du panier.
  • Afficher plusieurs badges
    • Sur Shopify, Fast Tags peut ĂŞtre affichĂ© sur chaque page.
    • Sur WooCommerce, Fast Tags peut ĂŞtre affichĂ© sur les pages de produits, les listes de produits et dans le panier.

Comment placer manuellement les Fast Tags

⚠️ Pour placer Fast Tags manuellement, Bigblue recommande aux commerçants de se faire assister par un développeur ou d'avoir de l'expérience dans l'édition de leur modèle de boutique.

Sur Shopify

Extraits de code

To add Fast Tags manually to your shop, you need to edit your shop template, to put <bigblue></bigblue> code where you want to display Fast Tags.

Pour injecter le badge Produit, utilisez le code suivant :

<bigblue data-component="fast-tag-product" data-product="{{ product.id }}" data-variant="{{ product.selected_or_first_available_variant.id }}"></bigblue>

Pour injecter un badge Cart, utilisez le code suivant :

<bigblue data-component="fast-tag-cart"></bigblue>

Placez une page Fast Tag dans vos pages produits

  • Dans Shopify, allez dans Boutique en ligne → Thèmes
  • Ă€ droite, cliquez sur "Personnaliser".

https://s3.amazonaws.com/helpscout.net/docs/assets/5e66beb204286364bc96712d/images/6363e0703ae00b1411b9e124/file-Un4sc5ZtMY.png

  • SĂ©lectionnez une page de produit Ă  modifier

https://s3.amazonaws.com/helpscout.net/docs/assets/5e66beb204286364bc96712d/images/6363aab368af3518960f76fe/file-5z5MDXtfeQ.png

  • Cliquez sur "Ajouter un bloc" et sĂ©lectionnez "Liquide personnalisĂ©".

https://s3.amazonaws.com/helpscout.net/docs/assets/5e66beb204286364bc96712d/images/6363adc1bc057a49242e2707/file-bKg4AVr3RX.png

  • Ensuite, faites-le glisser et dĂ©posez-le Ă  l'endroit oĂą vous souhaitez que le site Fast Tag soit affichĂ©.

https://s3.amazonaws.com/helpscout.net/docs/assets/5e66beb204286364bc96712d/images/6363ae0ab9b0d33dccc2286e/file-DAJd7snGLP.png

  • Copiez et collez le code suivant

<bigblue data-component="fast-tag-product" data-product="{{ product.id }}" data-variant="{{ product.selected_or_first_available_variant.id }}"></bigblue>

https://s3.amazonaws.com/helpscout.net/docs/assets/5e66beb204286364bc96712d/images/6363d23b3ae00b1411b9e0a9/file-HVpo0ucwOO.png

  • Sauvegarder (et publier si demandĂ©)
  • 🎉 Vous avez rĂ©ussi Ă  injecter le site Fast Tag sur votre page produit

https://s3.amazonaws.com/helpscout.net/docs/assets/5e66beb204286364bc96712d/images/6363d2ee68af3518960f780a/file-v6Ifa6IxUm.png

Placez un Fast Tag dans votre panier

  • Dans Shopify, allez dans Boutique en ligne → Thèmes
  • Ă€ droite, cliquez sur "Personnaliser".

https://s3.amazonaws.com/helpscout.net/docs/assets/5e66beb204286364bc96712d/images/6363e0703ae00b1411b9e124/file-Un4sc5ZtMY.png

  • SĂ©lectionnez la page du panier

  • Cliquez sur "Ajouter une section" et sĂ©lectionnez "Liquide personnalisĂ©".

  • Copiez et collez le code suivant

<bigblue data-component="fast-tag-cart"></bigblue>

  • Sauvegarder (et publier si demandĂ©)
  • 🎉 Vous avez injectĂ© avec succès le Fast Tag dans votre panier

Sur WooCommerce

Pour ajouter manuellement Fast Tags à votre boutique, vous devez éditer les fichiers PHP générant les pages de votre site. Dans la plupart des cas, ils sont disponibles sur  /var/www/html/wp-content/plugins/woocommerce/templates .

Pour afficher une page Fast Tag sur WooCommerce, ajoutez l'extrait de code suivant dans le code HTML, en remplaçant YOUR_PRODUCT_ID par l'ID du produit, et YOUR_VARIATION_ID, s'il existe, par l'ID de la variation.

<bigblue data-component="fast-tag-product" data-product="YOUR_PRODUCT_ID" data-variant="YOUR_VARIATION_ID"></bigblue>

Selon la façon dont vous prévoyez d'injecter ce snippet, vous pouvez bénéficier des globaux WooCommerce pour déduire automatiquement l'ID du produit et l'ID de la variante de la page du produit. Par exemple, lorsque vous modifiez short-description.php pour injecter un badge sur un produit avec ou sans variantes :

<div class="woocommerce-product-details__short-description">

<?php echo $short_description; ?>

<?php

produit = wc_get_product() ;

if ($product) {

if ( $product->is_type( 'variable' ) ) {

$childrens = $product->get_children() ;

if ($childrens) {

$defaultvariation = "" ;

foreach ($childrens as $productChild) {

$defaultvariation = wc_get_product($productChild)->get_variation_id() ;

}

echo "<bigblue data-component=\"fast-tag-product\" data-product=\"".$product->get_id()."\" data-variant=\"".$defaultvariation."\"></bigblue>";

}

wc_enqueue_js("

$('form.variations_form' ).on('show_variation', function(_, data){

var updatedVariation = data.variation_id.toString()

if( updatedVariation != \"\" ) {

var tags = document.body.querySelectorAll('bigblue[data-component=\"fast-tag-product\"]')

if (tags !== undefined){

for (var i=0; i < tags.length; i++) {

if (tags[i].getAttribute(\"data-product") === \"".$product->get_id()."\") {

tags[i].setAttribute(\"data-variant\", updatedVariation) ;

}

}

}

}

}) ;

") ;

} else {

echo "<bigblue data-component=\"fast-tag-product\" data-product=\"".$product->get_id()."\"></bigblue>";

}

}

?>

</div>

Veuillez prendre contact avec votre administrateur pour plus de détails.

Dépannage de l'injection personnalisée

Vous avez installé Fast tags, mais le badge ne s'affiche pas ?

Vérifier que le(s) produit(s) sont en stock

Le badge n'est pas injecté si un ou plusieurs produits ne sont pas en stock.

  • Dans Bigblue, allez dans l'Inventaire
  • La quantitĂ© de produit(s) doit ĂŞtre positive

ℹ️ Dans le cas du badge Panier, le badge est masqué si au moins un produit n'est pas disponible.

Utilisez la méthode de placement manuel

Dans certains cas, le placement automatique ne fonctionne pas. Le badge s'affiche à un mauvais endroit, ou ne s'affiche pas du tout. Dans ce cas, vous devez utiliser la méthode de placement manuel.

https://s3.amazonaws.com/helpscout.net/docs/assets/5e66beb204286364bc96712d/images/636a8f2cce52297f18e8754a/file-wqrl3kGmEE.png

Shopify uniquement - Supprimer les tarifs personnalisés supplémentaires

Les tarifs d'expédition personnalisés, connus sous le nom de profils d'expédition, empêchent Bigblue de calculer une méthode de livraison. Dans ce cas, Fast Tags n'est pas affiché.

Si vos tarifs d'expédition personnalisés ne sont pas utilisés, vous pouvez les supprimer :

  • Dans Shopify, allez dans Paramètres → ExpĂ©dition et livraison.
  • Ă€ droite du tarif d'expĂ©dition personnalisĂ©, cliquez sur "GĂ©rer".

https://d33v4339jhl8k0.cloudfront.net/docs/assets/5e66beb204286364bc96712d/images/6357dfe04d805871ceaa669c/file-SH5NdJrAd3.png

  • En bas, cliquez sur "Supprimer le profil".

WooCommerce uniquement - Assurez-vous que la dernière version du plugin Bigblue est installée.

Le Fast Tags nécessite l'installation ou la mise à jour du Bigblue WooCommerce Plugin.

Vérifier que vous avez des commandes auto-fulfill

Pour afficher Fast Tags, le paramètrefulfillment de votre boutique doit être activé.

  • Dans Bigblue, allez sur le site Shop integrations → Votre boutique.
  • Activez la fonction "Auto-fulfill commandes".

Si cette option est volontairement désactivée et/ou ne peut être activée, veuillez contacter notre équipe d'assistance.

Effacez vos cookies et réessayez

Bigblue utilise des tests A/B pour mesurer et améliorer les performances de Fast Tags . Ces tests A/B peuvent temporairement masquer le site Fast Tags pour un petit pourcentage d'utilisateurs.

Pour le vérifier, effacez les cookies de votre navigateur et rechargez la page.

Pourquoi dois-je attendre quelques secondes lors de la première activation avant de voir Fast Tags?

Bigblue utilise le cache pour afficher rapidement Fast Tags sur votre boutique. Pour cette raison, il se peut que vous deviez attendre jusqu'Ă  1 minute avant de voir Fast tags sur votre site.

Si aucune de ces solutions ne fonctionne, veuillez contacter notre équipe d'assistance !

Cela a-t-il répondu à votre question ? Merci pour le retour d'information Il y a eu un problème pour soumettre vos commentaires. Veuillez réessayer plus tard.

Vous avez encore besoin d'aide ? Contactez nous Nous contacter