Create an add to cart button or link in Canva

Create an add to cart link using our Form & Link Builder

1. 1

   Navigate to the Link & Form Builder on the Foxy Admin:

   • Once you have logged in, the Link & Form Builder Tab can be found on the sidebar navigation.

   • Locate the section where you can configure product details on the left-hand side ("Items").

   • The preview and generated code will appear on the right-hand side.

2. 2

   Set Basic Product Information:

   • Name: Enter the product name in the "Name" field. This field is mandatory (e.g., "Test Product").

   • Price: Specify the product's price (e.g., 10 USD). Use the number field to adjust. This field is mandatory.

   • SKU: Optional. Add a Stock Keeping Unit (SKU) if needed for your product.

   • Parent SKU: Optional. This is for child items if your product is part of a bundle.

   • Weight: Optional. Set the product's weight (e.g., 1.5 lbs in the example). This is important if you are doing shipping to calculate shipping rates.

3. 3

   Enable or Configure Additional Features (Optional):

   • Create Subscription: Enable this if the product should be a subscription, though it’s off by default.

4. 4

   Adjust Quantity:

   • Expand the "Quantity" drop-down. Set a default quantity if desired.

5. 5

   Add Custom Options (Optional):

   • Click "Add option" under "Custom Options" to define product options like size or color.

   • For example: Add an option with a name (e.g., "Size") and value (e.g., "Small").

6. 6

   Review the Generated Link:

   • Direct Link: Check the bottom-right section labeled "Direct link."

     • This automatically updates based on the details you’ve added.

     • For example, the link for this setup might look like:

       Copy Copied

       https://foxy-test-store.foxycart.com/cart?name=Test+Product&price=10USD&quantity=1

Add an Add-to-Cart Link on Canva

Follow these steps:

1. 1

   In Canva, add a Text component to your page.

2. 2

   Set the link text (e.g., "Add to Cart"). Or whatever is best for your use case.

3. 3

   Add the URL you copied from the Link Builder by highlighting the Text and clicking on the Link icon.
   

4. 4

   You can also make an element have a link, like an image, by selecting it and selecting link on the popup options menu.
   

5. 5

   Save, publish and test you add to cart link.