Mostra i contenuti in base alla modalità di spedizione

Attenzione

Questo è un tutorial avanzato e non è supportato da Shopify. Richiede la conoscenza di linguaggi di web design come HTML, CSS, Javascript e Liquid. Ti consigliamo di rivolgerti a un Partner di Shopify se incontri difficoltà con il tutorial seguente.

Nota

Gli script aggiuntivi per personalizzare la pagina di stato dell'ordine sono deprecati.

I merchant con i piani Basic, Shopify e Advanced possono personalizzare la pagina di stato dell'ordine utilizzando l'editor di check-out e account. I merchant Shopify Plus possono utilizzare Checkout Extensibility per personalizzare la pagina di stato dell'ordine.

Puoi utilizzare uno script condizionale con la variabile checkout.shipping_method.title per mostrare il contenuto nella pagina di stato dell'ordine quando per un ordine è stata utilizzata una particolare modalità di spedizione.

Ad esempio, potresti offrire un'opzione di ritiro in negozio ai clienti che vivono abbastanza vicino al tuo negozio fisico tradizionale. Se selezionano l'opzione ritiro in negozio, puoi comunicare loro l'indirizzo del tuo negozio al dettaglio sulla pagina di stato dell'ordine.

Procedura:

Desktop

1. Dal pannello di controllo di Shopify passa a Impostazioni > Check-out.
2. Scorri verso il basso fino alla sezione Script aggiuntivi.
3. Copia il codice seguente negli Appunti (Cmd + C su Mac, Ctrl + C su PC).

  <script>
    // DEBUG {{ checkout.shipping_method.title }} has been used
    {% if checkout.shipping_method.title == 'Pick-up at the store' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        `<p>Okay, we're ready for you to collect your products from 17 Mapple Crescent, Toronto. Our store is open 9:00 to 5:00 every day.</p>`
      )
    {% endif %}
  </script>

1. Incolla il codice nella casella Script aggiuntivi (Cmd + V su Mac, Ctrl + V su PC).
2. Inserisci un ordine di prova per visualizzare la pagina di stato dell’ordine.

iPhone

1. Nell'app di Shopify tocca il pulsante …, quindi tocca Impostazioni.
2. Nella sezione Impostazioni negozio, tocca Check-out.
3. Scorri verso il basso fino alla sezione Script aggiuntivi.
4. Copia il codice seguente negli Appunti (Cmd + C su Mac, Ctrl + C su PC).

  <script>
    // DEBUG {{ checkout.shipping_method.title }} has been used
    {% if checkout.shipping_method.title == 'Pick-up at the store' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        `<p>Okay, we're ready for you to collect your products from 17 Mapple Crescent, Toronto. Our store is open 9:00 to 5:00 every day.</p>`
      )
    {% endif %}
  </script>

1. Incolla il codice nella casella Script aggiuntivi (Cmd + V su Mac, Ctrl + V su PC).
2. Inserisci un ordine di prova per visualizzare la pagina di stato dell’ordine.

Android

1. Nell'app di Shopify tocca il pulsante …, quindi tocca Impostazioni.
2. Nella sezione Impostazioni negozio, tocca Check-out.
3. Scorri verso il basso fino alla sezione Script aggiuntivi.
4. Copia il codice seguente negli Appunti (Cmd + C su Mac, Ctrl + C su PC).

  <script>
    // DEBUG {{ checkout.shipping_method.title }} has been used
    {% if checkout.shipping_method.title == 'Pick-up at the store' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        `<p>Okay, we're ready for you to collect your products from 17 Mapple Crescent, Toronto. Our store is open 9:00 to 5:00 every day.</p>`
      )
    {% endif %}
  </script>

1. Incolla il codice nella casella Script aggiuntivi (Cmd + V su Mac, Ctrl + V su PC).
2. Inserisci un ordine di prova per visualizzare la pagina di stato dell’ordine.