Once a customer has placed an order on your webstore, they are presented with our default Thank You page which provides their order confirmation number and any further text from within your Checkout settings.
But what if you wanted to use this page for more info, perhaps a banner and some text? Maybe a 'Call to Action' like a button that the user can click on to take them elsewhere on the store?
This can be achieved with some script that you can add to the EvoX admin screen.
Go to Appearance > Theme Options and scroll down to the Footer Block.
Paste in the following script:
<script>
/* Thank You page modifications*/
(function () {
var tyPage = document.getElementById('thankYou');
if (!tyPage) return;
tyPage.style.maxWidth = 'none';
tyPage.innerHTML = /* html */ `
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-6">
<a href="LINK IF APPLICABLE">
<img src="BANNER URL HERE">
</a>
</div>
<div class="col-xs-12 col-md-6">
${tyPage.innerHTML}
<div class="ty-button" style="margin-top: 20px;">
<p style="margin-bottom: 20px;">THIS IS WHERE YOU CAN ADD ADDITIONAL TEXT OR MESSAGING TO THE THANK YOU PAGE </p>
<p><a class="btn btn-priamry" href="LINK TO LANDING PAGE IF APPLICABLE" target="_blank">BUTTON TEXT HERE</a></p>
</div>
</div>
</div>
</div>
`;
})();
</script>
There are only a few elements in this script that you can edit:
<a href="LINK IF APPLICABLE"> - you can paste a link here that will be applied to the banner image. Make sure you paste your link between the " marks.
<img src="BANNER URL HERE"> - you can get your banner url from the image in the media manager:
<p style="margin-bottom: 20px;">THIS IS WHERE YOU CAN ADD ADDITIONAL TEXT OR MESSAGING TO THE THANK YOU PAGE </p> - you can change the text here between the > and < symbols
<p><a class="btn btn-priamry" href="LINK TO LANDING PAGE IF APPLICABLE" target="_blank">BUTTON TEXT HERE</a></p> - this will create a button therefore add a link to a page and change the button text
Once you've made your amendments, hit Publish and you're good to go.