Funnelish Docs
FunnelishPricingBlogCommunity
  • Overview
  • Getting Started
    • Quick start
    • 1️⃣Creating a funnel
      • Funnel steps
      • Products
    • 2️⃣Customize design
      • General Settings
      • Layout
      • Containers
      • Compositions
      • Saving assets
      • Payment Forms
        • 2 Step Form
        • Payment Form
      • Express Checkout
      • Product List
      • Text Elements
      • Media
      • Loox Reviews
      • CTA
      • Order Bump
      • Popups
      • Form element
      • Timer
      • Progress Bar
      • Social Network Buttons
      • Order Summary
      • FAQs
    • 3️⃣Collecting payments
      • Payment Methods Supported
      • Add payment methods
      • Card payments
        • Stripe
        • NMI
        • Checkout.com
        • Airwallex
      • PayPal
      • Express Checkout (Google & Apple Pay)
      • iDEAL payments
        • iDEAL through Stripe
        • iDEAL through Airwallex
      • P24 (Poland)
      • Cash On Delivery
      • Buy Now, Pay Later
        • Klarna through merchant account
        • Klarna through Stripe
        • Klarna through Airwallex
      • Bancontact payments
        • Bancontact through Stripe
        • Bancontact through Airwallex
      • SEPA Direct Debit
      • RazorPay (India)
      • EPS (Austria)
    • 4️⃣Connect your domain
      • Introduction
      • GoDaddy
      • Namecheap
      • Shopify
      • Cloudflare
  • ADVANCED FEATURES
    • Funnel analytics
    • Send SMS
    • A/B Testing
    • Geo-funnels
    • Responsive design
    • Discounts
  • Integrations
    • Integrations Overview
    • Shopify
      • Connect Your Shopify Store
        • Shopify custom app
      • Send Orders to Shopify
      • Set Up Order Bundling
      • Set Up Dynamic Variants
      • Set Up Order Notes
    • Connect to Google Sheets
      • Connect Your Google Account
      • Send Data to a Google Sheet
    • Get Started with Klaviyo
      • Connect With Klaviyo
      • Send Data to Klaviyo
    • ShipStation
      • Connect to ShipStation
      • Send Orders to ShipStation
    • ActiveCampaign
      • Connect with ActiveCampaign
      • Create an ActiveCampaign Automation
    • Hyros
      • Connect With Hyros
      • Create a Hyros Automation
    • MailChimp
      • Connect with MailChimp
      • Automate With MailChimp
    • SendGrid
    • Mailgun
    • Zapier
  • Apps
    • Funnelish Apps Overview
    • Facebook Pixel
    • Pinterest Tag
    • Proofy
    • Google Analytics
    • TaxJar
    • TikTok Pixel
  • Automations
    • Overview
      • Set up automations
    • Triggers
    • Actions
      • Sending Emails
        • Text Only
        • Templates
      • Send a Notification
      • Delays
      • Conditions
      • Webhooks
      • Jumps
      • Integrations
  • Resources
    • Multi-Users Access
    • Send Emails From Funnelish
    • Manage Your Orders
    • Manage Your Customers
  • FAQ
    • Funnel Launch Checklist for Funnelish
    • Profile Information
    • Frequently Asked Questions
    • Troubleshooting Issues
    • Ordering Without an Address
    • How to change a page title?
    • Set a Default Landing Page
    • How to Charge a Shipping Fee
  • Connect to Click Funnels (Legacy)
    • Your First ClickFunnels Funnel
      • 1 Add Your Funnel
      • 2 Copy Your Tracking Code
      • 3 Turn On Your Apps
    • ClickFunnels Apps
      • Smart Optin
        • Facebook Client ID
        • Google Client ID
      • Smart Currency Converter
      • Programmable
      • Fancify
        • Product Variant Set Up
      • Paypal Plugin
        • Testing Purchases
      • Smart Address Plugin
    • Tracking Orders
      • Track Paypal Orders In ClickFunnels
      • Track ClickFunnels Orders In Funnelish
Powered by GitBook
On this page
  • Before you start
  • Adding Customizations
  • Customizing at the product level
  • Editing options
  • Preview the display
  • Customizing the list as a whole

Was this helpful?

  1. Getting Started
  2. Customize design

Product List

Focus customer attention on your offerings

PreviousExpress CheckoutNextText Elements

Last updated 2 years ago

Was this helpful?

Simplify the customer journey and increase conversions by adding a Product List to the funnel. A product list shows the items on offer along with prices and images. Customize the list to enable bulk purchases, add side tags, variants, and more.

Note You can place only one Product list widget (hidden or visible) on a step.

Before you start

You can place the Product List widget on multiple steps (Checkout, Upsell, and Downsell) in the funnel. To generate a product list, you must first add products to the step.

To add products:

  1. Open a funnel.

  2. Click a step one time.

  3. Click the Add a new product button.

4. In the popup window, choose one-time purchase or subscription.

5. Complete the workflow.

6. Click Create product.

Adding Customizations

You need to customize a product list in two places:

We describe each method separately below.

Customizing at the product level

To customize a product:

  1. Open a funnel.

  2. Click one time on the step that has the products.

  3. Click a product name to open the Edit page.

Editing options

Basic

  1. Change or update the product name.

Price

The default setting is a price for a one-time product purchase.

Switch on the toggle if this is a subscription. Fill in the required fields. You can also create a trial price for a subscription.

Image

Click the square below the Product image heading to upload a thumbnail image (JPG or PNG). (optional)

Settings

Configure some or all of these optional settings to control how the item and supporting text display in the product list.

  1. Switch on the toggle to make the item a required purchase. The default setting is OFF.

  2. Switch on the toggle to hide this item. The default setting is OFF.

  3. Switch on the toggle to add a yellow background to the product line. The default setting is OFF.

  4. Create a top tag with a short sales pitch.

  5. Enter a word to insert a side tag.

  6. Set the background color of the top tag.

  7. Change the size of the top tag: small or big.

  8. Click Save changes.

Preview the display

To preview the product list:

  1. Click Save changes on the step page.

  2. Click Preview.

  • Funnelish opens a new browser tab with the product list.

Variants

You can add product variants (e.g. size or color options) to the list. You can also add images and unique prices for each variant.

  1. Click the Add new variant button.

  2. Enter a category name (e.g. color).

  3. Enter category options (e.g. brown).

  4. Click Add new option to insert a new line.

  5. Repeat steps to add more options.

  6. Click Manage variants to upload images and add different prices. (optional)

Variant images and prices

Click the image box to upload a picture for each variant. (optional)

By default, Funnelish assigns the default product price to each variant. You can enter a unique price for one or more variants.

  • In the screenshot below, we create three variants for an espresso cup product. The default price ($11) is set by our original product (white cups). The price for brown cups is the same as the default, so we leave that price field blank.

Clear cups cost more, so we add a new value ($13).

Click Save changes.

User experience

If a user selects a product with variants, a folder expands and displays the options. The user clicks a variant. The product price changes if it differs from the default value.

Automations

At the bottom of the panel, you can set up third-party integrations to trigger a variety of actions. In the example below, each new purchase of espresso cups automatically adds a row to a specific Google sheet.

Customizing the list as a whole

After you customize each product, the next step is to configure the design of the product list as a whole. The side panel has all the standard options, including font, margins, padding, borders, background colors, and more.

  1. Open the step with the product list.

  2. Click the product list field one time. The side panel displays.

  3. Add custom settings as required.

  4. Click Save changes.

  5. Click Preview to review the design.

Products

Click the Manage Products button to open an edit panel. From here, you can edit product descriptions, change settings, and add new items.

Selection type

Next to the Select type heading, there are three options to control how much a customer can purchase. These settings apply to every item in the product list.

  • Single checkout means a customer can purchase one item of one product or subscription. Bulk purchases are not possible. (e.g. one bag of coffee or one set of cups).

  • Multi-checkout means a customer can purchase one item of multiple products or subscriptions at one time (e.g. one bag of coffee and one set of cups).

  • Multi-Quantity means the customer can make bulk (up to 10) purchases of multiple products or subscriptions at one time.

Switch on the toggle if you want to use this product for an . (optional)

We discuss triggers and third-party integrations in .

2️⃣
Order Bump
another article
customize settings at the product level
customize the list as a whole
Sample product list
Add products to a step
Click product name
Review and edit product name
One-time product price
Enable the subscription option
Upload product image
Settings options
Customized product line
Color variants for an espresso cup product
Images and custom prices for product variants
There variants for espresso cups
Create an automatic trigger
Review the product list
Edit products and define purchase limits