How do I accept Payments through GoSite on my website?
In this article, we will cover how to add a Payments Link to your website so your customers can pay you securely through your website. These options are for when you want the customer to handle the payment, rather than you sending an Invoice or Payment Link via text or email.
Option 1: Create a "Pay Now" Button
In this option, we can create a generic Pay Now button on the website which will redirect the customer to a secure site where they put in the amount they owe and enter their card information.
In your web builder, hover over the section you want to edit, click the blue pencil icon, and drag a Button widget to your desired location. If you are creating a new section for it, you will have to drag a grid first, then the Button widget. Grids are located below the Widgets in the left side menu.
Click on the button to open the Button Settings. Under General Settings rename your button, and pick an icon if you wish. Under Advanced Settings customize how you would like your button to look. Once that is complete scroll all the way down to "Link Settings" at the bottom of the menu.
Once in Link Settings, select "Web Address" from the left side menu, and enter the URL payments.gosite.com and click Save.
Click Save then Publish, and once you see the "Congratulations" pop up box appear, your changes have been made.
Once published, the "Pay Now" button will live on the business' website. When an end-consumer clicks the button, they are taken to payments.gosite.com to make a payment. They will need to click the "New Payment Request" button to send your business money. They will not select any services with this option, the end-consumer will simply type the amount and process the payment from their device.
Option 2: Create a Payment Widget
In this option, we can create a pop-up payment window on your website where the amount is set and the customer just inputs their card information. If you have multiple services that are different prices, you will need to create an additional widget per each separate amount.
First, we need to create our Widget in your GoSite Dashboard. Locate the Widgets tab in your Payments tool. Click "+ Create Widget". Fill out the left side of the form. Remember the amount is pre-set, so you will need to create a widget for each amount if you charge for different rates.
Once you have filled out the form, hit Save.
Next, we will copy the embedded code by clicking on the </> icon next to the Widget Name. Click the overlapping squares in the top right of the box to copy the code.
From here, we will go back into our web builder. Hover over the section you want to edit, click the blue pencil icon, and drag a Code widget to your desired location. If you are creating a new section for it, you will have to drag a grid first, then the Button widget. Grids are located below the Widgets in the left side menu.
Click the Code widget to open the Embed-Code Settings. Clear the code that's in the box and paste the code that we copied from the Dashboard.
Click Save then Publish, and once you see the "Congratulations" pop up box appear, you are done!
Option 3: Pay through Booking Tool
If you don't want to set a price with the widget or have the user click the Pay Now button, there is one other solution that allows the customer to pay for a specific service, which would be the Booking tool. In this workaround, the end-user will act as if they are booking a service with you and pay for it through the appointment form.
First we will need to grab the URL (or widget code) from the Settings in the Booking Tool on your Dashboard. Scroll to the bottom of the Settings page to find the Booking URL and widget code.
Copy the Booking Site URL, and open up the web builder. Similar to how you could create a Pay Now button, drag over the Button widget and once you have customized your button, open Link Settings and select web address. Then enter the Booking Site URL that you just copied from the Dashboard.
The other option would be to copy the Button Widget Code from the Dashboard, drag the Code widget over and clear and past the code. Both options lead to the same place.
With any option, make sure to Save & Publish!