Take payments on Wix, Squarespace, Webflow and other site builders

Every way onto your website runs on a payment link: our Pay button opens the checkout in a window over your page, the checkout can sit inside a page, and any builder's own button or link can point at the checkout page. Card details are always entered on Anytime Capital's secure checkout, never on your site.

Which option each builder allows

Before you start

• Make a reusable payment link under Payment Links (a one-time link closes after its first payment). Its price, quantity choices, discount codes and shipping all carry over.
• Try everything in test mode first: switch the dashboard to test mode, make a test link and paste its code. Test links take test cards only.
• Pick the option your plan allows. Every option works on phones.

The code

Checkout tools fills these in for your link and colour. They're shown here for a sample link.

<a href="https://anytime-capital.com/pay/business/pl_4kTz8QwN2xYb6RcD1mPa" data-anytime-pay="pl_4kTz8QwN2xYb6RcD1mPa" style="display:inline-block;padding:12px 24px;border-radius:8px;background:#2563EB;color:#FFFFFF;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer">Pay $125.00</a>
<script async src="https://anytime-capital.com/embed/anytime-pay.js"></script>

<div data-anytime-pay-inline="pl_4kTz8QwN2xYb6RcD1mPa">
  <a href="https://anytime-capital.com/pay/business/pl_4kTz8QwN2xYb6RcD1mPa">Pay securely with Anytime Capital Payments</a>
</div>
<script async src="https://anytime-capital.com/embed/anytime-pay.js"></script>

<a href="https://anytime-capital.com/pay/business/pl_4kTz8QwN2xYb6RcD1mPa" target="_blank" rel="noopener" style="display:inline-block;padding:12px 24px;border-radius:8px;background:#2563EB;color:#FFFFFF;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer">Pay $125.00</a>

https://anytime-capital.com/pay/business/pl_4kTz8QwN2xYb6RcD1mPa

Wix

Wix: button or link

Your own button, linked to your secure checkout page. Works on every plan.

1. In the Wix Editor, choose Add Elements (+) → Button and place a button on your page.
2. Choose Change Text and type what it says, such as "Pay now".
3. Choose the Link icon → Web Address and paste your payment link.
4. Choose to open it in a new tab if the builder offers it, so your page stays open.
5. Publish (or update) the page.

Wix: checkout in the page

The checkout itself sits in your page and grows with its content.

1. In the Wix Editor, choose Add Elements (+) → Embed Code → Embed HTML.
2. Choose Enter Code, select Code, paste the code and choose Update.
3. Drag the box's bottom edge until it's at least 720 pixels tall.
4. Publish (or update) the page.

This builder shows custom code in a box of its own, so the checkout can't grow by itself: make the box at least 720 pixels tall. Apple Pay and Google Pay may not appear inside the box; cards always work there, and the checkout page a button opens shows every way to pay.

I want to take payments on my Wix website with Anytime Capital, a fintech company, not a bank. Help me add a button or link that opens this payment link: <your payment link>

Walk me through it one click at a time. Use one of Wix's own buttons or links, set it to open this address (in a new tab if Wix offers it), and tell me where to find each setting.
Good to know: Wix runs custom code in a box of its own, so a window over your page isn't possible there: use a Wix button, or the checkout in the page.
Don't change the code or the link, and don't ask me for card details or passwords.
The full guide is at https://anytime-capital.com/docs/website-builders#wix

Squarespace

Squarespace: pay button

Customers pay in a secure window over your page, without leaving your site.

1. Edit the page, choose where the button goes and choose Add Block → Code.
2. Paste the code, make sure the block is set to HTML, then click outside the block.
3. Save the page. While you edit, Squarespace may show "Script disabled": the button works on the published page.

Squarespace: checkout in the page

The checkout itself sits in your page and grows with its content.

1. Edit the page and choose Add Block → Code where the checkout should go.
2. Paste the code, make sure the block is set to HTML, then click outside the block.
3. Save the page and open the live page to see it.

Squarespace: button or link

Your own button, linked to your secure checkout page. Works on every plan.

1. Edit the page and choose Add Block → Button.
2. Type the button text, then paste your payment link as the button's link.
3. Choose to open it in a new tab if the builder offers it, so your page stays open.
4. Save the page.

I want to take payments on my Squarespace website with Anytime Capital, a fintech company, not a bank. Help me add a Pay button that opens a secure checkout over my page. Here is the code from Anytime Capital:

<paste the code from Checkout tools here>

Walk me through it one click at a time. Check whether my Squarespace plan allows custom code first. If it doesn't, show me how to point one of Squarespace's own buttons at this link instead: <your payment link>
Good to know: Code blocks with scripts need a Squarespace Core, Plus or Advanced plan (or a Business or Commerce plan on older pricing). On a Basic or Personal plan, use a Button block.
Don't change the code or the link, and don't ask me for card details or passwords.
The full guide is at https://anytime-capital.com/docs/website-builders#squarespace

Webflow

Webflow: pay button

Customers pay in a secure window over your page, without leaving your site.

1. In the Designer, open the Add panel and drag a Code Embed where the button goes.
2. Paste the code and choose Save & Close.
3. Publish the site. Scripts run on the published site, not inside the Designer.

Webflow: checkout in the page

The checkout itself sits in your page and grows with its content.

1. In the Designer, open the Add panel and drag a Code Embed where the checkout goes.
2. Paste the code and choose Save & Close.
3. Publish the site and open the published page to see it.

Webflow: button or link

Your own button, linked to your secure checkout page. Works on every plan.

1. Add a Button from the Add panel and type its text.
2. In Element settings, under Link settings, choose URL and paste your payment link.
3. Choose to open it in a new tab if the builder offers it, so your page stays open.
4. Publish the site.

I want to take payments on my Webflow website with Anytime Capital, a fintech company, not a bank. Help me add a Pay button that opens a secure checkout over my page. Here is the code from Anytime Capital:

<paste the code from Checkout tools here>

Walk me through it one click at a time. Check whether my Webflow plan allows custom code first. If it doesn't, show me how to point one of Webflow's own buttons at this link instead: <your payment link>
Good to know: Custom code needs a paid Webflow Site plan or a paid Workspace plan to publish. On a free plan, link a Webflow button instead.
Don't change the code or the link, and don't ask me for card details or passwords.
The full guide is at https://anytime-capital.com/docs/website-builders#webflow

WordPress

WordPress: pay button

Customers pay in a secure window over your page, without leaving your site.

1. Edit the page or post, choose + (Add block) and pick Custom HTML.
2. Paste the code into the block.
3. Choose Update or Publish.

WordPress: checkout in the page

The checkout itself sits in your page and grows with its content.

1. Edit the page, choose + (Add block) and pick Custom HTML where the checkout goes.
2. Paste the code into the block.
3. Choose Update or Publish, then open the live page.

WordPress: button or link

Your own button, linked to your secure checkout page. Works on every plan.

1. Edit the page, choose + (Add block) and pick Buttons.
2. Type the button text, choose the link icon and paste your payment link.
3. Turn on Open in new tab.
4. Choose Update or Publish.

I want to take payments on my WordPress website with Anytime Capital, a fintech company, not a bank. Help me add a Pay button that opens a secure checkout over my page. Here is the code from Anytime Capital:

<paste the code from Checkout tools here>

Walk me through it one click at a time. Check whether my WordPress plan allows custom code first. If it doesn't, show me how to point one of WordPress's own buttons at this link instead: <your payment link>
Good to know: On WordPress.com, scripts in a Custom HTML block need a Business or Commerce plan; on lower plans the script is removed and the code stays a plain link to your checkout. Self-hosted WordPress: administrators can add it on any site. Selling with WooCommerce? Use our plugin instead.
Don't change the code or the link, and don't ask me for card details or passwords.
The full guide is at https://anytime-capital.com/docs/website-builders#wordpress

Framer

Framer: button or link

Your own button, linked to your secure checkout page. Works on every plan.

1. Select the button or text layer customers will click.
2. In the right panel, under Link, paste your payment link.
3. Turn on New Tab.
4. Publish (or update) the page.

Framer: checkout in the page

The checkout itself sits in your page and grows with its content.

1. Choose Insert → Embed and place it where the checkout goes.
2. In the Embed's properties choose HTML and paste the code.
3. Set the Embed's height to at least 720 pixels.
4. Publish (or update) the page.

This builder shows custom code in a box of its own, so the checkout can't grow by itself: make the box at least 720 pixels tall. Apple Pay and Google Pay may not appear inside the box; cards always work there, and the checkout page a button opens shows every way to pay.

I want to take payments on my Framer website with Anytime Capital, a fintech company, not a bank. Help me add a button or link that opens this payment link: <your payment link>

Walk me through it one click at a time. Use one of Framer's own buttons or links, set it to open this address (in a new tab if Framer offers it), and tell me where to find each setting.
Good to know: Framer shows embedded code in a box of its own, so a window over your page isn't possible there: link a Framer button, or use the checkout in the page.
Don't change the code or the link, and don't ask me for card details or passwords.
The full guide is at https://anytime-capital.com/docs/website-builders#framer

GoDaddy Website Builder

GoDaddy Website Builder: button or link

Your own button, linked to your secure checkout page. Works on every plan.

1. Choose Edit Website, then select a section with a button (or add one).
2. Select the button, type its label and set its link to a web address.
3. Paste your payment link.
4. Choose to open it in a new tab if the builder offers it, so your page stays open.
5. Publish (or update) the page.

GoDaddy Website Builder: checkout in the page

The checkout itself sits in your page and grows with its content.

1. Choose Edit Website → Add Section, search for HTML and add the HTML section.
2. Paste the code into Custom Code and choose Done.
3. If the section has a height setting, make it at least 720 pixels.
4. Publish (or update) the page.

This builder shows custom code in a box of its own, so the checkout can't grow by itself: make the box at least 720 pixels tall. Apple Pay and Google Pay may not appear inside the box; cards always work there, and the checkout page a button opens shows every way to pay.

I want to take payments on my GoDaddy Website Builder website with Anytime Capital, a fintech company, not a bank. Help me add a button or link that opens this payment link: <your payment link>

Walk me through it one click at a time. Use one of GoDaddy Website Builder's own buttons or links, set it to open this address (in a new tab if GoDaddy Website Builder offers it), and tell me where to find each setting.
Good to know: GoDaddy runs custom code in a box of its own, so a window over your page isn't possible there: use a GoDaddy button, or the checkout in the page.
Don't change the code or the link, and don't ask me for card details or passwords.
The full guide is at https://anytime-capital.com/docs/website-builders#godaddy

Carrd

Carrd: pay button

Customers pay in a secure window over your page, without leaving your site.

1. Choose + (Add element) → Embed where the button goes.
2. Set Type to Code and Style to Inline, paste the code and choose Done.
3. Publish the site.

Carrd: checkout in the page

The checkout itself sits in your page and grows with its content.

1. Choose + (Add element) → Embed where the checkout goes.
2. Set Type to Code and Style to Inline, paste the code and choose Done.
3. Publish the site.

Carrd: button or link

Your own button, linked to your secure checkout page. Works on every plan.

1. Choose + (Add element) → Buttons.
2. Type the button's label and paste your payment link as its URL.
3. Publish the site.

I want to take payments on my Carrd website with Anytime Capital, a fintech company, not a bank. Help me add a Pay button that opens a secure checkout over my page. Here is the code from Anytime Capital:

<paste the code from Checkout tools here>

Walk me through it one click at a time. Check whether my Carrd plan allows custom code first. If it doesn't, show me how to point one of Carrd's own buttons at this link instead: <your payment link>
Good to know: Embed elements need Carrd Pro Standard or Pro Plus. On the free plan or Pro Lite, use a Carrd button.
Don't change the code or the link, and don't ask me for card details or passwords.
The full guide is at https://anytime-capital.com/docs/website-builders#carrd

Ghost

Ghost: pay button

Customers pay in a secure window over your page, without leaving your site.

1. In the post or page editor, start a new line, type / and choose HTML.
2. Paste the code into the HTML card.
3. Publish or Update.

Ghost: checkout in the page

The checkout itself sits in your page and grows with its content.

1. In the editor, start a new line where the checkout goes, type / and choose HTML.
2. Paste the code into the HTML card.
3. Publish or Update.

Ghost: button or link

Your own button, linked to your secure checkout page. Works on every plan.

1. In the editor, start a new line, type / and choose Button.
2. Type the button text and paste your payment link as its URL.
3. Publish or Update.

I want to take payments on my Ghost website with Anytime Capital, a fintech company, not a bank. Help me add a Pay button that opens a secure checkout over my page. Here is the code from Anytime Capital:

<paste the code from Checkout tools here>

Walk me through it one click at a time. Check whether my Ghost plan allows custom code first. If it doesn't, show me how to point one of Ghost's own buttons at this link instead: <your payment link>
Don't change the code or the link, and don't ask me for card details or passwords.
The full guide is at https://anytime-capital.com/docs/website-builders#ghost

Linktree and link in bio

Linktree and link in bio: button or link

A link on your page that opens your secure checkout. Works on every plan.

1. In Linktree (or Beacons, Stan, Koji and the like) choose Add, then add a link.
2. Paste your payment link as the URL.
3. Give it a title customers understand, such as "Pay for your order" or "Book and pay".
4. It's live as soon as you save it. The same link works in an Instagram, TikTok or X bio.

I want to take payments on my link-in-bio page with Anytime Capital, a fintech company, not a bank. Help me add a button or link that opens this payment link: <your payment link>

Walk me through it one click at a time. Use one of Linktree and link in bio's own buttons or links, set it to open this address (in a new tab if Linktree and link in bio offers it), and tell me where to find each setting.
Good to know: Link-in-bio pages don't take custom code, so add your payment link as one of your links. It opens your secure checkout.
Don't change the code or the link, and don't ask me for card details or passwords.
The full guide is at https://anytime-capital.com/docs/website-builders#linktree

Your own HTML

Your own HTML: pay button

Customers pay in a secure window over your page, without leaving your site.

1. Paste the code inside <body> where the button should appear.
2. With several buttons on one page, the script line is only needed once.
3. Deploy the page.

Your own HTML: checkout in the page

The checkout itself sits in your page and grows with its content.

1. Paste the code inside <body> where the checkout should appear.
2. It fits the width of its container: put it in a column about 480 pixels wide or more.
3. Deploy the page.

Your own HTML: pay button (no script)

A styled link to your secure checkout page, with no script at all.

1. Paste the code where the button should appear.
2. Deploy the page.

Your own HTML: button or link

The checkout page's address, for emails, messages and anything else.

1. Use the link anywhere a web address goes, or send customers to it from your own code.

I want to take payments on my website with Anytime Capital, a fintech company, not a bank. Help me add a Pay button that opens a secure checkout over my page. Here is the code from Anytime Capital:

<paste the code from Checkout tools here>

Walk me through it one click at a time. Check whether my Your own HTML plan allows custom code first. If it doesn't, show me how to point one of Your own HTML's own buttons at this link instead: <your payment link>
Don't change the code or the link, and don't ask me for card details or passwords.
The full guide is at https://anytime-capital.com/docs/website-builders#html

Test it before customers do

1. Switch your dashboard to test mode and make a test payment link (or load sample data).
2. In Checkout tools → Add to your website, choose your builder and the test link, and paste the code or link where the steps say.
3. Open your published page and pay with the test card 4242 4242 4242 4242. Use any future expiry date and any three-digit security code.
4. Check the payment under Orders in test mode, then come back to live mode, choose your live link and replace the test code or link with it.

Checkout tools' Test it does the same without your site: in test mode it opens the Pay button over the dashboard, the checkout or the link exactly as customers will see them. See Test mode.

For developers: what the embed needs

• The script loads from https://anytime-capital.com/embed/anytime-pay.js and places the checkout in a frame from https://anytime-capital.com/embed/pay/pl_…. If your site sends a Content-Security-Policy, add https://anytime-capital.com to script-src and frame-src.
• Our embedded checkout may be framed by any website; nothing to set up on our side.
• The frame asks for the Payment Request API (allow="payment *") so Apple Pay and Google Pay can show. A page whose Permissions-Policy turns payment off still takes cards.
• The inline checkout sizes itself from messages it accepts only from https://anytime-capital.com.
• Where a builder strips scripts, the code is still a plain link to your checkout page.
• Builders that put custom code in a box of their own (Wix, GoDaddy, Framer) keep the checkout inside that box: use their button, or the checkout in the page with a fixed height.

Prefill, your own order reference and the anytime-pay:succeeded event are covered in Hosted checkout, Pay button and branding.