How to Use Dynamic Variant Dropdowns in Funnelish

What Are Dynamic Variant Dropdowns?

Dynamic variant dropdowns allow customers to select product options — size, color, flavor, quantity, or any other variant — directly on your Funnelish funnel page. Instead of showing separate products for each variant, a single product page dynamically updates based on the customer's selection.

How Dynamic Variants Work in Funnelish

When you import a product from Shopify that has variants (e.g. Small, Medium, Large), Funnelish can display those variants as a dropdown menu, radio button selector, or image swatch on your product page. When a customer selects a variant, the product details (image, price, SKU) update dynamically to reflect their selection.

Step-by-Step: Setting Up Dynamic Variant Dropdowns

Step 1: Set Up Variants in Shopify

Before setting up variants in Funnelish, make sure your product variants are properly configured in Shopify. Each variant should have a unique SKU, the correct price, and proper inventory tracking enabled if needed.

Step 2: Import the Product Into Funnelish

In your Funnelish funnel, go to the Products tab and import the product from Shopify. Funnelish will pull all variants automatically, including their names, prices, and SKUs.

Step 3: Add a Product Selector Element

In the page editor, add a Product List or variant selector element to your product page. In the element settings, connect it to your imported product. Funnelish will display the available variants as selectable options.

Step 4: Configure the Display Format

Choose how you want the variants displayed: dropdown menu (best for 10+ variants), radio buttons (best for 2-6 options), or image swatches (best for color variants).

Step 5: Link Variant Images

If your variants have different images, make sure each variant's image is uploaded and assigned in Shopify. When a customer selects a variant in Funnelish, the product image will automatically update to show the correct variant photo.

Step 6: Test All Variants

Before going live, test each variant selection to make sure the correct product, price, and image appear. Do a test purchase for each variant to verify they sync correctly to Shopify.

Dynamic Variants for Shopify Bundle Products

If you're selling bundles (e.g. "Buy 1", "Buy 3", "Buy 5" as separate Shopify variants), dynamic dropdowns are the cleanest way to present the options. Each bundle option can have its own price and Shopify SKU while appearing as a simple selection on the funnel page.

Troubleshooting Variant Issues

• Variants not showing — Re-import the product from Shopify after adding or changing variants
• Wrong variant syncing to Shopify — Check that variant SKUs match between Funnelish and Shopify
• Images not updating — Make sure variant images are assigned in Shopify at the variant level, not just uploaded as general product images

Get a Product Page Template With Variant Selectors

Browse our Funnelish funnel templates — many include pre-built product pages with variant selector elements ready to connect to your Shopify products.

Frequently Asked Questions

How do I set up dynamic variant dropdowns in Funnelish?

First, configure your product variants in Shopify with unique SKUs and correct prices. Then import the product into Funnelish — it pulls all variants automatically. In the page editor, add a Product List or variant selector element, connect it to your product, and choose your display format (dropdown, radio buttons, or image swatches). Test each variant before going live.

What display formats are available for variant selection in Funnelish?

Funnelish supports three variant display formats: dropdown menus (clean and minimal, best for 10+ variants like sizes), radio buttons (visible at a glance, best for 2-6 options like flavors or pack sizes), and image swatches (visual selection, best for color variants where customers benefit from seeing the actual color option).

Why aren't my Funnelish variants showing the correct images?

Variant images not updating usually means the images aren't assigned to specific variants in Shopify — they're only uploaded as general product images. In Shopify, go to each variant and specifically assign an image to that variant. Once assigned at the variant level in Shopify, Funnelish will automatically display the correct image when that variant is selected.

How do I use dynamic variants for bundle products in Funnelish?

Create your bundle options (Buy 1, Buy 2, Buy 3) as separate Shopify variants on a single product — each with its own SKU and price. Import this product into Funnelish, then use a variant selector element to display the bundle options as radio buttons or a dropdown. Each selection maps to the correct Shopify variant and SKU for fulfillment.

What should I do if the wrong variant is syncing to Shopify after a purchase?

Variant sync issues are almost always caused by mismatched SKUs between Funnelish and Shopify. Check that the SKU on each Funnelish variant matches exactly with the corresponding Shopify variant SKU (case-sensitive). Also verify you've imported the most current version of the product in Funnelish — re-import from Shopify if you've recently added or modified variants.

Can I use variant dropdowns for products with multiple option types like Size and Color?

Yes — if your Shopify product has multiple option types (e.g. Size and Color), Funnelish imports all variant combinations. You can display separate selectors for each option type, allowing customers to choose their size and color independently. The correct SKU combination is automatically passed to Shopify when the order is placed.