Setting up tipping options for online orders
Online tipping gives your customers the option to add a tip to their order on the payment page when they check out. Customers can add the tip as a percentage of the order total or as a custom amount. You can change the labels and descriptions to customize the online tipping experience to suit your goals, such as supporting your business financially, or collecting donations for a charity.
Considerations for tipping options in your online store
Before you set up tipping options, consider the following:
- Tipping options for your online store checkout must be set up using your Shopify admin, even if you have set up tipping options previously for your Shopify POS.
- The tip is calculated on the cart's subtotal before taxes and shipping. However, tips are subject to credit card fees or third-party transaction fees because they’re part of the order total.
- Customers can't add tips when they place orders using Shop Pay.
- Tips are limited to 1000 USD for both pre-selected and custom tip options.
Using online tipping with offsite payment gateways
If you use offsite payment gateways, you should test the online tipping experience thoroughly before you add online tipping to your store. For example, some offsite payment gateways might not recognize the tipping line item.
If you discover that the tipping experience does not work as expected for a specific offsite payment gateway, then contact support for that gateway.
Set up tipping options from your Shopify admin
You can create up to three tipping options that are a percentage of the order's subtotal. Alternatively, customers can add a custom amount.
Steps:
From your Shopify admin, go to Settings > Checkout.
In the Tipping section, check Show tipping options at checkout.
If you want to hide the tipping options, uncheck Show tip options to all customers. In this case, the customer must check a check box to display the tip options.
Under TIP OPTIONS, enter a value in percent in the Option fields. You can add up to three different values.
Click Save.
Log in to your Shopify app.
Go to Store > Settings.
Under Store settings, tap Checkout.
In the Tipping section, tap Show tipping options at checkout.
If you want to hide the tipping options, tap Show tip options to all customers to uncheck it. In this case, the customer must check a check box to display the tip options.
Under TIP OPTIONS, enter a value in percent in the Option fields. You can add up to three different values.
Tap Save.
Log in to your Shopify app.
Go to Store > Settings.
Under Store settings, tap Checkout.
In the Tipping section, tap Show tipping options at checkout.
If you want to hide the tipping options, tap Show tip options to all customers to uncheck it. In this case, the customer must check a check box to display the tip options.
Under TIP OPTIONS, enter a value in percent in the Option fields. You can add up to three different values.
Tap Save.
Change the labels for tipping online
You can change the tipping labels that appear during the checkout process. For example, if your goal is to collect money for a charity, you could indicate that you are collecting donations by changing some of the labels to be similar to the following:
-
Title:
Donations -
Description:
Please donate to a good cause -
Custom Label:
Add a custom donation -
Update tip:
Update donation -
Tip label:
Donation
The following table lists the fields that you can change to suit your goals. You edit the labels in the Themes section of your Shopify admin or Shopify app. These fields are located on the Checkout & system page.
| Section | Field | Default label |
|---|---|---|
| Checkout tips | Title | Add tip |
| Description | Show your support for the team at {{shop_name}} | |
| Preset label | {{tip_percent}}% | |
| Custom label | Add a custom tip | |
| Message | Thank you, we appreciate it | |
| Update tip | Update tip | |
| Checkout order summary | Tip label | Tip |
| Checkout field errors | Tips invalid tip amount | Enter a tip no more than {{amount}} |
Steps:
Log in to your store as a user with Settings permissions.
From your Shopify admin, under SALES CHANNELS, click Online Store, and then click Themes.
In the Current theme section, click Actions > Edit Languages.
Click Checkout & system, and then scroll to the field that you want to change.
Enter the label text that you want to appear on the checkout page.
Click Save.
Log in to your store as a user with Settings permissions.
From the Shopify app, tap Store.
Under Sales channels, tap Online Store > Manage themes.
In the Current theme section, tap Actions > Edit Languages.
Tap Checkout & system. You might need to tap the
...button.Go to the field that you want to change.
Enter the label text that you want to appear on the checkout page.
Tap Save.
Log in to your store as a user with Settings permissions.
From the Shopify app, tap Store.
Under Sales channels, tap Online Store > Manage themes.
In the Current theme section, tap Actions > Edit Languages.
Tap Checkout & system. You might need to tap the
...button.Go to the field that you want to change.
Enter the label text that you want to appear on the checkout page.
Tap Save.
Refund a tip
To include the tip portion in a refund, you must add the tip amount manually. You can edit the amount of the refund up to and including the tip amount.
For more information about refunding orders, refer to Refunding and canceling orders.
Steps
From your Shopify admin, under Orders, click the order that you want to refund.
Click Refund.
Enter the quantity of the items in the order that will be refunded.
Under REFUND AMOUNT, enter an amount that includes the tip amount.
Click Refund.
From the Shopify app, tap Orders.
Tap the order that you want to refund.
In the Paid section, tap REFUND.
Use the
+button beside each line item to enter the quantity that was sold.Under REFUND AMOUNT, enter an amount that includes the tip amount.
Tap Refund.
From the Shopify app, tap Orders.
Tap the order that you want to refund.
In the Paid section, tap REFUND.
Use the
+button beside each line item to enter the quantity that was sold.Under REFUND AMOUNT, enter an amount that includes the tip amount.
Tap Refund.
Tip reports
In your Finances report, you can view the total amount of tips that were collected.
Steps
From your Shopify admin, go to Analytics > Reports.
In the Finances section, click Show all.
Click Tips.
To limit the amounts to your online sales, from the drop-down list, select Online Store.
From the Shopify app, tap Store.
Tap Analytics > Reports.
In the Finances section, tap Show all.
Click Tips.
To limit the amounts to your online sales, tap the drop-down list, and then tap Online Store.
From the Shopify app, tap Store.
Tap Analytics > Reports.
In the Finances section, tap Show all.
Click Tips.
To limit the amounts to your online sales, tap the drop-down list, and then tap Online Store.