How to add a 3rd party payment gateway to your Squarespace site (2022 update)
Squarespace has undergone a few changes since we wrote this blog (namely the new fluid engine) but with regards to payment gatewayβs, the only new option weβve received is Square.
We still donβt have the option to natively connect any of the other gateways mentioned in this blog post.
PayPal and Stripe are two of the largest and most dependable payment providers for transactions on the web; However, PayPal and Stripe are not supported in every country.
Square is also making its Squarespace debut, but is only available in the US.
Squarespace facilitates three payment processors (PayPal, Stripe and now Square), but due to technical limitations, Squarespace cannot provide payment processors outside of whatβs already integrated with the platform, meaning some people have to seek alternatives.
As we donβt have access to Squarespaceβs backend code, we cannot integrate another payment processor with Squarespace' own eCommerce features; we have to integrate different eCommerce software.
PLEASE NOTE: Different eCommerce software isnβt a new payment provider, itβs a new Product Management System for which you will need to pay a subscription.
Popular choices that are easy to combine with Squarespace are Shopify and SendOwl; both of which allow you to embed βBuy Buttonsβ into your Squarespace site, accepting transactions from the payment processor of your choice.
The βLiteβ plan for Shopify, and the βBasicβ plan for SendOwl are both $9 per month.
Whenever going through any payment gateway, itβs always advised to look for any hidden fees. Our recommendation is to look at two or three different options and then comparing them to make sure you have a solution that best suits your needs.
For example, Shopify will charge 2.2% + 20p per credit card transaction (outside of its own payment provider), whereas SendOwl doesnβt issue transaction fees.
How to guide:
The following illustrates how you can use Shopify to choose a payment gateway of your choice and then add it to your Squarespace site.
Please bear in mind that this guide requires you to have the βBusinessβ hosting plan.
How to add your payment gateway to Shopify
1) Create a Shopify account and start a free trial by clicking here.
2) Click the βSettingsβ option in the lower left-hand corner, and then click the βPaymentsβ option.
3) Scroll down to the βSupported payment methodsβ section and click on the βAdd payment methodsβ button.
4) You can search for your preferred payment method either by payment method or by provider.
5) After youβve found your preferred method, click on the βActivateβ button.
6) As each payment method is different, there will be varying details youβll need to provide based on your chosen payment method, but after youβve provided the necessary details, click on the βActiveβ button at the bottom of the page.
How to add a Shopify βBuyβ button to your Squarespace site:
Shopify Section
1) Create a Shopify account and start a free trial by clicking here.
2) Click on βProductsβ from the left-hand sidebar, and click βCreate Productβ.
3) Create a product that matches a product you already have in your Squarespace store.
4) After youβve created your product, from the left-hand sidebar, click on βSales channelsβ and when prompted type in and search for βBuy buttonβ.
5) The Shopify App store will open in another tab; you should select the βBuy Button channelβ app, then click βAdd appβ, scroll down to the bottom of the page and select the βAdd sales channelβ button.
6) Click the βCreate a Buy Buttonβ button, then select the βProduct Buy Buttonβ option and select the product you want to create the button for.
7) Switch the βLayout styleβ to βBasicβ and ensure the βAction when people clickβ option is set to βAdd product to cartβ, then click βNextβ. You can also change the appearance of the button under the βButton styleβ option and change the layout options (such as alignment, etcβ¦) under the βLayoutβ options.
8) Copy the code and switch over to your Squarespace site (Iβd leave the tab open so you can re-copy the code if need be).
Squarespace section
1) In your Squarespace admin site, navigate to your store page.
2) Find the product which matches the product you created in Shopify, click the 3 dots (settings) and click βEditβ.
3) Under the βDetailsβ section and click on the βAdditional Infoβ option.
4) Add a code block to the page and paste the code from Shopify.
5) Click the βApplyβ button and then click the βSaveβ button.
Optional
Youβll notice that after you click βSaveβ your product will have 2 buy buttons. If you want to give your users the option to choose whether they pay via Squarespace and your new payment method then you can ignore this part.
However, if you only want to take payments through the new payment method, then copy and paste the code below into the CSS editor under the Design settings.
The code will remove the "Product Variants", "Quantity" and "Add to Cart" options from all products on your Squarespace store.
/*Removes Squarespace "Product Variants", "Quantity" and "Add to Cart" button*/ .product-variants, .product-quantity-input, .sqs-add-to-cart-button-wrapper{ display:none !important; }
Here is a list of the payment processors that are supported by Shopify and SendOwl (Updated 2019):
2Checkout
Adyen
Affirm
Afterpay
Alipay Global
Asiabill
Authorize.net
Bambora
Bancontact via Mollie
BitPay
CartΓ£o de CrΓ©dito e Boleto via EBANX
CartΓ£o de CrΓ©dito em atΓ© 12x via EBANX
Chase Paymentech (Orbital)
Checkout.com
Coinbase Commerce
ComproPago - Efectivo(Oxxo, 7Eleven,..), SPEI, Criptomonedas
Credit Card Payments Powered by PayTabs
CyberSource
Divido
EBANX Payments in Latin America
Elavon Converge
ePay / Payment Solutions
eWAY Rapid 3.1
First Data Payeezy
G2A Pay
GoCoin
HiTRUST
IATS Payments
iDEAL via Mollie
Ignite Payments
Kash Direct Debit
KNPay
Laybuy
Mercado Pago
Mondido Payments
Moneris
MultiSafepay
MyFatoorah
Ogone DirectLink
PagBrasil
PagSeguro
PayBright
PayDollar
PayFort
Payment Express PxPay
PaymentExpress
PAYMILL
PayPal Express Checkout
PayPal Payflow Pro
Paysafe
Paystation
PayU Latam
Pin Payments
PinwheelPay
POLi Internet Banking
Psigate
PUT IT ON LAY-BUY
QuickPay
Realex Payments (Offsite)
Sage Payment Solutions
SecurePay (Australia)
Sezzle
Shopify Payments
Skrill
SOFORT Banking (DIRECTebanking)
Stripe
Tap
Vantiv Integrated Payments
WorldPay (Direct)
WorldPay (Offsite)
Zip