How to add Apple Pay and Google Pay to your website
Apple Pay and Google Pay is one-tap wallet payments at your existing checkout, used by any business taking card payments online, particularly on mobile. Here's how to put it on your own website, which embed option to pick, and what goes wrong.
Quick answer
Get the code from your payment provider's dashboard — Stripe, Square and most gateways offer these as payment methods rather than separate integrations. For most people the right choice is the enable in your gateway — switch the wallets on; they then appear automatically for supported devices. Paste it into a code or embed block on your site — not a plain text field — then place it beside your main call to action and test the whole flow on a phone before relying on it.
Apple Pay and Google Pay: which option to use
| Option | What it does |
|---|---|
| Enable in your gateway | Switch the wallets on; they then appear automatically for supported devices. |
| Express checkout buttons | Wallet buttons shown before the card form, which is where the conversion gain comes from. |
| Domain verification | Apple Pay requires verifying your domain, which is a one-time setup step people frequently miss. |
Step-by-step
- 1
Find the code or link in your account
Apple Pay and Google Pay keeps this in your payment provider's dashboard — Stripe, Square and most gateways offer these as payment methods rather than separate integrations. Copy what you need before touching your website — most of the time people lose is spent hunting for the snippet, not installing it.
- 2
Pick the right option for the job
The table above is the decision. Enable in your gateway: Switch the wallets on; they then appear automatically for supported devices. Express checkout buttons: Wallet buttons shown before the card form, which is where the conversion gain comes from. Choosing before you paste saves rebuilding the section later.
- 3
Paste it into a code or embed block
This needs an HTML, code or embed block — not a plain text field, where the code will simply appear as text on your page. On Adviita, ask the AI editor to add an embed section and drop the code in. On WordPress use a Custom HTML block, on Squarespace a Code block (Business plan or above), and on Wix an Embed HTML element.
- 4
Put it where the decision happens
Getting paid should take the customer as few taps as possible — every extra step is money left on the table. A widget three scrolls down does a fraction of the work of the same widget beside your main call to action. Decide what the page is for, then place it at the point the visitor is deciding.
- 5
Check it on an actual phone
Most visitors to a small business website arrive on a phone, and embeds are where mobile layouts break. Open your live site on your own phone and confirm it loads, fits the screen without sideways scrolling, and does not push your contact button out of view. Third-party embeds are also the most common cause of a slow page, so if it noticeably delays loading, consider a plain link instead.
- 6
Test it end to end before you rely on it
Run through the whole flow yourself as a customer would — make a small real payment — and confirm what should happen actually happens. Broken embeds fail silently, and the first person to notice is usually a customer who has already given up.
Tips & best practices
- ▸Apple Pay requires domain verification with your payment provider. Skipping it means the button never appears and there is no error to tell you why.
- ▸The buttons only show on supported devices and browsers. Testing on a desktop Chrome window will not show Apple Pay.
- ▸Wallet payments meaningfully reduce mobile checkout abandonment — this is one of the highest-return changes available at checkout.
- ▸Re-test the embed after any change to your site, your plan, or the connected account — third-party widgets break quietly and nothing tells you.
Common questions
How do I add Apple Pay to my website?
+−
Enable it as a payment method in your payment provider's dashboard — Stripe, Square and most gateways support it directly — and complete the domain verification step, which Apple requires. Once verified, the button appears automatically for visitors on supported Apple devices.
Why isn't the Apple Pay button showing on my site?
+−
The two usual causes are that domain verification has not been completed with your payment provider, or you are testing on a device or browser that does not support Apple Pay. Verify the domain first, then test on an actual iPhone in Safari.
Do I need a developer to add Apple Pay and Google Pay to my site?
+−
No. Every option here is copy and paste into a code or embed block, which every mainstream website builder provides. The only genuine blocker is a builder or plan that does not allow custom code at all — Squarespace, for instance, requires a Business plan or above for code blocks.
Will adding Apple Pay and Google Pay slow down my website?
+−
Any third-party embed has some cost, because it loads code from another company's servers. One is usually unnoticeable; four or five on the same page is where small business sites become visibly slow. If page speed matters to you, prefer a plain link over a script wherever the option exists, and keep embeds to the pages that genuinely need them.