Website Building » Squarespace » How Do I Add a Payment Option to Squarespace?

How Do I Add a Payment Option to Squarespace?

Last updated on December 12, 2022 @ 2:00 pm

Adding a payment option to your Squarespace account is a quick and easy process. There are two ways to do this:

    1. Add a payment gateway through the Payments panel in your site’s settings.

    2. Use the Code Injection tool to add a custom payment button to your site.

Both methods are equally effective, but we recommend using the first method whenever possible. It’s simpler and less likely to cause problems with your site’s design.

To add a payment gateway:

    1. Log in to your Squarespace account and enter the Payments panel in your site’s settings.

    2. Select the + Add Gateway button.

    3. Choose a gateway from the list and follow the on-screen instructions to set it up.

    4. Save your changes.

To add a custom payment button:
1. Log in to your Squarespace account and enter the Code Injection tool in your site’s settings.

2. Copy and paste the following code into the Header field:

< script src="https://button.stripe.com/v1/button.js" class="stripe-button"data-key="your-public-key" data-amount="2000" data-name="Your Site Name"data-description="2 widgets ($20.00)" data-image="/128x128.png" > < /script >

3. Replace “your-public-key” with your Stripe public key, which you can find in the API Keys section of your Stripe dashboard.

4. Replace “2000” with the amount you want to charge, in cents (i.e. $20.00 becomes 2000).

5. Replace “Your Site Name” with the name of your website or business .

6. Replace “2 widgets ($20 .00)” with a description of what the customer is paying for .

7. Replace “/ 128×128 .png” with the URL of a 128×128 pixel image that represents your brand or product . This is known as a product logo, and it’s optional if you don’t have one handy .

8. Save your changes and preview your site to test the button . Note that you won’t be able to actually make a purchase until you connect your Stripe account to a payment processor

PRO TIP: If you are using Squarespace to process payments, you will need to add a payment option in order to accept credit card payments. To do this, log into your Squarespace account and go to the Settings panel. Under the ‘Billing & Payments’ section, click on the ‘Payment Options’ tab. From here, you can add a new payment option by clicking on the ‘Add Payment Option’ button.

Before adding a new payment option, you should always review the terms and conditions of your chosen provider. You should also make sure that you are familiar with Squarespace’s refund policy in case you need to process a refund for a customer.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.