Adding code to main#checkout-main

I’m wondering how to go about adding the following code:

<p style="font-size: 0.875rem; margin-top: 4px;">By collecting, customer agrees to our <a href="www.google.com" target="_blank" rel="noopener noreferrer" style="color: #00008B; text-decoration: underline;">Collection Terms and Conditions</a></p>

To the “Information” page of the checkout. The desired outcome being this:

I am both the store owner and dev for this site. But I do not see a liquid for the checkout. I am assuming it is made available in the pro plan, but we have no need to upgrade to this.

Can anyone suggest how to add this code? or could anyone do it for me?

Should go right underneath

<div class="yyi4nyi yyi4nyj yyi4nyl yyi4nym yyi4nyq yyi4nyo _1fragemnn _1fragemth">

Thanks for any advice

You can no longer add Custom HTML to the Checkout, you have to use Shopifys Checkout UI Extensions. You will also require Shopify Plus to make any changes including adding any new blocks to it, you can do some styling from the checkout settings but that’s about it.

Further reading here.

1 Like