Add Payment Buttons on Wix, Wordpress and more

Install your payment buttons on an existing web site easily.

Select the platform you will like to use:

The first step is to generate your payment button in Fygaro, either for a specific product / service (Create Payment button) or a custom payment button (Create Custom Payment button).

Once created, we will use the option "Embed in Another Site" and copy the code displayed on the screen.

Platform: Wordpress

In our Wordpress we select Create Page or Create Publication.

In the page editor, we select "Add Block", "Format" and select "Custom HTML".

Click on the ad block button and select Custom HTML

Select Custom HTML from menu

Now paste the code obtained from Fygaro in the "Custom HTML" field of the editor and click on the top right on "Preview" or "View draft" to verify correct operation.

Platform: Wix

Once inside Wix and the page created, we will click on "Add", and that will open a menu on the left. We must go down the menu until we find a call "HTML iFrame"

Click Add from the Wix menuChoose Code from the Embeds section

Wix has certain limitations to add external code, so we cannot copy the code from Fygaro directly on the page, but an option called iFrame is used.

It is important that the size of the iFrame is adjusted so as not to create an ugly or untrustworthy appearance to customers.

Now, we have a little gray box to add our code to. We want to go to the "Code Editor" and paste the code obtained from our Fygaro account there.

Click Edit Code on the module that was createdPaste the Shopify Buy Button code into the editor and click Apply

Once this is done, Wix will update and show us the Fygaro Payment Button. Now we must adapt the size of the gray box so that it allows us to see the Fygaro Payment Button (it must be just, without much extra space and without cutting the button).

When you are ready, you can click on "Preview" to check that everything is fine.

 

Screen Shot 2020-10-06 at 5.41.24 PM

Platform: SquareSpace

Log into your SquareSpace account, and select the "Pages" option (side menu).

Now that you are inside the editor, you can select an existing page or add a new one to the site, and add a new blank section.Screen Shot 2020-10-06 at 5.28.15 PM

Click add section and the Blank

On the new page, we must edit the section by clicking on the icon as indicated and then selecting the "code" option.

Screen Shot 2020-10-06 at 5.29.21 PM Select the Code option

Now we can paste the code obtained from Fygaro and click on "Apply"

Screen Shot 2020-10-06 at 5.30.49 PM

If you get an alert saying that "scripts" have been detected and cannot be saved automatically, nothing happens. Just make sure to manually click on "Save":

Click Save