Add a banner on your thank you page

You can add a banner on your Thank you page to communicate that your customers contribute to your chosen cases when they buy a product from the chosen collection. You can also include a link to your sustainability page.

1. Upload an image for the banner under Settings / Files.

2. The additional script can be added under Settings / Checkout and accounts / Order status page / Additional scripts.

3. Customize the script with your donation logic (your %, cause(s) and link). You can find it under your integration in the Impact Portal.

4. Add the URL from your uploaded image to the script.

The script

  {% for line in checkout.line_items %}
  {% if line.product.tags contains 'milkywire' %}
    <script>
        Shopify.Checkout.OrderStatus.addContentBox(`<div><img style="object-fit: cover; width: 100%;height: 180px; margin-bottom: 16px; border-radius: 4px"
        src="[YOUR IMAGE LINK]">
    <div style="">
        <h2>By buying this you contributed to planet health</h2>
        <p style="margin-top: 8px;">For every product sold, [YOUR SHOP] donates [YOUR LOGIC] toward [YOUR CAUSE(S)] initiatives through Milkywire. <a href="[YOUR LINK]" target="_blank">Learn more.</a></p>
        <svg style="margin-top: 16px;" width="83" height="32" viewBox="0 0 83 32" fill="none">
            <image
                xlink:href="https://images.ctfassets.net/8dzj5s79jaus/IGo9iF6p9al5BiujGM3nU/1c7e52896a8f235c0a69661ac4e13b16/Powered_by_Milkywire.svg"
                src="https://images.ctfassets.net/8dzj5s79jaus/7D2MV5CTmXSaLb6gRpGVfP/6143d78ae4cd9798647eae49b573645b/milkywire_logo_2022.png"
                width="83" height="32"></image>
        </svg>
    </div>
</div>`)
    </script>
    {% break %}
  {% endif %}
{% endfor %}