How the Custom Tips Option Works in RestroFood?

The Custom Tips Option in RestroFood is a powerful feature designed to enhance your restaurant’s checkout experience on WordPress with WooCommerce. It allows customers to add a personalized tip amount while placing an order, giving them flexibility beyond predefined tip percentages. This not only improves user satisfaction but also increases overall revenue opportunities for restaurant owners.

In this detailed guide, you’ll learn how the Custom Tips system works, how to configure it, and how it behaves on the frontend checkout page.

The custom tip option builds on top of RestroFood’s standard tipping system. If you are new to it, start with the best free restaurant tip management systems for WordPress to understand the full picture of what RestroFood offers.

What is the Custom Tip Option?

The Custom Tip Option is a feature in the RestroFood plugin that allows customers to manually enter their own tip amount instead of selecting fixed values like 5%, 10%, or 15%.

In a typical WooCommerce checkout setup, tips are usually limited to preset percentages. However, RestroFood extends this functionality by enabling:

• User-defined tip amounts
• Custom percentage-based tipping
• Flexible tipping experience during checkout

This is especially useful for food delivery businesses, restaurants, and cafes using WordPress + WooCommerce, where customer satisfaction and personalization play a major role.

Key Benefits of Custom Tip Option:

• Improves customer experience
• Encourages higher tipping flexibility
• Works seamlessly with WooCommerce totals
• Fully integrated into RestroFood checkout

Enable Custom Tip Option

To start using this feature, you need to enable it from the RestroFood settings panel inside your WordPress dashboard.

Steps to Enable:

1. Log in to your WordPress Admin Dashboard
2. Navigate to:
   RestroFood → Settings → Tips
3. Locate the option: Custom Tip Option
4. Toggle the checkbox to Enable
5. Click Save Settings

Once enabled, the custom tip functionality will be activated on the WooCommerce checkout page.

Before enabling custom tips, make sure the plugin is installed and the base tip feature is already active. Follow our guide on how to install the RestroFood Tips Addon on WordPress, and then how to add tips from the RestroFood settings option to complete the initial setup first.

Configure Custom Tip Field

After enabling the feature, you can configure how the custom tip field appears to customers.

Available Configuration Options:

✔ Title (Optional)

You can add a custom label, such as:

• “Add Your Tip”
• “Support Your Delivery Partner”
• “Custom Tip”

This helps make the feature more user-friendly and aligned with your brand tone.

✔ Input Field Activation

Once enabled, RestroFood automatically displays an input field when customers select the Custom option.

✔ Predefined Tip Values

You can still keep predefined options like:

• 5%
• 10%
• 15%

Alongside the custom option, giving users both quick selection and flexibility.

The predefined buttons shown alongside the custom input (5%, 10%, 15%) are configured separately. Read our guide on how to use tip options in RestroFood to understand how fixed and percentage tip types work.

Customer Input on Checkout Page

On the frontend WooCommerce checkout page, customers will see a clean and interactive tipping interface.

What Customers See:

• Tip percentage buttons (5%, 10%, 15%)
• A Custom button
• A dynamic input field (appears when custom is selected)

When a customer clicks Custom, an input field is displayed where they can enter their desired tip amount.

This ensures:

• Smooth UX (User Experience)
• Real-time interaction
• Clear visibility of tipping options

Custom Percentage Input

If your Tip Type is set to Percentage, the custom input field allows customers to enter a percentage value instead of a fixed amount.

For example:

• Entering 10 means 10% tip
• Entering 20 means 20% tip

This is particularly useful for:

• High-value orders
• Customers who prefer proportional tipping

Important Notes:

• The system automatically calculates the percentage based on the cart subtotal.
• Works dynamically with WooCommerce cart updates
• Supports real-time recalculation

Add Tip Button Functionality

Once a customer enters a custom value, they must click the “Add Tip” button to apply it.

How It Works:

1. Customer selects Custom
2. Enter the tip amount or percentage
3. Clicks Add Tip
4. The system processes the input instantly

Behind the scenes:

• WooCommerce recalculates totals
• Tip is added as an additional fee
• Check out updates without page reload (AJAX-based)

Why This Matters:

• Prevents accidental tip addition
• Gives users full control
• Improves checkout clarity

Tip Reflected in Order Summary

After adding the tip, it will immediately appear in the WooCommerce order summary section.

What Gets Updated:

• Tip line item (e.g., “Tips (10%)”)
• Updated total price
• Final payable amount

This ensures complete transparency for customers before placing the order.

Backend Behavior:

• Tip is stored as a WooCommerce fee
• Visible in admin order details
• Included in order emails and invoices

Remove Custom Tip Option

Customers are not locked into their decision, they can remove the tip anytime before placing the order.

How to Remove Tip:

• Click the “Remove Tips” button
• The tip is instantly removed
• Order total updates automatically

Benefits:

• Builds trust with customers
• Avoids frustration
• Keeps checkout flexible

Advanced Behavior in WooCommerce

The RestroFood Custom Tip Option integrates deeply with WooCommerce’s fee system.

Technical Highlights:

• Uses WooCommerce fee API
• AJAX-powered updates
• Compatible with most WooCommerce themes
• Supports currency formatting
• Works with tax and discount calculations

Best Practices for Using Custom Tips

To get the most out of this feature, consider the following:

✔ Keep Default Options

Always include preset tips (5%, 10%, 15%) for quick selection.

✔ Use Friendly Labels

Encourage tipping with messages like:

• “Support our staff 💛”
• “Add a tip for great service.”

✔ Optimize for Mobile

Ensure the input field is easy to use on smaller screens.

✔ Test Checkout Flow

Regularly test your WooCommerce checkout to ensure tips are applied correctly.

For a complete overview of how the entire tip workflow connects from admin setup to customer checkout, read our guide on how the RestroFood Tips Addon works in WordPress.

Final Thoughts

The Custom Tips Option in RestroFood for WordPress and WooCommerce is more than just a small feature, it’s a strategic enhancement to your checkout experience.

It allows:

• Greater flexibility for customers
• Higher engagement and satisfaction
• Increased earnings through optional tipping

By enabling and properly configuring this feature, you create a more user-friendly, transparent, and professional ordering system for your restaurant business.

If you’re running a food delivery website using WordPress and WooCommerce, this feature is highly recommended to improve both user experience and revenue potential.

Frequently Asked Questions(FAQs)

1. What is the Custom Tips Option in RestroFood?

The Custom Tips Option allows customers to enter their own tip amount or percentage during WooCommerce checkout instead of selecting fixed values. It adds flexibility and improves the overall user experience.

2. How do I enable the Custom Tip feature in WordPress?

Go to RestroFood → Settings → Tips, enable the Custom Tip Option, and save your settings. This will activate the custom tip field on the checkout page.

3. Can customers enter both fixed and percentage-based tips?

Yes, depending on your configuration, customers can enter either a fixed amount or a percentage-based tip, giving full control over tipping.

4. How does the Add Tip button work?

After entering a custom tip value, customers must click the “Add Tip” button. The system then instantly applies the tip and updates the WooCommerce total.

5. Where is the tip displayed in the checkout process?

The tip appears in the order summary section as a separate line item and is included in the final total before placing the order.

6. Can customers remove a custom tip after adding it?

Yes, customers can click the “Remove Tips” button to instantly remove the tip and update the order total.

7. Is the custom tip saved in WooCommerce orders?

Yes, the tip is stored as a WooCommerce fee, making it visible in admin order details, emails, and invoices for proper tracking.