How to set up Apple Pay through Payway

If you'd like to process payments through Apple Pay through Payway, you would need to first add this option to your payment provider settings and set it up as described here.

Then the Payment Components template needs to be updated in order to allow Apple Pay payments through Payway.

This code needs to be added at the bottom of this template:

HTML

<script type="text/ng-template" id="/frontend/providers/components/applepayway/checkout/component.shtml">
<div ng-if="isPasswordlessApplePayUsed">
    <button type="button"
            class="apple-pay-button"
            ng-click="openPasswordLessApplePay()"
            ng-class="{'apple-pay-button--disabled': !isApplePayPwEnabled}"
    >
        <t>Buy with</t>
        <svg class="apple-pay-button__logo" width="51" height="20" viewBox="0 0 51 20" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M9.258 2.579c-.594.675-1.544 1.208-2.494 1.132-.119-.914.346-1.884.89-2.484C8.248.533 9.287.038 10.13 0c.099.951-.287 1.884-.871 2.579zm.86 1.313c-1.375-.077-2.553.751-3.206.751-.663 0-1.663-.713-2.751-.694A4.09 4.09 0 00.707 5.966C-.778 8.42.32 12.056 1.756 14.053c.703.99 1.544 2.075 2.652 2.036 1.05-.038 1.465-.656 2.732-.656 1.277 0 1.643.656 2.751.637 1.148-.019 1.87-.99 2.573-1.979.802-1.122 1.129-2.217 1.148-2.274-.02-.019-2.216-.828-2.236-3.263-.02-2.036 1.732-3.007 1.81-3.064-.989-1.408-2.533-1.56-3.067-1.598zm7.948-2.76v14.834h2.395v-5.072h3.316c3.028 0 5.156-1.998 5.156-4.89 0-2.893-2.088-4.872-5.077-4.872h-5.79zm2.395 1.941h2.761c2.079 0 3.266 1.066 3.266 2.94 0 1.875-1.187 2.95-3.276 2.95h-2.75v-5.89zM33.307 16.08c1.505 0 2.9-.733 3.534-1.893h.05v1.779h2.216V8.582c0-2.14-1.781-3.52-4.523-3.52-2.543 0-4.424 1.399-4.493 3.32h2.157c.179-.913 1.06-1.512 2.267-1.512 1.465 0 2.286.656 2.286 1.865v.818l-2.989.171c-2.78.162-4.285 1.256-4.285 3.159 0 1.922 1.554 3.197 3.78 3.197zm.644-1.76c-1.277 0-2.089-.59-2.089-1.494 0-.933.782-1.475 2.277-1.56l2.662-.162v.837c0 1.39-1.227 2.379-2.85 2.379zM42.066 20c2.336 0 3.434-.856 4.395-3.454l4.206-11.341h-2.435l-2.82 8.763h-.05l-2.82-8.763h-2.505l4.058 10.799-.218.656c-.366 1.113-.96 1.542-2.019 1.542-.188 0-.554-.02-.702-.038v1.779c.138.038.732.057.91.057z" fill="#fff"/>
        </svg>
    </button>
</div>
<div ng-if="!isPasswordlessApplePayUsed" class="applepay-ss-wrapper new-card-form">
    <div class="row">
        <div class="footer-modal">
            <div class="auto-renew-purchase" ng-show="isSelectedTermAutoRenewChoiceAvailable()">
                <input class="auto-renew-purchase-checkbox" type="checkbox" ng-model="input.autoRenew"
                       id="auto_renew"/>
                <label class="auto-renew-purchase-label" for="auto_renew">
                    <t>Automatically renew my subscription when the time comes.</t>
                </label>
            </div>
            <div>
                <a ng-click="openApplePayWindow()" class="button big applepay-ss-complete-purchase"
                   href="javascript:void(0)" ng-class="{'disabled': isApplePayPwEnabled !== true}">&nbsp;</a>
            </div>
        </div>
    </div>
</div>
</script>

Last updated: June 26, 2026