Yes, you can use Square on Weebly. There are two ways to do this: by adding the Square code to your site, or by using the Square widget.
If you want to add the Square code to your site, you’ll need to add a few lines of code to your Weebly site. First, you’ll need to create a new page in your Weebly editor and then click on the HTML button. Next, copy the following code and paste it into your new page:
<script type="text/javascript"
src="https://squareup.com/j/YOUR-SQUARE-ID"></script>Replace “YOUR-SQUARE-ID” with your actual Square ID. You can find your Square ID by logging into your Square account and clicking on the Profile tab. Your Square ID will be listed under “Account Information”.
Once you’ve added the code to your Weebly site, you should see a “Buy Now” button appear on your page. You can style this button using CSS. For example, if you want to change the color of the button, you can add the following CSS code to your Weebly editor:
input#sq-button { background-color: # YOUR-HEX-CODE;}Replace “# YOUR-HEX-CODE” with the hex code of the color you want to use. You can find hex codes for colors
<a href="http://www.colorpicker.com/">here</a>If you want to use the Square widget, you can add it to your Weebly site by going to:
<a href="https://squareup.com/widgets">
https://squareup.com/widgets</a>and selecting the “Buy Now” button widget. Once you’ve customized the widget, click on the “Get Code” button and then copy the code that appears.
Next, go back to your Weebly editor and click on the “Add HTML/JavaScript” element. Paste the code into the “Content” box and then click on “Save”.
