How can I hide the 'custom tip' option at checkout?

Technical Q&A

Topic summary

A Shopify Plus user wants to hide the “custom tip” input box and “update tip” button at checkout while keeping the tipping feature enabled. They have access to checkout.liquid for editing.

Current limitation:

  • Shopify’s native checkout tipping doesn’t offer settings to hide these specific elements, even on Plus accounts.

Suggested workaround:

  • An app-based solution (MF Tip) was recommended that displays tipping before checkout rather than during it.
  • This app allows hiding custom tip options, conditional tipping based on order amount, and customizable tip percentages.

Status: The question remains unresolved for native checkout customization. No direct CSS/liquid solution has been provided yet.

Summarized with AI on October 25. AI used: claude-sonnet-4-5-20250929.
1

Hey there, wondering how to hide the “custom tip” input box and “update tip” button when the tipping feature is enabled on checkout.

We have Shopify Plus and checkout.liquid is editable.

Thanks!

Ben

2

Hi Ben — as far as I know, Shopify’s native checkout tipping doesn’t provide a setting to hide the “Custom tip” input or the “Update tip” button (even on Plus).

If you’re open to an app-based approach, MF Tip can help (it shows the tip modal before checkout, so the timing is a little different):

  • Hide the custom tip option.

  • Turn tipping off based on conditions (e.g., order amount).

  • Change the preset tip percentages by scenario.

If you’d like to take a look: https://apps.shopify.com/mf-tip
Disclosure: I’m the developer of MF Tip and happy to answer any questions or help you test it.