Use this article to set up the checkout page of your online store: the tip choices, the discount code box, pickup times, which contact fields customers fill in, and the page's colours and fonts.
Where are the Checkout settings?
Checkout settings are in Shop+ Settings. In the left sidebar click Shop+, then click Settings in the top row of tabs. In the Settings sidebar, under Storefront, expand Pages and click Checkout.
Background & Colors
Font Family
Contact Method
Contact Information
Marketing
Tipping
Auto Gratuity
Discount Code
Allow Future Pickups
Save Changes – saves every section.
Click a section to open it. The right side of the page previews your checkout, and the Desktop, Tablet and Phone buttons above it change the preview size.
Note: Nothing on the Checkout page is saved until you click Save Changes.
How do I change the tip percentages customers can choose at checkout?
Tip percentages are set in the Tipping section of the Checkout settings.
On the Checkout settings, click Tipping.
Make sure Show Tipping is ticked. Untick it to remove the tip step from checkout.
Type the four percentages you want to offer in the four Percentage boxes.
Click Save Changes.
At checkout, customers see an Add Tip row with your four percentages, plus Custom and No Tip.
How do I let customers enter a discount code at checkout?
On the Checkout settings, click Discount Code.
Tick Show Discount Code.
Click Save Changes.
The Order Summary at checkout now shows a Have a coupon code? link. Untick Show Discount Code and save to remove it. To create the codes themselves, see the article Creating a Discount/Coupon Code.
How do I let customers choose a pickup time?
Pickup time selection is turned on in the Allow Future Pickups section of the Checkout settings.
On the Checkout settings, click Allow Future Pickups.
Tick Enable Future Pickup Time Selection.
In Maximum orders per time slot, type how many orders can be scheduled for the same time slot.
In Slot Duration, choose the length of each pickup slot: 5 minutes, 10 minutes, 15 minutes, 30 minutes, 1 hour or 2 hours.
Click Save Changes.
At checkout, customers see Choose a Pickup Time with a Select Day row of days to pick from.
How do I choose which contact fields customers fill in?
Extra contact fields are controlled in the Contact Information section of the Checkout settings.
Each of the four fields, Company Name, Address Line 2, Shipping Address and Shipping Phone Number, has a list with three choices:
Don't Include – the field is not shown at checkout.
Optional – the field is shown and the customer may leave it empty.
Required – the field is shown as a required field.
For example, setting Company Name to Optional and saving adds a Company Name box under Full Name and Email at checkout.
What is in the Contact Method section?
The Contact Method section of the Checkout settings sets how customers identify themselves and what happens after they order.
Phone Or Email or Email – choose one.
Show track order link to customer after pay
Auto send receipt link via SMS after order
Auto send order confirmation email after checkout
Login Required
What is in the Marketing section?
The Marketing section of the Checkout settings has a Show Marketing Channel checkbox and three choices for the channel: SMS, Email or Email & SMS.
How do I set up auto gratuity?
Auto gratuity is set up in the Auto Gratuity section of the Checkout settings. The section explains that, when enabled on POS table orders, staff are asked for the guest count and the matching party-size gratuity is added to the check.
Note: auto gratuity applies to POS table orders, which depend on table management. Stackably does not offer table management, so this setting has no effect; leave it off.
On the Checkout settings, click Auto Gratuity.
Tick Enable Auto Gratuity. Tiers appear underneath.
For each tier, type the party size in Guests (the + means that many guests or more) and the percentage in Tip Percent.
Click Add Tier to add another party size, or Remove to delete a tier.
Click Save Changes.
How do I change the colours and fonts of the checkout page?
Checkout colours are in the Background & Colors section and checkout fonts are in the Font Family section of the Checkout settings.
Show logo – a checkbox for showing your logo on the checkout page.
Background Image – click Upload to choose an image.
Background Color, Header Text Color and Body Text Color – click a colour square or type a colour code such as #FFFFFF.
Font Family Header and Font Size Header – the font and size of headings.
Font Family Body and Font Size Body – the font and size of the rest of the text.
Click Save Changes when you have finished.