Apple Pay is not appearing in Safari browser

Problem Statement

Apple Pay is configured and smart routing is enabled. Safari preferences allow Apple Pay. Why doesn't Apple Pay appear on the desktop (Mac) when Chargebee checkout is implemented via the Drop-in script?

Solution

Apple Pay is not supported inside iframes. The Drop-in script, Grap script, and preview use an iframe pop-up modal, so Apple Pay does not appear in that checkout flow.

Steps to Set It Up (Troubleshooting)

1. Verify Apple Pay in Chargebee: In Safari, right-click > Inspect Element (enable Safari > Preferences > Advanced > Show Develop menu in menu bar). Check the retrieve endpoint response for the apple_pay payment method:

{
    "mode": "ONLINE",
    "type": "apple_pay",
    "id": "gw_xxxxxxxxxxxxxxx",
    "display_name": "Apple Pay",
    "gateway_name": "BRAINTREE",
    "gateway_currency": "USD",
    "name": "Braintree-1",
    "configuration": {
        "type": "apple_pay",
        "business_name": "App with Apple Pay",
        "is_tax_configured": true,
        "public_key": "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
    }
}

2. Test with plan-based URL: Use a plan-based URL with site name and items. If Apple Pay appears there but not in your implementation, the issue is likely with the implementation.