How To Fix Mailvio Opt-In Forms Not Loading Properly in ClickFunnels

How To Fix Mailvio Opt-In Forms Not Loading Properly in ClickFunnels

This guide explains two common situations ClickFunnels users face when adding Mailvio opt-in forms:

  1. The form works on desktop but not on mobile

  2. Only one form loads when you add multiple Mailvio forms on the same page

Both issues are easy to fix once you understand why they happen.

Part 1: Mailvio Form Works on Desktop but Not on Mobile (ClickFunnels)

Why this happens:

ClickFunnels creates two versions of every page:

  • One for desktop

  • One for mobile

When you paste a Mailvio embed code into a page, ClickFunnels duplicates that same code for both versions.

This means the browser sees the exact same script twice on the same page, and browsers do not allow that. When this happens:

  • Desktop form loads correctly

  • Mobile form fails to load

How To Fix It (Step by Step)

Step 1: Add the form for desktop only

  1. Open your ClickFunnels page editor

  2. Add a Custom HTML / JS element

  3. Paste your Mailvio embed code inside it 

  4. Click the element settings

  5. Set Visibility to Only Desktop







Step 2: Add a separate form for mobile

  1. Switch to Mobile View in the ClickFunnels editor

  2. Add another Custom HTML / JS element

  3. Paste the same Mailvio embed code

  4. Set this element’s visibility to Only Mobile



Step 3: Make the mobile embed code unique

Now, slightly change the embed code only for mobile.

Example:

Desktop embed code

<script async defer type="text/javascript"
src="https://click.kyvio.com/form?am=24923&fid=48537"></script>

Mobile embed code

<script async defer type="text/javascript" 
src="https://click.kyvio.com/form?am=24923&fid=48537&form=mobile1"></script>

The extra &form=mobile1 makes the script URL different, so the browser allows it to load.




Result

  • Desktop form loads correctly

  • Mobile form loads correctly

  • No errors

  • No broken forms

Part 2: Adding Two Mailvio Opt-in Forms on the Same Page

Why only one form loads

If you paste the same Mailvio embed code twice on the same page, the browser will:

  • Load the first form

  • Ignore the second form

This happens because the browser refuses to load the same script URL more than once.

How to fix it

You must make each embed code slightly different.

Example

First form

<script async defer type="text/javascript" 
src="https://click.kyvio.com/form?am=24923&fid=48537"></script>

Second form

<script async defer type="text/javascript" 
src="https://click.kyvio.com/form?am=24923&fid=48537&formcount=2"></script>

The added &formcount=2 tells the browser this is a new script, so it loads properly.

Important notes

  • The extra parameter name does not matter

  • You can use anything like:

    • &form=2

    • &mobile=true

    • &unique=abc

  • The only goal is to make the script URL unique

ChatGPT Prompt (Optional):

If you want an easy way to create a unique script URL, you can use ChatGPT to help you.

Copy and paste the prompt below into ChatGPT,
then replace the example URL with your own Mailvio embed link.

Here's the prompt:
Hey ChatGPT,
I have this Mailvio opt-in form embed code:

<script async defer type="text/javascript"
src="PASTE_YOUR_EMBED_URL_HERE"></script>

Please modify the script URL by adding a simple, 
random parameter so the URL becomes unique, 
without changing how the form works.

ChatGPT will return a new version of your embed code with a unique URL that you can safely use on:

  • mobile vs desktop forms

  • second (or third) forms on the same page

Summary:

  • ClickFunnels duplicates code for desktop and mobile

  • Browsers do not allow the same script to load twice

  • This affects:

    • Desktop vs mobile forms

    • Multiple forms on the same page

  • The fix is always the same:

    • Make each embed script URL slightly different

Once this is done, your Mailvio forms will work exactly as expected.

    • Related Articles

    • Mailvio integration with Clickfunnels

      Step 1: Go to the Forms tab and create an embedded form by clicking the + Create Form button. Step 2: From there, choose your group. Step 3: After that, make sure to select Embedded instead of Hosted. And choose any designs that you like from below. ...

    • Hardcoding Affiliate IDs in the Mailvio Forms

      In this guide, we will walk you through the integration of opt-in forms with affiliate IDs for effective marketing strategies. We will show you the detailed process of hardcoding affiliate IDs in Mailvio forms, designed for pre-launch scenarios and ...

    • How to embed forms on any site

      Mailvio offers a straightforward process for embedding signup forms on various platforms, allowing you to seamlessly integrate your email marketing efforts. In this guide, we will walk you through the steps to embed signup forms using Mailvio. Step ...

    • Design your signup forms

      How to Add a Signup Form? Step 1: Before you begin, you must make sure you are logged in to the MAILVIO control panel. Step 2: Once logged in to the MAILVIO control panel, click the "SIGNUP FORMS" tab at the top of the screen. Step 3: On the Signup ...

    • Mailvio integration with Digioh

      What Digioh do? Digioh allows you to easily build email capture forms, surveys, preference centers, and landing pages integrated with Mailvio. Digioh offers hundreds of form themes and supports multi-step forms, capturing phone numbers, and forms ...