Create a purchase button in Wix

Add the Foxy loader snippet

The loader snippet displays the sidecart when a customer adds a product to cart, and stores customer sessions. Without it, your button sends the customer straight to the Foxy cart page instead of opening the sidecart.You if you want to use the sidecart do this step. If not it's optional.

Your Wix site must be published and have a connected domain before you can add custom code.

1. 1

   Go to the Foxy admin

2. 2

   Go to Settings > Website & Products

3. 3

   Copy the snippet from the Foxy loader.js section

4. 4

   In your Wix dashboard, go to Settings

5. 5

   Click Custom Code in the Development & integrations section

6. 6

   Click + Add Custom Code

7. 7

   Paste the snippet in the text box

8. 8

   Enter a name, such as Foxy loader

9. 9

   Under Add Code to Pages, choose All pages, and set it to load on each page your visitor opens rather than once per visit

10. 10

    Under Place Code in, choose Body – end

11. 11

    Click Apply

Link the button element

1. 1

   In the Foxy admin, go to Link & Form Builder

2. 2

   Build your item: name, price, and any other parameters you need

3. 3

   Copy the generated link

4. 4

   In Wix, add your purchase button to the layout if needed, then select it

5. 5

   Click to modify the link

6. 6

   Select Web Address

7. 7

   Paste the link

8. 8

   Set the link to open in Current window and click Done

9. 9

   Publish your changes

Notes

• Set your product's parameters in the Link & Form Builder rather than editing the URL afterwards. See Standard parameters for what's available.

• If your store has HMAC product validation enabled, the builder signs your links automatically, and editing any parameter afterwards breaks the signature. Rebuild the link in the builder instead.