Netsyms/HelenaExpressApp
2
0
Fork 0
Code Issues Pull Requests Releases 15 Wiki Activity

Add illustration to Drop and Send page, adjust wording

Browse Source
This commit is contained in:
Skylar Ittner 2022-05-02 22:04:06 -06:00
parent dc0e846ad9
commit 333ab79574
3 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
www/assets/images/drop-box-location.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 6.6 KiB

2
www/assets/js/dropandsend.js
View File

@ -145,7 +145,7 @@ $("body").on("popup:open", "#dasLocationMapPopup", function () {
$("body").on("popup:open", "#dasHowItWorksPopup", function () {
// Put user's account number in the instructions
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());

31
www/pages/dropandsend.html
View File

@ -25,16 +25,19 @@
<div class="card-content text-align-center padding-vertical">
<div class="list media-list">
<ul>
<li class="padding text-align-center">
Use one of our Drop and Send drop boxes or shipping locations for easier shipping,
and say goodbye to standing in line to send packages. Use your choice of
carrier (or let us pick the cheapest), purchase shipping
insurance, and more!
<li>
<div class="block text-align-center">
<img src="assets/images/drop-box-location.svg" class="margin" style="max-height: 20vh; max-width: 80%;" />
<p class="margin">
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 class="padding text-align-center" id="addPaymentMethodNag" style="display: none;">
<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.
<a class="button hapticbtn button-fill margin" href="/account"><i class="fas fa-user-circle"></i> My Account</a>
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> Update My Account</a>
</li>
<li class="padding text-align-center" id="pickupLateInDayWarning" style="display: none;">
<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">
<ul>
<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>
<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>
<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>
<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>
<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>
</ul>
</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>
<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>
<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.