Create a purchase button in SpaceCraft

Add the Foxy loader snippet

The loader snippet displays the sidecart when a customer adds a product to cart, and stores customer sessions.

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 the SpaceCraft dashboard, click the Developer icon at the top

5. 5

   Under Developer Tools, click Body JS

6. 6

   Paste the snippet into the code editor

7. 7

   Click Save

Create a products page

If you haven't created a Products page yet:

1. 1

   Click Content at the top

2. 2

   Click Add New Pages

3. 3

   Choose Products from the list of page types

4. 4

   Click Add to create the page

Add products

These steps work on any page type in SpaceCraft, not just products.

1. 1

   From the Products page, click Add A Product

2. 2

   Fill out your product information

3. 3

   Below the Price block, click the plus sign icon to add a new block

4. 4

   Choose Button

5. 5

   In the Foxy admin, go to Link & Form Builder

6. 6

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

7. 7

   Copy the generated link

8. 8

   In SpaceCraft, paste the link into the Button URL field

9. 9

   Specify your button text

10. 10

    Publish your changes and test the purchase button

11. 11

    Repeat for each additional product

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 in the URL afterwards breaks the signature. Rebuild the link in the builder instead of hand-editing it in SpaceCraft.