Jump to content

Trying to integrate a "Buy Now" button with existing code but with my own button design (Paddle MoR)

Recommended Posts


I'm trying to integrate Paddle into our website so that customers can click a buy button and the Paddle "overlay" pops up and they can pay etc. However since i'm not exactly a coding afficionado i'm not able to get it looking the way I want.

Basically, in the Paddle documentation they have a bunch of sample code I can put into a code block, this works and a clickable button shows up and  the overlay works fine. The problem is the button design as it's not consistent with the Squarespace buttons I have made and use throughout the website, and I can't figure out how to get this code to run through a button or replace the button I get in the code block with the Squarespace button.


This is the code I put into the code block to get a functional button but with the wrong design.

<a href="#!" class="paddle_button" data-product="111111">Buy Now!</a>
    <script src="https://cdn.paddle.com/paddle/paddle.js"></script>
    <script type="text/javascript">
     Paddle.Setup({ vendor: 111111 });

Link to the documentation if anyone is curious: 


I have made an example page where you can see the button I want to use for this and the functional paddle button.



Link to comment
  • Replies 1
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.