Bonjour. Comment pouvons-nous vous aider ?

Intégration de Loyalty à un panier personnalisé

Lightspeed Loyalty a été lancé officiellement le 31 mars 2020. Tout thème modifié avant cette date qui visait à contourner le code original du panier doit être mis à jour pour prendre en charge Lightspeed Loyalty. Pour déterminer si un thème contourne le code original du panier, vous pouvez :

  • Examiner les paramètres du thème pour voir s’ils contiennent un bouton bascule permettant d’activer des fonctions de panier sur mesure.
  • Vous adresser au développeur du code d’origine pour savoir si le code par défaut du panier a été contourné.
  • Inspecter le fichier fixed.rain dans le code du thème à la recherche d’instructions SI se rapportant à cart.rain.
  • Trouver un extrait customcart.rain dans le code du thème.
  • Tester une boutique pour laquelle Loyalty est activé afin de vérifier les éléments ci-dessous.

Votre panier personnalisé doit prendre en charge les deux éléments de panier suivants : la boîte de dialogue pour l’adhésion à Loyalty et la liste déroulante Récompenses.

  1. Boîte de dialogue pour l’adhésion à Loyalty

    Cet élément encourage les clients à adhérer et à participer au programme de fidélisation.

     Client non connecté Loyalty_Not_Log_EN.png Client connecté, non abonné à Loyalty Loyalty_Verify_EN.png

    Le code du thème par défaut de Lightspeed est présenté ci-dessous. Vous devrez modifier ce code pour qu’il
    fonctionne avec votre implémentation.

    <div class="gui-block gui-reward-cart-block">
    <div class="gui-block-title">
    <strong>Want to earn points on every order?</strong>
    </div>
    <div class="gui-block-content gui-align-center">
    <a href="http://charlene-production-retail-omni.shoplightspeed.com/en/loyalty/" class="gui-button-small" title="Learn more">Learn more</a>
    <a href="https://charlene-production-retail-omni.shoplightspeed.com/en/account/" class="gui-button-small" title="My Account / Register">My Account / Register</a>
    </div>
    </div>
  2. Liste déroulante Récompenses

    La liste déroulante Récompenses remplace la boîte de dialogue pour l’adhésion à Loyalty lorsque le client est connecté
    à son compte et qu’il est membre du programme de fidélisation. Lorsque le client clique sur cette liste, le système examine le panier
    et présente une liste des récompenses admissibles, le cas échéant. Vous devriez afficher cette boîte lorsqu’un client est connecté à son compte et que la valeur de la variable de panier customer_loyalty est TRUE. 

    Avant l’évaluation du panier

    Loyalty_BeforeEv_EN.png

    Récompense non offerte en raison d’une réduction

    Loyalty_B4_EN.png

    Récompenses offertes

    Loyalty_RewardsAv_EN.png

    Servez-vous du point de terminaison EvaluateCartReward afin de déterminer si des récompenses sont offertes pour le panier courant. Pour ce faire, vous pouvez utiliser l’URL suivante : https://[URLdelaboutique].com/[langue]/services/getEvaluateCartRewards/. Cette procédure ne fonctionne pas pour les boutiques qui n’utilisent pas le protocole SSL.

    Voici un exemple du code HTML et Javascript utilisé pour le panier par défaut de Lightspeed :

    <div class="gui-block gui-reward-cart-block">
    <div class="gui-block-title gui-reward-cart-block-title" id="rewardCartTitle">
    <strong>Rewards</strong>
    <div class="gui-reward-cart-arrow gui-reward-cart-arrow-up"></div>
    </div>
    <div class="gui-align-center gui-cart-rewards-list-block" id="accountRewardList" data-loaded="false">
    <img class="gui-reward-cart-loading" src="https://cdn.shoplightspeed.com/assets/gui-loading.gif?2019-08-16" style="display: none;">
    <ul class="gui-cart-rewards-list" id="cartRewardsList">
    <form id="gui-form-cart-rewards-1" action="https://charlene-production-retail-omni.shoplightspeed.com/en/cart/applyReward/" method="post">
    <li class="gui-option gui-cart-rewards-item">
    <div class="gui-cart-rewards-content gui-cart-rewards-list-title">
    <div class="gui-cart-rewards-list-name">$10.00 off</div>
    <div class="gui-cart-rewards-list-info">Valid for: All</div>
    </div>
    <div class="gui-cart-rewards-content gui-cart-rewards-list-points">0pts</div>
    <div class="gui-cart-rewards-content gui-cart-rewards-list-apply"><button type="submit" class="gui-button-small gui-cart-rewards-list-apply-btn">Apply</button></div>
    </li><input type="hidden" name="reward_id" value="32">
    </form>
    <form id="gui-form-cart-rewards-2" action="https://charlene-production-retail-omni.shoplightspeed.com/en/cart/applyReward/" method="post">
    <li class="gui-option gui-cart-rewards-item">
    <div class="gui-cart-rewards-content gui-cart-rewards-list-title">
    <div class="gui-cart-rewards-list-name">$10 OFF ANY ITEM</div>
    <div class="gui-cart-rewards-list-info">Valid for: ROSE BOUQUET</div>
    </div>
    <div class="gui-cart-rewards-content gui-cart-rewards-list-points">10pts</div>
    <div class="gui-cart-rewards-content gui-cart-rewards-list-apply"><button type="submit" class="gui-button-small gui-cart-rewards-list-apply-btn">Apply</button></div>
    </li><input type="hidden" name="reward_id" value="22">
    </form>
    <form id="gui-form-cart-rewards-3" action="https://charlene-production-retail-omni.shoplightspeed.com/en/cart/applyReward/" method="post">
    <li class="gui-option gui-cart-rewards-item">
    <div class="gui-cart-rewards-content gui-cart-rewards-list-title">
    <div class="gui-cart-rewards-list-name">10% OFF ANYTHING</div>
    <div class="gui-cart-rewards-list-info">Valid for: ROSE BOUQUET</div>
    </div>
    <div class="gui-cart-rewards-content gui-cart-rewards-list-points">10pts</div>
    <div class="gui-cart-rewards-content gui-cart-rewards-list-apply"><button type="submit" class="gui-button-small gui-cart-rewards-list-apply-btn">Apply</button></div>
    </li><input type="hidden" name="reward_id" value="21">
    </form>
    <form id="gui-form-cart-rewards-4" action="https://charlene-production-retail-omni.shoplightspeed.com/en/cart/applyReward/" method="post">
    <li class="gui-option gui-cart-rewards-item">
    <div class="gui-cart-rewards-content gui-cart-rewards-list-title">
    <div class="gui-cart-rewards-list-name">10% OFF FLOWERS</div>
    <div class="gui-cart-rewards-list-info">Valid for: ROSE BOUQUET</div>
    </div>
    <div class="gui-cart-rewards-content gui-cart-rewards-list-points">10pts</div>
    <div class="gui-cart-rewards-content gui-cart-rewards-list-apply"><button type="submit" class="gui-button-small gui-cart-rewards-list-apply-btn">Apply</button></div>
    </li><input type="hidden" name="reward_id" value="24">
    </form>
    </ul>
    </div>
    </div>

Cet article vous a-t-il été utile ?

Utilisateurs qui ont trouvé cela utile : 0 sur 0