Content weergeven op basis van een verzendmethode

Let op

Dit is een uitgebreide tutorial en wordt niet ondersteund door Shopify. Hiervoor is kennis van een webontwerptaal zoals HTML, CSS, JavaScript en Liquid vereist. We raden je aan een Shopify-partner in te huren als je het niet prettig vindt om verder te gaan met de volgende tutorial.

Opmerking

Aanvullende scripts om de bestelstatuspagina aan te passen, zijn uitgefaseerd.

Merchants met het Basic-, Shopify- en Advanced-abonnement kunnen de bestelstatuspagina aanpassen met de checkout- en accounteditor. Shopify Plus-merchants kunnen Checkout Extensibility gebruiken om hun bestelstatuspagina aan te passen.

Je kunt een voorwaardelijk script met de variabele checkout.shipping_method.title gebruiken om content weer te geven op de bestelstatuspagina wanneer een bepaalde verzendmethode is gebruikt voor een bestelling.

Je hebt bijvoorbeeld een optie voor afhalen in de winkel dicht genoeg bij je fysieke winkel. Je kunt deze klanten het winkeladres van je winkel op de bestelstatuspagina geven als ze voor afhalen in de winkel kiezen.

Stappen:

Desktop

1. Ga in het Shopify-beheercentrum naar Instellingen > Checkout.
2. Scrol omlaag naar het gedeelte Aanvullende scripts.
3. Kopieer de volgende code naar je klembord (Command + c op een Mac, Ctrl + c op een 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. Plak de code in het vak Aanvullende scripts (Command + v op een Mac, Ctrl + v op een pc).
2. Voer een testbestelling uit om je bestelstatuspagina weer te geven.

iPhone

1. Tik in de Shopify-app op de knop … en vervolgens op Instellingen.
2. Tik in het gedeelte Winkelinstellingen op Checkout.
3. Scrol omlaag naar het gedeelte Aanvullende scripts.
4. Kopieer de volgende code naar je klembord (Command + c op een Mac, Ctrl + c op een 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. Plak de code in het vak Aanvullende scripts (Command + v op een Mac, Ctrl + v op een pc).
2. Voer een testbestelling uit om je bestelstatuspagina weer te geven.

Android

1. Tik in de Shopify-app op de knop … en vervolgens op Instellingen.
2. Tik in het gedeelte Winkelinstellingen op Checkout.
3. Scrol omlaag naar het gedeelte Aanvullende scripts.
4. Kopieer de volgende code naar je klembord (Command + c op een Mac, Ctrl + c op een 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. Plak de code in het vak Aanvullende scripts (Command + v op een Mac, Ctrl + v op een pc).
2. Voer een testbestelling uit om je bestelstatuspagina weer te geven.