System updates

We’re experiencing issues that may affect your Square services. We’ll continue to update our status page with more information.

Back to Home

Add a Square Payment Link Buy Button to Your Website

Ready to be paid online quickly with Square? Get started >

As you’re getting started with Square Online Checkout links, you can create a buy button to add to your website as a convenient way to take customers directly to a checkout page. Create your buy button by generating a small piece of HTML code that you can embed on your website, blog, landing page or even the body of an email.

Note: If you need help with adding embeddable HTML code to your website built outside of Square, contact your website provider or publishing platform directly for support. You can also visit their support centre to see if they have this information readily available to you. We cannot guarantee that your third-party website will be able to support Square’s buy buttons.

Create a Buy Button

To create a Square Payment Link buy button:

  1. In your online Square Dashboard, go to Payment Links.

  2. Select Add button to website.

  3. Add a title, button text, amount and adjust the frequency of the payment.

  4. Add an optional image, and adjust the Advanced settings if needed.

  5. Click Continue to customize your buy button styles. These settings will be applied to all of your buy buttons.

  6. Select Copy to copy the HTML code, and paste it somewhere that accepts embeddable code.

Manage Settings for Buy Buttons

To manage settings for your buy buttons built with Square Payment Links:

  1. In your online Square Dashboard, go to Payment Links.

  2. Select Settings > Branding.

  3. Choose your button font, colour and shape.

  4. Toggle your button style settings like Image, Title and Price.

  5. Select Save when finished.

All future buy buttons you create with Square Payment Links will default to these settings.

Add a Buy Button to WordPress

Need to embed a buy button on WordPress? Learn more in the WordPress.org support centre.

You can add a buy button to your WordPress.org site. To add a buy button to WordPress, check out how to embed on a WordPress website in WordPress.org’s support centre.

Note: Embedded buy buttons are compatible with the WordPress.org platform, but not with WordPress.com.

Add a Buy Button to Squarespace

Need to embed a buy button on Squarespace? Learn more in the Squarespace support centre.

You can add embed code to individual posts in Squarespace and to the menus on your homepage. In some cases, you might want to do both. For example, you can embed a cart on your homepage to receive purchases from buy buttons that you embed on individual posts. To add a buy button to Squarespace, check out how to add custom code on a Squarespace website in the Squarespace support centre.

Note: Some advanced customizations on Squarespace are theme-specific. These customizations aren’t supported by Square.

If you complete the steps and your buy button isn’t loading, then you might need to disable Ajax loading. To see more details, check out how to enable or disable Ajax in the Squarespace support centre.

Note: If you add an embedded cart to a menu on your Squarespace homepage, then it receives orders from buy buttons that you embed on individual posts.

Add a Buy Button to Wix

Need to embed a buy button on Wix? Learn more in the Wix support centre.

After you’ve created a buy button with Square, you can add it to your Wix website using the Wix Website Editor. To add a buy button to Wix, check out how to embed on a Wix site in the Wix support centre.

Can't find what you need?