Create a Purchase Button

In this article we'll show you how to use Unbounce'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 your Unbounce 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 Unbounce, click on the "Javascripts" option at the bottom of the page.

4

Paste the snippet of code you just copied.

5

Click on the "Save Code" button to save your changes.

Link Button Element

1

In Unbounce, select your purchase button to display the button properties.

2

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

3

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

4

In Unbounce, paste the link you just copied into the "URL" field under the "Click Action" section.

5

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