Déclassé - Voir Shopify - Enable Checkout Post-Processing & Stock Syncing
Dans un premier temps, vous devrez vérifier la session Destroy dans les paramètres de votre domaine et définir l'URL de confirmation à /checkouts?/.*/thank[_|-]you.
Vous devrez ensuite ajouter à votre boutique Shopify un script qui s'exécute lorsque le client passe à la caisse.
Il y a 2 options que vous pouvez utiliser pour activer Destroy session on checkout sur votre boutique Shopify : Custom pixel (pixel personnalisé) ou Additional Scripts (scripts supplémentaires).
Option 1 : Pixel personnalisé (recommandé)
Ajoutez un pixel personnalisé pour répondre à la commande checkout_completed .
1. Allez sur la page des événements clients dans les paramètres de votre application Shopify https://admin.shopify.com/settings/customer_events
2. Cliquez sur Ajouter un pixel personnalisé
3. Nommez le pixel personnalisé, dans cet exemple nous l'appelons CH-Destroy-On-Checkout, et cliquez sur Ajouter un pixel.
4. Copiez le javascript ci-dessous et collez-le dans l'éditeur de code pixel
analytics.subscribe('checkout_completed', (event) => {
try {
const crowdhandler_tokens = localStorage.getItem("crowdhandler");
const ch_tokens = JSON.parse(crowdhandler_tokens);
if (ch_tokens && ch_tokens.token) {
const href = encodeURI(event.context.document.location.href);
const public_api_key = '<CH_PUBLIC_KEY>';
const token = ch_tokens.token[event.context.document.location.hostname];
if (token) {
const uri = `https://api.crowdhandler.com/v1/requests/${token}?url=${href}&ch-public-key=${public_api_key}`;
fetch(uri, {
method: 'GET'
});
}
}
} catch (error) {
}
});Il devrait ressembler à ceci.
Replace <CH_PUBLIC_KEY> with your CrowdHandler Public API key. For example:
const public_api_key = '04d34378b3abc6e3ce870828471636b9d1e157a1b7720821aed4c260108ebe22'
5. Cliquez sur Enregistrer pour sauvegarder votre pixel personnalisé.
6. Cliquez sur Connecter pour connecter votre pixel personnalisé à votre boutique.
Option 2 : Scripts supplémentaires
Pour activer la session Destroy lors du paiement, vous devrez ajouter la balise JavaScript standard CrowdHandler à votre page d'état de la commande. Ceci peut être réalisé en utilisant la boîte de scripts additionnels de Shopify.
1. Accédez aux paramètres de votre magasin et cliquez sur Commander.
2. Faites défiler vers le bas et vous trouverez la boîte de scripts supplémentaires pour la page d'état de la commande.
3. Insérez la balise de script suivante dans l'en-tête de toutes les pages que vous souhaitez protéger.
Remplacez votre-clé-publique par votre clé d'API publique.
<script src="https://wait.crowdhandler.com/js/latest/main.js?id=your-public-key"></script>
Par exemple, si votre clé d'API publique est 123456abcedf123456abcedf123456abcedf123456abcedf123456abcedf123456abcedf123, votre balise de script sera la suivante
<script src="https://wait.crowdhandler.com/js/latest/main.js?id=123456abcedf123456abcedf123456abcedf123456abcedf123456abcedf123"></script>
Notez que cet include javascript n'est pas le même que le fichier inclus dans votre fichier theme.liquid
4. Enregistrez vos paramètres.
Une fois que l'utilisateur a accédé à la page d'état de la commande, sa session CrowdHandler est détruite et il est redirigé vers la salle d'attente lorsqu'il navigue vers une nouvelle page, s'il est tenu de le faire.
