Create products with the link & form builder

Overview

If you haven't already, be sure to read our Link & Form Builder Overview page. It contains helpful information, FAQ, and more.

Create a product

With the Link & Form Builder, you can create just about any type of product to embed in your website, link to from social media, send in an email, etc.

Simple

At minimum, a Foxy product only needs a product name and product price. Let's start with a simple product:

1. 1

   In the Items section, click the Name field and input your product name.

2. 2

   In the Items section, click the Price field and input your product price.

3. 3

   In the Preview section, click to copy the generated HTML or link.

4. 4

   Paste the copied HTML or link where you want to sell your product.

5. 5

   Test your form or link to ensure it works as expected.

Subscription

A simple product can easily be converted to a subscription product by enabling the Create subscription option:

1. 1

   In the Items section, click the Name field and input your product name.

2. 2

   In the Items section, click the Price field and input your product price.

3. 3

   In the Items section, enable the Create subscription option.

4. 4

   By default, the Frequency will be set to "1 month". Change the number value and recurrence value as needed (ie: 2 weeks).

5. 5

   Optionally, you can set the Start value. This tells Foxy when to start the subscription. If left blank, the subscription will start right away.

6. 6

   Optionally, you can set the End value. This tells Foxy when to end the subscription. If left blank, the subscription will run indefinitely (or until cancelled).

7. 7

   In the Preview section, click to copy the generated HTML or link.

8. 8

   Paste the copied HTML or link where you want to sell your product.

9. 9

   Test your form or link to ensure it works as expected.

Customizable

There may be times when you need customers to configure specific options before product is added to cart. In this example, we'll walk you through creating an add to cart form that has a select field for Color and a select field for Size.

1. 1

   In the Items section, click the Name field and input your product name.

2. 2

   In the Items section, click the Price field and input your product price.

3. 3

   In the Items section, click the Custom Options section.

4. 4

   Click Add option.

5. 5

   In the popup screen, specify the option Name (ie: Color).

6. 6

   Set the Value as the first Color option to pick from (ie: Blue).

7. 7

   Close the popup screen and click Add option.

8. 8

   Set the Name as Color again.

9. 9

   Set the Value as another Color option (ie: Red).

10. 10

    Close the popup screen and click Add option.

11. 11

    Now lets set the Name as Size.

12. 12

    Set the Value as Small.

13. 13

    Repeat steps to create additional Size options.

14. 14

    In this example, we'll increase the price for the 2X-Large Size option by setting the Price modifier value as +3. When the 2X-Large Size option is chosen, the price will be increased by $3.

15. 15

    In the Preview section, click to copy the generated HTML.

16. 16

    Paste the copied HTML where you want your add to cart form to show.

17. 17

    Test your form to ensure it works as expected.

Add additional product options

For many, a product name and product price will suffice, but there may be times where you need to specify or collect more product information. The following product options / settings are optional but may be helpful:

Category

Foxy Categories are used to specify shipping settings, tax settings, bulk discounting, customer specific emails, admin specific emails, and more.

By default, your product links and forms will use your DEFAULT product category. If the product you're creating needs to use a different product category, simply click on DEFAULT and choose another category.

SKU

The SKU (aka Product Code) can be used in multiple ways: inventory, unique product identifier for internal use, coupon control, and more.

Parent SKU

Use this to create bundles or groups by linking child products to a parent product.

Weight

Specify the product weight in the "Weight" field. This information is used for calculating shipping rates.

Product Dimensions

Besides the product weight you can also specify the Length, Width, and Height. This is specially helpful for shipping rate calculations on big products.

You can find these settings under the Advanced drop-down on the Item panel.

Quantity

The Quantity section in FoxyCart allows you to define how customers can select product quantities in their cart. Below are the available settings and how to configure them:

• Quantity

  • This field sets the default quantity of the product when added to the cart.

  • You can use the dropdown to increase or decrease the starting quantity.

• Minimum Quantity

  • This sets the lowest quantity a customer can select when adding the product to their cart.

  • If set to 1, customers must purchase at least one unit.

  • If you have a bulk product that must be purchased in multiples (e.g., a pack of 5), you can set this accordingly.

• Maximum Quantity

  • This sets an upper limit on how many units of the product a customer can purchase.

  • If set to "None," there is no restriction on quantity.

  • Use this if you want to limit stock availability for a particular product.

• Hide Quantity Field in the Form

  • When toggled ON, this removes the quantity selector from the add-to-cart form.

  • This is useful for fixed-quantity products, such as subscription services or one-time purchases, where the customer shouldn't change or doesn't need to change the quantity.

Image URL

This field allows you to specify an image URL for the product. The image will be displayed in the cart and any relevant customer-facing templates, helping customers visually recognize the product in their order summary.

Steps to add an Image URL:

1. 1

   Click on the drop-down on the Advanced section.

2. 2

   Enter the image URL in the provided field.

3. 3

   The image will automatically appear wherever applicable in the cart and order summary.

Product URL

The Product URL field only becomes available after you have added an Image URL. The product URL will be linked to the image, allowing customers to click on the product image to return to the product detail page. This is useful for giving customers an easy way to navigate back to the product description.

Steps to add a Product URL:

1. 1

   Click on the drop-down on the Advanced section.

2. 2

   First, enter an Image URL.

3. 3

   After entering the Image URL, the Product URL field will become available.

4. 4

   Enter the Product URL to link the image to the product page.

Expiration

This setting defines when the product offer or discount expires. It is useful for limited-time offers, flash sales, or time-sensitive promotions. The available options include:

• Doesn’t expire: The product remains available indefinitely on the cart.

• After a number of minutes: The product will no longer be valid after a set period.

• On a specific date: You can set a fixed expiration date for the product.

Steps to set an expiration:

1. 1

   Click on the drop-down on the Advanced section.

2. 2

   Open the Expiration drop-down menu.

3. 3

   Select one of the available expiration options.

4. 4

   If choosing "After a number of minutes" or "On a specific date," enter the required details.

Create a product bundle/group

If you have a bundle of products, you can add these products in groups so that some products show up under a parent product and are not individually editable.

You can also create product groups to be added to the cart together, such as accessories or an ensemble of items. This allows your customer to add all the items with one click, and they can also remove individual items or change quantities in the cart.

How to create a product bundle

Step 1: Define the Parent Product

1. 1

   Create a new product in the Builder.

2. 2

   Fill in the required fields (e.g., Name and Price).

3. 3

   Assign a unique code to the "SKU" field.

Step 2: Add Child Products

1. 1

   Click the "Add another item" button to create a new product.

2. 2

   Fill in the Name and Price fields for the child product.

3. 3

   In the "Parent SKU" field, enter the SKU code of the parent product.

4. 4

   Repeat this process to add multiple child products to the same bundle.

Now you have a product bundle where the child product can be removed or it's quantity modified.

If you want to make it so that the child product's quantity can't modified. You can set Minimum quantity field under the Quantity dropdown, the child product quantities will be locked to the parent product and the quantity can't be adjusted independently. You'll probably want to do this in most cases.

How to create a product group

1. 1

   Create a new product in the Builder. If you already have an item added this mean clicking on the "Add another item" button.

2. 2

   Fill in the required fields or the ones you need (e.g., Name and Price).

3. 3

   Repeat this process to add multiple products to the same add to cart form or direct link.

Now you have a product group with no child/parent relations where several items will be added together to the cart with one click.

Create a subscription product

To enable recurring billing for a product:

1. 1

   Toggle the "Create subscription" switch under the Items section.

2. 2

   Specify the subscription frequency (e.g., weekly, monthly).

3. 3

   Specify a future start date if the sub needs to start in the future.

4. 4

   Specify an end date if, for example, the subscription needs to be charged for a fixed number of payments.

5. 5

   The generated form and Direct Link will include subscription options.

Add a discount

Discounts can be added using coupon codes:

1. 1

   Scroll down to the Settings section on the lower-right side.

2. 2

   Click on the "Coupon code" field and enter the desired discount code.

3. 3

   Save the configuration and test it on your website.

Once you create one the second one will be available

Custom product options

Custom options allow customers to input data (e.g., text fields, dropdowns) when adding products to the cart:

1. 1

   Click "Add option" under the Custom options section in the Builder.

2. 2

   Define the type of input (e.g., text, dropdown).

3. 3

   Assign a name and optional values for the input.

4. 4

   The generated form will include these custom options.

Test the form or link

1. 1

   On the Preview section:

   • Copy and open the Direct Link on the browser or

   • Submit the HTML form by clicking on the submit button on the visual preview of the form.

2. 2

   Confirm that the product/products are added to your cart correctly.

View and Use the Generated Code (Embed)

1. 1

   On the Preview section, you will see:

   • A snippet of HTML code for an "Add to Cart" form.

   • A Direct Link for adding the product to the cart.

2. 2

   Copy either the form code or the Direct Link depending on your implementation needs.

3. 3

   Embed the code or link into your website.

How to style your form or link

To style the form or the link:

1. 1

   Use CSS to apply custom styling to match your website's design.

2. 2

   Ensure that the form's structure and input names remain intact for functionality.