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

• Pour activer Fast Tags sur votre boutique, allez dans les paramètres d'intégration de votre boutique.
• Cliquez sur "Edit" à côté des Fast Tags
• Sur la page des paramètres de Fast Tags , sélectionnez votre méthode d'affichage
• Cliquez sur "Enregistrer et activer".

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
• Placement manuel

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
• Sur WooCommerce

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".

• Sélectionnez une page de produit à modifier

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

• Ensuite, faites-le glisser et déposez-le à l'endroit où vous souhaitez que le site Fast Tag soit affiché.

• 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>

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

Placez un Fast Tag dans votre panier

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

• 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.

• Dans Bigblue, allez sur Shop integrations → Votre boutique → Fast tags
• Sélectionnez l'option"Placer le badge manuellement" et enregistrez.
• Suivez le guide pour placer Fast Tags manuellement

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".

• 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 !