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.
- In the Foxy dashboard, go to the Sample Code page.
- In the Sample Code page, copy the snippet of code from the Step 1 section.
- In Unbounce, click on the "Javascripts" option at the bottom of the page.
- Paste the snippet of code you just copied.
- Click on the "Save Code" button to save your changes.
Link Button Element
- In Unbounce, select your purchase button to display the button properties.
- Go back to the Foxy Sample Code page to get a sample purchase link.
- From the Step 2 section, copy the link example href value.
- In Unbounce, paste the link you just copied into the "URL" field under the "Click Action" section.
- Modify the product parameters as needed. More information about product parameters can be found in our wiki here.