Create a purchase form in Carrd

Add the Foxy loader snippet

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 Carrd, click Add an element

5. 5

   Choose Embed

6. 6

   Set Style to Hidden

7. 7

   Paste the snippet into the Code field

8. 8

   Click Done

Create the form

1. 1

   In the Foxy admin, go to Link & Form Builder

2. 2

   Build your item and generate a form instead of a link

3. 3

   Copy the form's action URL

4. 4

   In Carrd, click Add an element

5. 5

   Choose Form

6. 6

   Change Type to Custom

7. 7

   Change Send Email to Send to URL

8. 8

   Paste the action URL into the URL field

9. 9

   Change Method to Post

10. 10

    Click the Fields tab. Your form needs at minimum a product name and price.

11. 11

    Add parameters the customer shouldn't change (such as name and price) to Hidden Values

12. 12

    Create visible fields for parameters the customer chooses

13. 13

    Click the Button tab and set your button label

14. 14

    Click Done

15. 15

    Test your purchase form

Notes

• Building the form in the Link & Form Builder first gives you the exact field names and hidden values Foxy expects, which is safer than typing them by hand.

• If your store has HMAC product validation enabled, form values must match what was signed. Rebuild in the builder rather than editing values in Carrd afterward.