Create a Purchase Button

In this article we'll show you how to use PageCloud's button element to create a Foxy purchase option.

Add Foxy Code Snippet

To display the sidecart when a customer adds a product to cart and to store customer sessions, Foxy's code snippet must be added to the footer of your PageCloud website.

1

In the Foxy dashboard, go to the Sample Code page.

2

In the Sample Code page, copy the snippet of code from the Step 1 section.

3

In PageCloud, click on the "Page Settings" option.

4

In the "Page Settings" panel, click on the "Advanced" tab.

5

Scroll down and click on the "Body" section.

6

Paste the snippet of code you just copied.

7

Click on the "Save & Close" button to save your changes.

Link Button Element

1

In PageCloud, select your add to cart button to display the button settings.

2

In the Button Settings panel, click on the "Link" tab.

3

Change the "Link To" option to "Another Website".

4

Go back to the Foxy Sample Code page to get a sample purchase link.

5

From the Step 2 section, copy the link example href value.

6

In PageCloud, paste the link you just copied into the "Website URL" field.

7

Modify the product parameters as needed. More information about product parameters can be found in our wiki here.

8

Click on the "Create Link" button.

9

Save your changes.