Create a purchase button in Instapage

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 a hidden embed element in your Instapage website. 

1. 1

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

2. 2

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

3. 3

   In Instapage, click on the "Settings" option at the top of the page.

4. 4

   From the Settings menu, click on the "Javascript" option.

5. 5

   Click on the "Footer" option in the Javascript window.

6. 6

   Paste the snippet of code you just copied.

7. 7

   Click the "Back" icon to close the Javascript window. 

Link Button Element

1. 1

   In Instapage, select your purchase button to display the button settings panel.

2. 2

   Click on the "Outside URL" option.

3. 3

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

4. 4

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

5. 5

   In Instapage, paste the link you just copied into the "Link" field.

6. 6

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

7. 7

   Click on the "Done" option to close the "Link Settings" panel.

8. 8

   Click on the "Publish" button to publish your changes.

9. 9

   Test your purchase button to ensure it works as expected