How to embed Pay It Square into your website

Embedding Pay It Square pages is one of the many ways we make it easier to collect money online. For some, hosting the page on Pay It Square's site wont work as well as having right on your website. Lets go through the steps of embedding your Pay It Square page on your website. 

First: Please ensure that your site host allows javascripts. Some blog hosting sites (like and Blogspot) do not allow certain types of javascripts to be run. If this is the case, read articles about Hosting your own blog 

I am going to use the example from one of our employees, who was planning an Auto Rally using Pay It Square. He used Wordpress CMS for his website, so we will be using that in our example. 


1. Log in to your Pay It Square account in one tab, and the CMS for your website in another. 

2. On Pay It Square, Go to My Pages --> Manage Page, Then click "Advanced Embedding Options"

Advanced Embed

3. Go back to your website tab, and create a new page. This will look different for every CMS used, so screenshots will not help here. Create the name of your page, and click to edit the body of the page. Be sure that you are editing in HTML. 

4. Now, go back to Pay It Square tab, and you will see the "Advanced Embed" window. Go ahead and enter the width of your page, 600 is pretty normal, so you can leave it if you're not sure and edit it later. 

Advanced Embed 2

5. Copy and paste the code into the body text of your page

6. Publish your page

Thats it! Your Pay It Square page should now be embedded on your website. If you are having sizing problems, go back into the HTML code and change the width of the page to match your website. 

Advanced Embed 3




-Joel at Pay It Square