Shopify - Cancella la sessione al momento del checkout

Per prima cosa dovrai selezionare l'opzione " Elimina sessione al momento del checkout " nelle impostazioni del tuo dominio e impostare l'URL di conferma su /checkouts?/.*/thank[_|-]you

Dovrai quindi aggiungere uno script al tuo negozio Shopify che venga eseguito quando il cliente completa la procedura di pagamento.

Ci sono due opzioni che puoi utilizzare per abilitare la funzione "Elimina sessione al momento del checkout" nel tuo negozio Shopify: pixel personalizzato o script aggiuntivi.

Opzione 1: Pixel personalizzato (consigliato)#

Aggiungi un pixel personalizzato per rispondere al checkout_completed .

1. Vai alla pagina " Eventi dei clienti " nelle impostazioni della tua app Shopify https://admin.shopify.com/settings/customer_events

2. Fare clic su “Aggiungi pixel personalizzato”

3. Assegna un nome al pixel personalizzato (in questo esempio lo chiameremo CH-Destroy-On-Checkout) e fai clic su “Aggiungi pixel”.

4. Copia il codice JavaScript riportato di seguito e incollalo nell'editor del codice 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) {

  }

});

Dovrebbe apparire così.

Replace <CH_PUBLIC_KEY> with your CrowdHandler Public API key. For example:

const public_api_key = '04d34378b3abc6e3ce870828471636b9d1e157a1b7720821aed4c260108ebe22'

5. Fai clic su “Salva” per salvare il tuo pixel personalizzato.

6. Fai clic su " Connetti " per collegare il tuo pixel personalizzato al tuo negozio.

#

Opzione 2: Script aggiuntivi#

Per abilitare la funzione "Elimina sessione" al momento del checkout, dovrai aggiungere il tag JavaScript standard di CrowdHandler alla pagina di stato dell'ordine. Puoi farlo utilizzando il campo "Script aggiuntivi" di Shopify.

https://help.shopify.com/en/manual/orders/status-tracking/customize-order-status#add-additional-scripts

1. Accedi alle impostazioni del tuo negozio e clicca su "Checkout".

2. Scorri verso il basso e troverai il riquadro “Script aggiuntivi” relativo alla pagina “Stato dell’ordine”.

3. Inserisci il seguente tag script nell'intestazione di tutte le pagine che desideri proteggere.

Sostituisci " your-public-key " con la tua chiave API pubblica.

<script src="https://wait.crowdhandler.com/js/latest/main.js?id=your-public-key"></script>

Ad esempio, se la tua chiave API pubblica è 123456abcedf123456abcedf123456abcedf123456abcedf123456abcedf123, il tuo tag script sarà

<script src="https://wait.crowdhandler.com/js/latest/main.js?id=123456abcedf123456abcedf123456abcedf123456abcedf123456abcedf123"></script>

4. Salva le impostazioni.

Dopo che all'utente è stata mostrata la pagina "Stato dell'ordine", la sua sessione su CrowdHandler verrà chiusa e, qualora fosse necessario, verrà reindirizzato alla sala d'attesa quando passerà a una nuova pagina.