# Adding Products To Funnels & Websites

{% hint style="info" %}
The Funnel products are set to **Test** mode, if you wish to switch mode simply go to the Settings tab and toggle on the **Live** mode. Your Website product will be disabled if you haven't connected it to a payment processor yet.
{% endhint %}

{% hint style="info" %}
When you have multiple recurring products and bump products with subscriptions, you won't be able to use Paypal as a payment processor, use Stripe instead.
{% endhint %}

## Adding Product To Funnel

In this section, you will learn how to add a product to a funnel. First, you have to create a new funnel

### Create New Funnel

You can create a new funnel by clicking this button.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FPvJjK9X0FwqxWayaVPRT%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-c09bab0a0b603b0e9aed3d1bc1d1ba61d64e2e94_Funnel%20-%20create%20new%20funnel.png?alt=media&#x26;token=ae80a803-189f-4639-8bac-269effcee304" alt=""><figcaption></figcaption></figure>

#### Name and Create a Funnel

Here you will give your new funnel a name and create it. For example "Sales Appointment".

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2Fmo0W7LaOrhgZYHaehtTt%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-30f695a75b9fe77b68030aebef0a690b0e149090_Funnel%20-%20Name%20and%20Create%20Funnel.png?alt=media&#x26;token=9448df59-865c-40fe-ab93-17cc5f57f89c" alt=""><figcaption></figcaption></figure>

### Add New Funnel Step

Once you've created a funnel, you will be directed to the funnel page. To be able to add a product, you will need to have a funnel step.

The steps in funnels help customers complete a call-to-action. For example, booking appointments. Here in the "steps" section, you will be able to create new funnel pages, organize your funnel steps, and add products to your funnel.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2F8nEKA4yEtZ83jYmJIp2s%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-12d63839de028f9721688c4ad9035a81493bf15b_Funnel%20-%20Funnel%20Steps%20(2).png?alt=media&#x26;token=c53c598e-7154-4467-b13c-9889ff09eab9" alt=""><figcaption></figcaption></figure>

If you've not added a funnel step yet, click on "+Add New Step" to create one.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FWGPV0Z2thrvmLJjjSS0x%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-c4f6cff5a97b0775d95940fbbae33c4cda3cac9a_Funnel%20-%20Add%20New%20Funnel%20Step%20(1).png?alt=media&#x26;token=af9cc112-9aa7-477c-b45f-4b143048fa82" alt=""><figcaption></figcaption></figure>

You will get a notification popup like this.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FwygvVi7LJ9AJ0XmTCj48%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-145096cfeb664032c33d6107af7c3440cac00b4f_Advance%20Training%20-%20Add%20Product%20-creating%20page2.webp?alt=media&#x26;token=f2bd12b9-6cc7-4b04-83f7-59b4b496a911" alt=""><figcaption></figcaption></figure>

1. **Name Your Funnel Step**\
   You will need to give your funnel step a name. Make sure to organize your naming conventions for funnel steps. As you create more funnel steps, an organization with being very important!
2. **Establish Funnel Path**\
   You can give your funnel step a unique URL path, or you can simply name the URL path the same as the funnel step name. Adding a URL path is required to save this new funnel step.
3. **Import From ClickFunnels (Optional)**\
   This is optional, but you can import funnels directly from ClickFunnels! If you already have tons of content and funnels created in ClickFunnels, don't worry! Simply add the funnel URL here.

Click on the Product Tab to learn how to add products to your funnel pages!

You will be directed to this tab once you click on the Product tab. To add a new product, simply click on the "+Add Product" button.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FzpNssFyswmFhkWGTKszv%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-b5bec815a89f46b03d697c6c1252503947579714_Advance%20Training%20-%20Add%20Product.png?alt=media&#x26;token=3fe61e27-b0ca-40bc-8edc-26bb9c805640" alt=""><figcaption></figcaption></figure>

### Add Products To Funnel

This is the next step where you add products to a funnel.

{% hint style="warning" %}
Whatever information you type here will be displayed publicly so be careful what you share.
{% endhint %}

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FUVX8bvShydZjk9LAPWRP%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-c45b5deb509cf579b8ccd21487e1bc644d1a7a02_Advance%20Training%20-%20Add%20Product%20-%20Product.png?alt=media&#x26;token=6f327be5-c697-4a84-93f4-a52397b3035b" alt=""><figcaption></figcaption></figure>

1. **Product Name**\
   You can type in the name you want this product to be displayed as. This name will be shown on the customer's Order form.
2. **Price Display Override**\
   You can use the "Price display override" in the case where you want to display a custom price on the Order form. If you are working with a product that has a "Trial & Setup fee", you will need to set your Price Display Override to give the Form a description, If not, the Form will only show the actual subscription amount without the setup fee.\
   An example of a "Price Display Override" description is a; $5 Setup Fee + $199 Monthly After 7 Days Free Trial.
3. **Product**\
   Select the product you wanted to add to this funnel. If you've not created a Product yet, visit the [Payment -> Product](https://asads-organization-2.gitbook.io/knowledge-base-main/products/creating-new-products) section to learn how to create one. Once you are done creating a product, you can then add the product here.
4. **Additional Option - Bump Product**\
   If the product isn't a primary, it will be sold as a "Bump Product" by toggling on the Bump product option.

## Adding Product To Website

You can also add a product to a website by first creating a website.

### Create New Website

You can create a new website with this option. Once you click on "New Website" it will ask you to name your website.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FQgZqs7Ul2SJ1z33DvBsL%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-1c55710e42f08307b5228392be94ddb4a6d750ca_Create%20new%20website.png?alt=media&#x26;token=ecb73198-c451-4af1-b5f6-207991c9b5ce" alt=""><figcaption></figcaption></figure>

Once you create a new website, you will be directed to this section where you can "Add a New Page".

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FS4fc66rb4q1rhgk9jqb8%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-53fe4a7bc71de9bb157cf6101dfd9ad0756748d4_Advance%20Training%20-%20Add%20Product%20to%20website%20-%20add%20new%20web2%20(1).png?alt=media&#x26;token=e51b8126-2da6-44c5-ae09-614a905e02f5" alt=""><figcaption></figcaption></figure>

### Add New Page

To be able to add a product, you will need to create a new page by clicking on this "+Add New Page" button as seen below.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FS4fc66rb4q1rhgk9jqb8%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-53fe4a7bc71de9bb157cf6101dfd9ad0756748d4_Advance%20Training%20-%20Add%20Product%20to%20website%20-%20add%20new%20web2%20(1).png?alt=media&#x26;token=e51b8126-2da6-44c5-ae09-614a905e02f5" alt=""><figcaption></figcaption></figure>

You get a popup notification where you can create a page once you click on the "Add Page" button.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FCLYR1NabLrkN9Fw7Ylvs%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-ec4c34515789df3867193e5d14dafce2a39f7ac7_Advance%20Training%20-%20Add%20Product%20-creating%20page.png?alt=media&#x26;token=069e7bb9-5b1a-4a16-92cb-9699e80ea860" alt=""><figcaption></figcaption></figure>

1. **Name Your Website Page**\
   Naming a website page will help you distribute your content across your website. When the website is divided into different pages, visitors can click on the exact page of the website that is most relevant to their objective such as "Contact us" or "About us". You can always come back and edit the name of your page if need be.
2. **Website Path**\
   You can add a path to your website.
3. **Import From Clickfunnels**\
   Just paste your Clickfunnels URL If you have pre-built funnels or content that you would like to use.

When you are done creating a page, click on the 3-menu dots in the upper right corner of the page, then select the "Product" option to add a product to a page.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2FCyAtH1D7XwDAn5ic7JID%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-1dea9a935b1fa7e0a65e18db3dd2a2f1fb6e1b1d_Advance%20Training%20-%20Add%20Product%20main.png?alt=media&#x26;token=b5465cb5-b637-4998-874f-c214ea455205" alt=""><figcaption></figcaption></figure>

### Products Tab

You will be directed to this product page once you click on the "Product" option.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2F0L96DxBJ6fFzVaJR7ZY0%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-2e4d718e09c602a2d593a9c15615fa6a8a0f1f52_Advance%20Training%20-%20Add%20Product%20main%20-%20product%20list2.png?alt=media&#x26;token=0f8158c8-2c2c-445b-9e15-3451acfe48fd" alt=""><figcaption></figcaption></figure>

1. **Product Name**\
   You see the name of the product here.
2. **Internal Product ID**\
   This is the Product ID number, in case you need to track your product within the CRM.
3. **Amount**\
   The amount you set to charge for this product will appear here.
4. **Type**\
   Here you will see the payment type you chose (One-time or Recurring payment type).
5. **Update**\
   This will show the latest date this product got updated.
6. **Edit**\
   If you want to edit your product, simply click on the "edit" icon here.
7. **Delete**\
   You can delete a product by clicking on the "delete" icon. This action cannot be reversed, be sure you want to delete this product and If this product is integrated with any Funnel, the funnel will be disabled. You will be asked to confirm the deletion by typing 'DELETE' in the space provided.

### Add Product To Website

To add a product to a page simply click on the "+Add Product" button.

<figure><img src="https://3379043218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhRoDQv6gyGL2CyFV4Oob%2Fuploads%2F8P8QQoZk2teKrCnxz5sH%2Fspaces_SpDxRsrRdNpxcuWtIMiA_uploads_git-blob-fb49d6b247249c3d832ec3c4827ba5ff615a57a3_Advance%20Training%20-%20Add%20Product%20main%20-%20product%20list%20-%20add%20product.png?alt=media&#x26;token=e9f9587a-d0d9-4418-808b-861d2177784e" alt=""><figcaption></figcaption></figure>

Once you click on the "+Add Product" button, you will be directed to the next step where you can add a product to your website. Please refer to [Add Product to Funnel](https://asads-organization-2.gitbook.io/knowledge-base-main/funnels-and-websites/adding-products-to-funnels-and-websites) since both steps are the same.
