Create a purchase button in Unbounce

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.

In This Article

Related Articles

Getting started with Foxy + Unbounce

Need help?

Can't find the answers you're looking for? Our team is here to help. Please click below to contact us.

Contact Us