Articles on: Payment Links
This article is also available in:

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:

Wordpress
Wix
Squarespace

The first step is to generate your payment button in Fygaro, either for a specific product / service (Create a Product 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".








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"



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.




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.



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.







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




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



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":


Updated on: 04/05/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!