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 customize the online tipping experience to suit your goals, such as supporting your business financially, or raising money 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 transaction fees because they’re part of the order total.
  • Customers can't add tips when they place orders using Shop Pay.

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.


Change the labels for tipping online

You can change the tipping labels that appear during the checkout process. For example, you can change the word tip to donation.

The following table lists the fields that you can change when you set up online tipping. You edit the labels in the Themes section of your Shopify admin or Shopify app. These fields are located on the Checkout & system page.

Online tipping labels
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}}


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.


Tip reports

In your Finances report, you can view the total amount of tips that were collected.


Ready to start selling with Shopify?

Try it free