Generate a Payment Button for your Website

MONESQ allows you to generate a payment button you can place on your website. Follow these instructions to configure your button, download the button image, and copy the html code to place into your website. 

NOTE: If you are using MONESQ Professional Website, your payment button is already built into your website’s design. You can change your site’s design (including button color and font) using the website configurator tool. 

To generate a payment button for your website:

Select ‘Settings’ from the menu on the left side of the screen:

Select ‘Payment Link’ from the Settings menu on top of the page:

To configure your button, click the ‘View Catalog’ button in the ‘Payment Button’ area:

Configure Button Settings

Language:

Click the radio button next to the language you would like to appear on your payment button. Current options include English and Spanish:

Website background:

Click the radio button next to the background color your website uses in the location you’d like your button placed. If your website uses a dark background color in the location you’d like your button placed, click the radio button next to ‘Dark’. For a light-colored website background, click the radio button next to ‘Light’. This setting will allow you to picture your button as it will appear on a light or dark background as you continue to configure it:

Light background:	Dark background:

Button color:

Choose from white, yellow, or dark:

White:	Yellow:
Dark:

Button text:

Select which text you’d like to appear on your payment button:

"Make a payment":	"Pay invoice":
"Pay retainer":	"Pay with MONE$Q":

Download button image and widget code

Once you have configured your payment button, download the resulting button image and copy the widget code.

To download the button image, click the version of the button that includes the forms of payment you wish to accept, then click ‘Download image’ from the resulting pop-up menu:

To copy the widget code, click ‘Copy widget’ from the pop-up menu. This action will copy the text to your system’s clipboard and you will see a message confirming that the widget code has been copied to the clipboard:

You can then paste the widget code into any document, and provide it to your web developer or designer along with the downloaded button image for placement into your website.