Adding informational text to the checkout (telephone/mobile number)

[DarkStarGames]

We're noticing an increase in failed DPD deliveries. This seems at least partially down to customers not getting the DPD email updates. So they're out during the delivery attempt, but don't know any attempt has been made because they're apparently not getting the updates. So the parcel gets returned to us without the customer knowing anything about it.

We don't currently ask for phone numbers, but want to add it to the site to help improve deliveries. But we need to make sure the customer is informated we're only asking for a mobile number for delivery notifications only.

We've tried adding text in the language manager, but because the ":" is added after it looks a complete mess -

dpdupdates.jpg
Is there some kind of workaround to get that text underneath without messing up the ":" and creating 3 lines of text?

Even better, is there a way to get the orange text under the box rather than the text?

[cheesemouse]

We simply made a telephone number mandatory. We didn't add any text. The vast majority complete it with no issue, those who don't enter a fake number (like 123456 etc).

We have more of an issue with email addresses not working.

[Mikey]

Is there some kind of workaround to get that text underneath without messing up the ":" and creating 3 lines of text?

Even better, is there a way to get the orange text under the box rather than the text?

I've just had a look, but noticed you've now since removed this field. If you add it again and this time leave out the orange text so it just reads: Mobile (Optional): and I'll take a look for you...

Mike

[DarkStarGames]

Thanks, I've added the field back again.

[Mikey]

Thanks, I've added the field back again.

OK give this a try - go into 'Template Editor' and under the 'Pages' tab scroll down to 'Closing body' - now paste the following code in this section:

$(document).ready(function() {
    $('<tr><td></td><td style="font-size: 12px; color: #F45E2D;"><i>Used to provide DPD delivery updates <u>only</u></i></td></tr>').insertAfter($("input#telephone").closest("tr"));
});

Let me know how you get on...

Mike

[Mikey]

Opps - forgot to wrap the code in script tags - updated below...

<script>
$(document).ready(function() {
    $('<tr><td></td><td style="font-size: 12px; color: #F45E2D;"><i>Used to provide DPD delivery updates <u>only</u></i></td></tr>').insertAfter($("input#telephone").closest("tr"));
});
</script>

[DarkStarGames]

Thanks, finally got around to testing this on one of our websites and it works great!

[jhpe07]

Out of interest could you do the same thing on the additions on the product page? That could be a game changer for some additions.

Thanks to anyone who reads and replys.

[Mikey]

Thanks, finally got around to testing this on one of our websites and it works great!

No Worries - glad it's working!!

Out of interest could you do the same thing on the additions on the product page?

In theory yes, but unlike the above which is one instance on one page, it would take a lot of faffing around to achieve and maintain. If you REALLY want to do it then I could take a look, otherwise I'd suggest putting it to Bluepark as a possible future update so that it can done easily within the admin console.

Mike