Add illustration to Drop and Send page, adjust wording

master
Skylar Ittner 2 years ago
parent dc0e846ad9
commit 333ab79574

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.6 KiB

@ -145,7 +145,7 @@ $("body").on("popup:open", "#dasLocationMapPopup", function () {
$("body").on("popup:open", "#dasHowItWorksPopup", function () { $("body").on("popup:open", "#dasHowItWorksPopup", function () {
// Put user's account number in the instructions // Put user's account number in the instructions
if (inStorage("accountnumber") && inStorage("accountkey")) { if (inStorage("accountnumber") && inStorage("accountkey")) {
$("#dasHowItWorksAccountNumber").text(" (yours is " + getStorage("accountnumber") + ")"); $("#dasHowItWorksAccountNumber").text(" (" + getStorage("accountnumber") + ")");
} }
trackPageView("/dropandsend/howitworks_popup", $("#dasHowItWorksPopup .navbar .navbar-inner .title").first().text()); trackPageView("/dropandsend/howitworks_popup", $("#dasHowItWorksPopup .navbar .navbar-inner .title").first().text());

@ -25,16 +25,19 @@
<div class="card-content text-align-center padding-vertical"> <div class="card-content text-align-center padding-vertical">
<div class="list media-list"> <div class="list media-list">
<ul> <ul>
<li class="padding text-align-center"> <li>
Use one of our Drop and Send drop boxes or shipping locations for easier shipping, <div class="block text-align-center">
and say goodbye to standing in line to send packages. Use your choice of <img src="assets/images/drop-box-location.svg" class="margin" style="max-height: 20vh; max-width: 80%;" />
carrier (or let us pick the cheapest), purchase shipping <p class="margin">
insurance, and more! Use one of our Drop and Send drop boxes for easier shipping,
and say goodbye to standing in line to send packages.
</p>
</div>
</li> </li>
<li class="padding text-align-center" id="addPaymentMethodNag" style="display: none;"> <li class="padding text-align-center" id="addPaymentMethodNag" style="display: none;">
<i class="fad fa-exclamation-circle fa-2x text-color-orange"></i><br> <i class="fad fa-exclamation-circle fa-2x text-color-orange"></i><br>
You need an account with a linked credit card to send packages with Drop and Send. <span class="taptext">Tap</span><span class="clicktext">Click</span> the button to update your account. You need an account with a linked credit card to use our drop boxes. <span class="taptext">Tap</span><span class="clicktext">Click</span> the button to update your account.
<a class="button hapticbtn button-fill margin" href="/account"><i class="fas fa-user-circle"></i> My Account</a> <a class="button hapticbtn button-fill margin" href="/account"><i class="fas fa-user-circle"></i> Update My Account</a>
</li> </li>
<li class="padding text-align-center" id="pickupLateInDayWarning" style="display: none;"> <li class="padding text-align-center" id="pickupLateInDayWarning" style="display: none;">
<i class="fad fa-clock fa-2x text-color-purple"></i><br> <i class="fad fa-clock fa-2x text-color-purple"></i><br>
@ -134,27 +137,27 @@
<div class="list basic-list no-margin no-hairlines"> <div class="list basic-list no-margin no-hairlines">
<ul> <ul>
<li> <li>
<i class="fad fa-map-marked"></i> Use this app to find the closest Drop and Send package drop box. <i class="fad fa-map-marked"></i> Use this app to find the closest Helena Express drop box.
</li> </li>
<li> <li>
<i class="fad fa-edit"></i> Fill out a provided label with your account number<span id="dasHowItWorksAccountNumber"></span>, to and from addresses, and any extra options like speed and insurance. Put the label on your package. <i class="fad fa-edit"></i> Write your account number<span id="dasHowItWorksAccountNumber"></span> and to and from addresses on your package.
<ul> <ul>
<li> <li>
<i class="fad fa-globe-europe"></i> If your package is going to a military APO/FPO address, or is going to another country, fill out and attach a customs form too. <i class="fad fa-sticky-note"></i> We recommend using free Helena Express labels. They're available <a href="/shop" class="popup-close">in the shop</a> or at any drop box.
</li> </li>
<li> <li>
<i class="fad fa-info-circle"></i> If your package already has a prepaid shipping label, or it's too small for a full-size label, just add your account number to the package. Small labels are provided and will be removed by us before we ship your package. <i class="fad fa-globe-europe"></i> If your package is going internationally or to an APO/FPO address, fill out and attach a customs form too.
</li> </li>
<li> <li>
<i class="fad fa-sticky-note"></i> Order labels pre-printed with your account number and return address <a href="/shop" class="popup-close">in the shop</a>. <i class="fad fa-info-circle"></i> If your package already has a prepaid return label, just attach your account number.
</li> </li>
</ul> </ul>
</li> </li>
<li> <li>
<i class="far fa-qrcode"></i> Scan the Pickup Code (or type the location number) on the drop box to alert us there's a package to send. <i class="fad fa-box-alt"></i> Place your package inside the drop box.
</li> </li>
<li> <li>
<i class="fad fa-box-alt"></i> Place your package inside the secure drop box. <i class="far fa-qrcode"></i> Scan the Pickup Code to alert us there's a package to send.
</li> </li>
<li> <li>
<i class="fad fa-receipt"></i> Wait for an emailed receipt from us with the tracking code. Your credit card is automatically billed for the cost of shipping. <i class="fad fa-receipt"></i> Wait for an emailed receipt from us with the tracking code. Your credit card is automatically billed for the cost of shipping.

Loading…
Cancel
Save