Create your landing page

We highly recommend creating a landing page to explain the trade-in experience to customers.

This gives you the ability to communicate with the customer first before they start a trade-in. You could talk about things such as what range of credit customers can expect for their items, what items you don't expect, and also what happens to products that have been traded-in. You can link to the trade-in portal throughout this page.

Use our template to create your own landing page using 3 easy steps:

1. Create a new 'hidden' page in your online store and add the below HTML

2. Customise it:

   1. Add an image banner

      1. Search for this:[INSERT BANNER URL HERE]and input your image link (the image should be contained in 'Files' in your online store content)

   2. Change the copy to whatever you'd like

   3. Change the buttons so they're in your store colours

      1. Search for this bit of code: background-color: #000000; color: #fff" to find the buttons

      2. Make the colours your own!

   4. Change the URL links to be to your own website and trade-in portal links:

      1. Search for this bit of code: https://www.google.com/ to find the links

      2. Read the text after it to identify what the link does

      3. Change the link to the relevant link on your site

   5. Add anything else you'd like!

3. Check the page and then make it 'visible'!

Template landing page HTML:

// <style>
    h1 {
        text-align: center;
        font-size: 40px;
    }

    h2 {
        text-align: center;
        font-size: 22px;
        margin-bottom: 0px;
    }

    p {
        text-align: center;
        font-size: 18px;
        margin-top: 0px;
        margin-left: 5%;
        margin-right: 5%;
        line-height: 1.5;
    }

    @media screen and (max-width: 768px) {
        .flex-container > div {
            width: 100% !important;
        }
    }
</style>
<section style="margin-bottom: 50px">
    <img
        style="display: block; margin: 0 auto; width: 100%; opacity: 100%"
        alt="Trade-in banner image"
        src=""
    />
    <h1 style="font-size: 56px">
        <strong>TRADE IN YOUR [STORE NAME] ITEMS</strong>
    </h1>
    <p style="text-align: center; margin-top: 40px; margin-bottom: 40px">
        <a
            href="https://www.google.com/"
            style="
                display: inline-block;
                padding: 5px 20px;
                background-color: #000000;
                color: #fff;
                text-decoration: none;
                font-size: 24px;
                border-radius: 5px;
            "
            target="_blank"
            >Start trade-in now</a
        >
    </p>
</section>
<section style="margin-bottom: 50px">
    <h1 style="text-align: center">It just takes 3 simple steps...</h1>
    <div
        class="flex-container"
        style="
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            margin-right: 5%;
            margin-left: 5%;
        "
    >
        <div style="text-align: center; margin-right: 1%; margin-left: 1%">
            <h2><strong>Register items</strong></h2>
            <p>Register your items for trade-in using our platform</p>
        </div>
        <div style="text-align: center; margin-right: 1%; margin-left: 1%">
            <h2><strong>Package them up</strong></h2>
            <p>Return your pieces using your pre-paid shipping label</p>
        </div>
        <div style="text-align: center; margin-right: 1%; margin-left: 1%">
            <h2><strong>Treat yourself</strong></h2>
            <p>Use your credit to buy new products in store</p>
        </div>
    </div>
    <p style="text-align: center; margin-top: 40px; margin-bottom: 40px">
        <a
            href="https://www.google.com/"
            style="
                display: inline-block;
                padding: 5px 20px;
                background-color: #000000;
                color: #fff;
                text-decoration: none;
                font-size: 24px;
                border-radius: 5px;
            "
            target="_blank"
            >Start trade-in now</a
        >
    </p>
</section>
<section style="margin-bottom: 50px">
    <h1>Why trade-in?</h1>
    <p>
        No longer need your ACME items? Want to make sure they go to a good next
        home? Don't want to deal with the photography and selling fees of
        re-sale sites?
    </p>
    <p>Trade-in is a win-win-win.</p>
    <p>
        You'll get faff-free, fee-free credit for every item. We get to reclaim
        our pre-loved products, re-sell them and extend their lifecycle. The
        planet gets a break.
    </p>
    <p style="text-align: center; margin-top: 40px">
        <a
            href="https://www.google.com/"
            style="
                display: inline-block;
                padding: 5px 20px;
                background-color: #000000;
                color: #fff;
                text-decoration: none;
                font-size: 24px;
                border-radius: 5px;
            "
            target="_blank"
            >Start trade-in now</a
        >
    </p>
</section>
<section style="margin-bottom: 50px">
    <h1>How does it work?</h1>
    <p>
        Register the items you'd like to trade-in on our platform. We'll give
        you an immediate estimated credit value.
    </p>
    <p>
        Use the pre-paid shipping label to send back your items (you can use any
        bag you have at home). When we receive your items, we'll issue your
        credit.
    </p>
    <p>Spend that sweet, sweet credit on our new or second-hand items!</p>
    <p>
        Please see our
        <a
            style="text-decoration: underline"
            href="https://www.google.com/"
            target="_blank"
            >trade-in credit prices</a
        >
        here.
    </p>
</section>
<section style="margin-bottom: 50px">
    <h1>What happens to my items?</h1>
    <p>
        We'll receive them in our warehouse, prepare them for re-sale, then get
        them listed on the Secondhand Portal.
    </p>
    <p>
        Don't worry, your items will never end up in landfill. If we can't
        re-list them for whatever reason, we'll recycle them responsibly or
        donate them.
    </p>
    <p style="text-align: center; margin-top: 40px">
        <a
            href="https://www.google.com/"
            style="
                display: inline-block;
                padding: 5px 20px;
                background-color: #000000;
                color: #fff;
                text-decoration: none;
                font-size: 24px;
                border-radius: 5px;
            "
            target="_blank"
            >Start trade-in now</a
        >
    </p>
</section>
<section style="margin-bottom: 50px">
    <h1>Any further questions?</h1>
    <p>
        Please visit our
        <a
            style="text-decoration: underline"
            href="https://www.google.com/"
            target="_blank"
            >FAQs page</a
        >
        for more information.
    </p>
    <p>
        If you have feedback, we'd love to know it - please
        <a
            style="text-decoration: underline"
            href="https://www.google.com/"
            target="_blank"
            >get in touch.</a
    </p>
</section>