involve.me | Create funnels that convert visitors to leads

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> <title>involve.me | Create funnels that convert visitors to leads</title> <meta name="description" content="Create high-converting funnels that turn website visitors to leads on autopilot. Use conditional flows to qualify leads & guide them to the right offering." /> <meta property="og:type" content="website" /> <meta property="og:title" content="involve.me | Create funnels that convert visitors to leads" /> <meta property="og:description" content="Create high-converting funnels that turn website visitors to leads on autopilot. Use conditional flows to qualify leads & guide them to the right offering." /> <meta property="og:url" content="https://www.involve.me" /> <meta property="og:locale" content="en_US" /> <meta property="og:locale:alternate" content="de_DE" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@involvemeapp" /> <meta name="twitter:title" content="involve.me | Create funnels that convert visitors to leads" /> <meta name="twitter:description" content="Create high-converting funnels that turn website visitors to leads on autopilot. Use conditional flows to qualify leads & guide them to the right offering." /> <meta property="og:image" content="https://www.involve.me/img/containers/assets/social-thumbnails/involve-me_no-code_lead_funnel_builder.png/2dad7a242e598da26c03d8154856a22c/involve-me_no-code_lead_funnel_builder.webp" /> <meta property="og:image:width" content="1066" /> <meta property="og:image:height" content="600" /> <meta property="og:image:alt" content="involve.me - The no-code lead funnel builder for driving more conversions. Start for free." /> <meta name="twitter:image" content="https://www.involve.me/img/containers/assets/social-thumbnails/involve-me_no-code_lead_funnel_builder.png/61a23b4f5a508b154289f95fdc311943/involve-me_no-code_lead_funnel_builder.webp" /> <meta name="twitter:image:alt" content="involve.me - The no-code lead funnel builder for driving more conversions. Start for free." /> <link href="https://www.involve.me/" rel="home" /> <link href="https://www.involve.me" rel="canonical" /> <link rel="alternate" href="https://www.involve.me" hreflang="en" /> <link rel="alternate" href="https://www.involve.me/de" hreflang="de" /> <link rel="alternate" href="https://www.involve.me" hreflang="x-default" />  <meta name="format-detection" content="telephone=no"> <meta name="format-detection" content="email=no"> <meta name="format-detection" content="address=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="mobile-web-app-capable" content="yes"> <link rel="icon" href="/favicons/favicon-32x32.png" type="image/png"> <link rel="apple-touch-icon" href="/img/containers/favicons/android-chrome-256x256.png/60ce5eefe923551f4c2624ab98d442f1.png"> <link rel="manifest" href="/site.webmanifest">  <meta name="google-site-verification" content="FsptEvKMl7ibK6C9YcxlZCNH5RLIULnRlZZMRjMyBV0" /> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": ["Product", "WebApplication"], "applicationCategory": "BrowserApplication", "image": "https://cms.involve.me/social-thumbnails/schema-images/involveme_schema-image_form-creator.png", "description": "Free online form builder. Create highly converting online forms, like contact forms, order forms, registration forms, application forms, lead capture forms, newsletter signup forms, customer feedback forms & more. Use one of our 300+ templates or design your own beautiful forms. Embed them within your website content, trigger them as popups or publish them as landing pages.", "url": "https://www.involve.me", "name": "involve.me Online Form Builder", "brand": [ { "@type": "Brand", "name": "involve.me" } ], "offers": [ { "@type": "Offer", "price": "0", "priceCurrency": "USD", "availability": "https://schema.org/InStock", "url": "https://www.involve.me" } ], "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.7", "ratingCount": "80", "worstRating": "2", "bestRating": "5" } } </script> <link rel="preconnect" href="https://app.involve.me" /> <link rel="preconnect" href="https://stats.involve.me" /> <link rel="preconnect" href="https://d3fs9o4a89jmeb.cloudfront.net" /> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"Organization","founder":[{"@type":"Person","name":"Vlad Gozman","description":"Vlad Gozman","url":"https://www.linkedin.com/in/vladgozman/","@id":"https://www.linkedin.com/in/vladgozman/"},{"@type":"Person","name":"Stefan Rasch","description":"Stefan Rasch","url":"https://www.linkedin.com/in/stefanrasch/","@id":"https://www.linkedin.com/in/stefanrasch/"}],"url":"https://www.involve.me","areaServed":[{"@type":"Country","name":"Australia","@id":"https://en.wikipedia.org/wiki/Australia"},{"@type":"Country","name":"United States","@id":"https://en.wikipedia.org/wiki/United_States"},{"@type":"Country","name":"UK","url":"https://en.wikipedia.org/wiki/United_Kingdom","@id":"https://en.wikipedia.org/wiki/United_Kingdom"},{"@type":"Country","name":"Canada","url":"https://en.wikipedia.org/wiki/Canada","@id":"https://en.wikipedia.org/wiki/Canada"}],"additionalType":["https://en.wikipedia.org/wiki/Quiz","https://en.wikipedia.org/wiki/Form_(HTML)","https://en.wikipedia.org/wiki/Software_as_a_service","https://en.wikipedia.org/wiki/Survey_data_collection#Online_surveys"],"sameAs":["https://www.facebook.com/involvemeapp/","https://www.linkedin.com/company/involvemeapp/","https://twitter.com/involvemeapp/","https://www.producthunt.com/posts/involve-me","https://angel.co/company/involveme"],"description":"No-Code Funnel Builder. Create Quizzes, Calculators, Forms, Surveys and Payment Pages. Acquire & Keep Customers Engaged.","logo":{"@type":"ImageObject","url":"https://app.involve.me/img/frontend/homescreen-icon-180.png","height":"180","width":"180","name":"involve.me Logo","@id":"https://app.involve.me/img/frontend/homescreen-icon-180.png"},"address":{"@type":"PostalAddress","streetAddress":"Gußhausstraße 15/8","addressLocality":"Vienna","postalCode":"1040","addressCountry":"Austria"},"contactPoint":{"@type":"ContactPoint","availableLanguage":"https://en.wikipedia.org/wiki/English_language","name":"Contact Point involve.me","telephone":"[+43-676-5453047‬]","contactType":"sales","@id":"https://www.involve.me/contact/"},"name":"involve.me","email":"office@involve.me","@id":"https://www.involve.me/","foundingDate":"2018"} </script> <script type='application/ld+json'>{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://www.involve.me/#website","url":"https://www.involve.me/","name":"involve.me"},{"@type":"ImageObject","@id":"https://www.involve.me/#primaryimage","url":"https://www.involve.me/assets/images/sharing/sharing_default.png","width":1200,"height":630},{"@type":"WebPage","@id":"https://www.involve.me/#webpage","url":"https://www.involve.me/","inLanguage":"en-US","name":"involve.me | The User Engagement Platform","isPartOf":{"@id":"https://www.involve.me/#website"},"primaryImageOfPage":{"@id":"https://www.involve.me/#primaryimage"},"description":"involve.me helps digital marketers, smbs & e-commerce businesses engage users with personalized interactive content for every step of the customer journey."}]} </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PQRRT9K');</script>  <link rel="preload" as="style" href="https://www.involve.me/build/assets/site.c8f5d16e.css" /><link rel="stylesheet" href="https://www.involve.me/build/assets/site.c8f5d16e.css" /> </head> <body class="relative flex flex-col h-full text-black bg-lightneutral selection:bg-primary selection:text-white" x-data="{ scrolledToTop: true }" @scroll.window="scrolledToTop = window.pageYOffset < 10">  <noscript> <style> nav.hidden, nav ul [x-cloak], nav ul li ul { display: block !important; } </style> <p class="relative z-50 py-3 px-4 bg-gray-100 border-b border-gray-200 text-center font-bold text-xs text-gray-600"> This website requires Javascript for some parts to function properly. Your experience may vary.</p> </noscript>   <a class="fixed z-50 hidden md:block top-4 left-8 py-2 px-4 bg-primary text-white text-xs font-bold -translate-y-24 opacity-0 focus-visible:translate-y-0 focus-visible:opacity-100 focus:outline-none focus-visible:ring-2 ring-primary ring-offset-2 motion-safe:transition-all" href="#content"> Skip to content </a>       <header class="fixed top-0 z-50 flex items-center w-full h-16 transition-all duration-300 transform -translate-x-1/2 border-b border-b-transparent left-1/2 max-w-1660" :class="{ '!border-b-lightgray bg-white sm:backdrop-blur-xl': !scrolledToTop }"> <div class="relative flex items-center justify-center w-full mx-auto fluid-container--full"> <div class="lg:mr-auto lg:ml-auto">  <nav class="hidden lg:block" aria-label="Main navigation"> <ul class="flex items-center space-x-8"> <li x-data="{ subnavOpen: false }" @keyup.escape.stop.prevent="subnavOpen = false" @focusin.window="!$refs.subnav.contains($event.target) && (subnavOpen = false)" class="relative leading-none"> <a class=" py-1 -m-1 flex items-center text-primary text-xs hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary " href="#" @click.prevent="subnavOpen = !subnavOpen" :aria-label="subnavOpen ? 'Close sub navigation' : 'Open sub navigation'" :aria-expanded="subnavOpen" > Product <svg class="w-2 ml-1 overflow-visible text-black stroke-current" :class="{ 'rotate-180': subnavOpen }" aria-hidden="true" stroke-width="16" viewBox="0 0 140 140"> <path d="M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648" fill="none" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a> <ul x-show="subnavOpen" x-ref="subnav" x-cloak class="absolute left-0 px-3 py-2 mt-2 -ml-6 bg-white border rounded shadow " @click.outside="subnavOpen = false" x-transition> <div class="flex space-x-6 "> <li class="py-1 px-2 "> <span class="block p-2 text-sm font-bold whitespace-nowrap text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href=""> Use Cases </span> <ul class="space-y-1"> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/lead-generation-quiz"> Generate & Qualify Leads </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/price-quote-calculator"> Offer Custom Price Quotes </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/product-recommendation-quiz"> Recommend Products </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/sales-funnel-builder"> Create Sales Funnels </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/survey-maker"> Collect On-going Feedback </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/nps-survey-maker"> Find your NPS® Score </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/payment-page"> Collect Online Payments </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/use-cases"> Browse All </a> </li> </ul> </li> <li class="py-1 px-2 "> <span class="block p-2 text-sm font-bold whitespace-nowrap text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href=""> Applications </span> <ul class="space-y-1"> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/ai"> AI Form Generator ✨ </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/quiz-maker"> Quiz Maker </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/survey-maker"> Survey Maker </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/interactive-forms"> Form Builder </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/interactive-calculator"> Calculator Builder </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/sales-funnel-builder"> Funnel Builder </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/pop-up-maker"> Pop-up Maker </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/ai-powered-analytics"> AI-powered analytics </a> </li> </ul> </li> <li class="py-1 px-2 "> <span class="block p-2 text-sm font-bold whitespace-nowrap text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href=""> Industries </span> <ul class="space-y-1"> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/real-estate"> Real Estate </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/insurance"> Insurance </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/ecommerce-and-retail"> Ecommerce </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/hr-services"> HR services </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/software"> Software </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/marketing-agencies"> Marketing Agencies </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/online-magazines-and-news-websites"> Publishers & Media </a> </li> <li class="px-2 py-1 rounded hover:bg-lightneutral"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/industries-overview"> Browse All </a> </li> </ul> </li> </div> </ul> </li> <li class="relative leading-none"> <a class=" py-1 -m-1 flex items-center text-primary text-xs hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary " href="/templates" > Templates </a> </li> <li class="relative leading-none"> <a class=" py-1 -m-1 flex items-center text-primary text-xs hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary " href="/integrations" > Integrations </a> </li> <li class="relative leading-none"> <a class=" py-1 -m-1 flex items-center text-primary text-xs hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary " href="/features" > Features </a> </li> <li x-data="{ subnavOpen: false }" @keyup.escape.stop.prevent="subnavOpen = false" @focusin.window="!$refs.subnav.contains($event.target) && (subnavOpen = false)" class="relative leading-none"> <a class=" py-1 -m-1 flex items-center text-primary text-xs hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary " href="#" @click.prevent="subnavOpen = !subnavOpen" :aria-label="subnavOpen ? 'Close sub navigation' : 'Open sub navigation'" :aria-expanded="subnavOpen" > Resources <svg class="w-2 ml-1 overflow-visible text-black stroke-current" :class="{ 'rotate-180': subnavOpen }" aria-hidden="true" stroke-width="16" viewBox="0 0 140 140"> <path d="M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648" fill="none" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a> <ul x-show="subnavOpen" x-ref="subnav" x-cloak class="absolute left-0 px-3 py-2 mt-2 -ml-6 bg-white border rounded shadow " @click.outside="subnavOpen = false" x-transition> <div class=" "> <li class="py-1 px-2 hover:bg-lightneutral rounded"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/blog"> Blog </a> </li> <li class="py-1 px-2 hover:bg-lightneutral rounded"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/tutorials"> Tutorials </a> </li> <li class="py-1 px-2 hover:bg-lightneutral rounded"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/implementation-partners"> Implementation Partners </a> </li> <li class="py-1 px-2 hover:bg-lightneutral rounded"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/ai-library"> AI Project Library </a> </li> <li class="py-1 px-2 hover:bg-lightneutral rounded"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="https://discord.gg/FyNN7mRnGy"> Join Our Community </a> </li> </div> </ul> </li> <li class="relative leading-none"> <a class=" py-1 -m-1 flex items-center text-primary text-xs hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary " href="/pricing" > Pricing </a> </li> <li x-data="{ subnavOpen: false }" @keyup.escape.stop.prevent="subnavOpen = false" @focusin.window="!$refs.subnav.contains($event.target) && (subnavOpen = false)" class="relative leading-none"> <a class=" py-1 -m-1 flex items-center text-primary text-xs hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary " href="#" @click.prevent="subnavOpen = !subnavOpen" :aria-label="subnavOpen ? 'Close sub navigation' : 'Open sub navigation'" :aria-expanded="subnavOpen" > Company <svg class="w-2 ml-1 overflow-visible text-black stroke-current" :class="{ 'rotate-180': subnavOpen }" aria-hidden="true" stroke-width="16" viewBox="0 0 140 140"> <path d="M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648" fill="none" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a> <ul x-show="subnavOpen" x-ref="subnav" x-cloak class="absolute left-0 px-3 py-2 mt-2 -ml-6 bg-white border rounded shadow " @click.outside="subnavOpen = false" x-transition> <div class=" "> <li class="py-1 px-2 hover:bg-lightneutral rounded"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/company/about-us"> About Us </a> </li> <li class="py-1 px-2 hover:bg-lightneutral rounded"> <a class="block px-1 py-1 -mx-1 text-xs whitespace-nowrap hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" href="/company/careers"> Careers </a> </li> </div> </ul> </li> </ul> </nav>   <nav x-data="{ mobileNavOpen: false }" class="relative lg:hidden" aria-label="Main navigation" x-cloak> <button @click.prevent="mobileNavOpen = !mobileNavOpen" class="fixed top-0 right-0 z-50 flex items-center justify-center w-16 h-16 text-xs font-bold rounded mb-safe bg-primary focus:outline-none focus-visible:ring-2 ring-primary ring-offset-2" :class="{ '!w-full bg-black bg-opacity-80 z-20 inset-0 h-screen rounded-none ': mobileNavOpen }" x-trap.noscroll="mobileNavOpen" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="bg-opacity-0" x-transition:enter-end="bg-opacity-80" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="bg-opacity-80" x-transition:leave-end="bg-opacity-0" :aria-label=" mobileNavOpen ? 'Close navigation' : 'Open navigation' " :aria-expanded="mobileNavOpen"> <span class="sr-only" x-text="mobileNavOpen ? 'Close' : 'Menu'"> </span> <svg x-show="!mobileNavOpen" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25H12" /> </svg> <svg x-show="mobileNavOpen" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" :class="mobileNavOpen ? 'fixed top-5 right-5 z-50 text-white': ''" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg> </button> <div x-transition:enter="transition ease-out duration-200" x-transition:enter-start="-translate-x-full opacity-0" x-transition:enter-end="translate-x-0 opacity-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="translate-x-0 opacity-100" x-transition:leave-end="-translate-x-full opacity-0" @click.outside="mobileNavOpen = false" class="fixed top-0 left-0 z-30 flex flex-col justify-start w-5/6 h-screen max-w-md overflow-y-scroll transform bg-offwhite" x-show="mobileNavOpen"> <ul class="flex items-center w-full mx-auto my-8 gap-4 px-[5%]"> <li class="relative w-auto text-xs leading-none ">  <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 inline-flex items-center rounded leading-none !no-underline select-none whitespace-nowrap motion-safe:transition bg-white text-black focus-visible:ring-white border border-lightgray py-2.5 px-6 inline-flex justify-center w-auto " href="https://app.involve.me/login" title="Get Started Free" aria-label="Get Started Free" id="" > Login <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </li> <li class="relative w-auto text-xs leading-none ">  <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 inline-flex items-center rounded leading-none !no-underline select-none whitespace-nowrap motion-safe:transition bg-blue !text-white focus-visible:ring-primary py-2.5 px-6 inline-flex justify-center w-auto " href="https://app.involve.me/register" title="Get Started Free" aria-label="Get Started Free" id="" > Try for free <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </li> </ul> <ul class="flex flex-col space-y-2 top-0 p-[5%] flex-grow"> <li x-data="{ subnavOpen: false }" class="leading-none"> <a class="w-full py-2 mb-2 flex items-center space-x-1 text-[3vh] hover:text-primary text-black focus:outline-none focus-visible:ring-2 ring-primary" href="#" @click.prevent="subnavOpen = !subnavOpen" :aria-label="subnavOpen ? 'Close sub navigation' : 'Open sub navigation'" :aria-expanded="subnavOpen" > <span class="mr-1">Product</span> <svg class="w-3 h-3 overflow-visible text-black stroke-current" :class="{ 'rotate-180': subnavOpen }" aria-hidden="true" stroke-width="20" viewBox="0 0 140 140"> <path d="M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648" fill="none" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a> <ul x-show="subnavOpen" x-ref="subnav" class="flex flex-col items-stretch space-y-2" x-collapse> <div class="flex flex-wrap gap-4 pb-2 border-b"> <li class="space-y-2"> <span class="block mb-4 whitespace-nowrap text-bluegray focus:outline-none focus-visible:ring-2 ring-primary" href=""> Use Cases </span> <ul class="space-y-2 "> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/lead-generation-quiz"> Generate & Qualify Leads </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/price-quote-calculator"> Offer Custom Price Quotes </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/product-recommendation-quiz"> Recommend Products </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/sales-funnel-builder"> Create Sales Funnels </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/survey-maker"> Collect On-going Feedback </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/nps-survey-maker"> Find your NPS® Score </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/payment-page"> Collect Online Payments </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/use-cases"> Browse All </a> </li> </ul> </li> <li class="space-y-2"> <span class="block mb-4 whitespace-nowrap text-bluegray focus:outline-none focus-visible:ring-2 ring-primary" href=""> Applications </span> <ul class="space-y-2 "> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/ai"> AI Form Generator ✨ </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/quiz-maker"> Quiz Maker </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/survey-maker"> Survey Maker </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/interactive-forms"> Form Builder </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/interactive-calculator"> Calculator Builder </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/sales-funnel-builder"> Funnel Builder </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/pop-up-maker"> Pop-up Maker </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/ai-powered-analytics"> AI-powered analytics </a> </li> </ul> </li> <li class="space-y-2"> <span class="block mb-4 whitespace-nowrap text-bluegray focus:outline-none focus-visible:ring-2 ring-primary" href=""> Industries </span> <ul class="space-y-2 "> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/real-estate"> Real Estate </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/insurance"> Insurance </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/ecommerce-and-retail"> Ecommerce </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/hr-services"> HR services </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/software"> Software </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/marketing-agencies"> Marketing Agencies </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/online-magazines-and-news-websites"> Publishers & Media </a> </li> <li class="rounded hover:bg-lightneutral"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/industries-overview"> Browse All </a> </li> </ul> </li> </div> </ul> </li> <li class="leading-none"> <a class="w-full py-2 mb-2 flex items-center space-x-1 text-[3vh] hover:text-primary text-black focus:outline-none focus-visible:ring-2 ring-primary" href="/templates" > <span class="mr-1">Templates</span> </a> </li> <li class="leading-none"> <a class="w-full py-2 mb-2 flex items-center space-x-1 text-[3vh] hover:text-primary text-black focus:outline-none focus-visible:ring-2 ring-primary" href="/integrations" > <span class="mr-1">Integrations</span> </a> </li> <li class="leading-none"> <a class="w-full py-2 mb-2 flex items-center space-x-1 text-[3vh] hover:text-primary text-black focus:outline-none focus-visible:ring-2 ring-primary" href="/features" > <span class="mr-1">Features</span> </a> </li> <li x-data="{ subnavOpen: false }" class="leading-none"> <a class="w-full py-2 mb-2 flex items-center space-x-1 text-[3vh] hover:text-primary text-black focus:outline-none focus-visible:ring-2 ring-primary" href="#" @click.prevent="subnavOpen = !subnavOpen" :aria-label="subnavOpen ? 'Close sub navigation' : 'Open sub navigation'" :aria-expanded="subnavOpen" > <span class="mr-1">Resources</span> <svg class="w-3 h-3 overflow-visible text-black stroke-current" :class="{ 'rotate-180': subnavOpen }" aria-hidden="true" stroke-width="20" viewBox="0 0 140 140"> <path d="M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648" fill="none" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a> <ul x-show="subnavOpen" x-ref="subnav" class="flex flex-col items-stretch space-y-2" x-collapse> <div class=" pb-2 border-b"> <li class="space-y-2"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/blog"> Blog </a> </li> <li class="space-y-2"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/tutorials"> Tutorials </a> </li> <li class="space-y-2"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/implementation-partners"> Implementation Partners </a> </li> <li class="space-y-2"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/ai-library"> AI Project Library </a> </li> <li class="space-y-2"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="https://discord.gg/FyNN7mRnGy"> Join Our Community </a> </li> </div> </ul> </li> <li class="leading-none"> <a class="w-full py-2 mb-2 flex items-center space-x-1 text-[3vh] hover:text-primary text-black focus:outline-none focus-visible:ring-2 ring-primary" href="/pricing" > <span class="mr-1">Pricing</span> </a> </li> <li x-data="{ subnavOpen: false }" class="leading-none"> <a class="w-full py-2 mb-2 flex items-center space-x-1 text-[3vh] hover:text-primary text-black focus:outline-none focus-visible:ring-2 ring-primary" href="#" @click.prevent="subnavOpen = !subnavOpen" :aria-label="subnavOpen ? 'Close sub navigation' : 'Open sub navigation'" :aria-expanded="subnavOpen" > <span class="mr-1">Company</span> <svg class="w-3 h-3 overflow-visible text-black stroke-current" :class="{ 'rotate-180': subnavOpen }" aria-hidden="true" stroke-width="20" viewBox="0 0 140 140"> <path d="M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648" fill="none" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a> <ul x-show="subnavOpen" x-ref="subnav" class="flex flex-col items-stretch space-y-2" x-collapse> <div class=" pb-2 border-b"> <li class="space-y-2"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/company/about-us"> About Us </a> </li> <li class="space-y-2"> <a class="block mb-4 whitespace-nowrap hover:text-primary text-darkgray focus:outline-none focus-visible:ring-2 ring-primary" href="/company/careers"> Careers </a> </li> </div> </ul> </li> </ul> </div> </nav>  </div> <div class="ml-0 mr-auto shrink-0 w-36 lg:order-first">  <a class="w-full motion-safe:transition-transform focus:outline-none focus-visible:ring-2 ring-primary" aria-label="Logo involve.me [CDN]" href="/" > <svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 444.44 79.88"><path fill="#29dec7" fill-rule="evenodd" d="M29.82 0A29.82 29.82 0 1 1 0 29.82 29.82 29.82 0 0 1 29.82 0"/><path fill="#f66" d="M29.85 29.93H79.8v49.95H29.85z"/><path fill="#244554" fill-rule="evenodd" d="M59.64 29.94a29.82 29.82 0 0 1-29.79 29.7v-29.7Z"/><path fill="#244554" d="M418.9 44.23a7.48 7.48 0 0 1 1.32-3.29 7.73 7.73 0 0 1 2.64-2.32 7.4 7.4 0 0 1 3.51-.87 6.88 6.88 0 0 1 3.35.89 7.18 7.18 0 0 1 2.45 2.3 7 7 0 0 1 1.13 3.24Zm-78.08 22a1.9 1.9 0 0 0 1.81 1.81h7.72a1.9 1.9 0 0 0 1.81-1.81v-21a11.33 11.33 0 0 1 1-2 9.46 9.46 0 0 1 1.59-1.94 7.74 7.74 0 0 1 2.3-1.46 8.56 8.56 0 0 1 3.13-.57 7.24 7.24 0 0 1 4 1 5.84 5.84 0 0 1 2.32 2.79 11.06 11.06 0 0 1 .75 4.3v18.88a1.82 1.82 0 0 0 .51 1.26 1.78 1.78 0 0 0 1.3.56h7.16a1.82 1.82 0 0 0 1.27-.56 1.79 1.79 0 0 0 .54-1.26V43.32a5.77 5.77 0 0 1 .48-.62 8.83 8.83 0 0 1 1.46-1.38 9.38 9.38 0 0 1 2.36-1.38 10 10 0 0 1 3.57-.62 7.33 7.33 0 0 1 4 1 6 6 0 0 1 2.32 2.75 10.47 10.47 0 0 1 .79 4.3v18.86a1.89 1.89 0 0 0 .51 1.26 1.81 1.81 0 0 0 1.3.56h7.72a1.78 1.78 0 0 0 1.3-.56 1.82 1.82 0 0 0 .51-1.26V48.04a27.18 27.18 0 0 0-.89-7.19 17.62 17.62 0 0 0-2.87-6.08 13.62 13.62 0 0 0-5.16-4.21 17.77 17.77 0 0 0-7.72-1.62 16.74 16.74 0 0 0-4.76.68 19.57 19.57 0 0 0-3.92 1.62 21.15 21.15 0 0 0-2.92 2 17.72 17.72 0 0 0-1.83 1.65 16.17 16.17 0 0 0-5.33-4.38 15.39 15.39 0 0 0-7.06-1.57 17.27 17.27 0 0 0-11 4 15.47 15.47 0 0 0-1.73 1.64l-1.38-3.64a1.49 1.49 0 0 0-.56-.75 1.87 1.87 0 0 0-1.06-.3h-3.52a1.81 1.81 0 0 0-1.81 1.81Zm-43.33-22a7.46 7.46 0 0 1 1.29-3.29 7.71 7.71 0 0 1 2.64-2.32 7.39 7.39 0 0 1 3.51-.87 6.88 6.88 0 0 1 3.35.89 7.17 7.17 0 0 1 2.48 2.3 7 7 0 0 1 1.13 3.24Zm-11.71 4.71a21.18 21.18 0 0 0 1.44 7.8 19.83 19.83 0 0 0 4 6.37 18.85 18.85 0 0 0 6.18 4.3 19.85 19.85 0 0 0 7.88 1.59 23.34 23.34 0 0 0 5.73-.7 20.05 20.05 0 0 0 4.77-1.87 17.68 17.68 0 0 0 3.7-2.67 1.55 1.55 0 0 0 .65-1.27 1.76 1.76 0 0 0-.55-1.21l-3.91-4.48a1.36 1.36 0 0 0-1.13-.51 3.16 3.16 0 0 0-1.35.51 13.38 13.38 0 0 1-7.43 2.38 9.23 9.23 0 0 1-3.72-.75 8.69 8.69 0 0 1-2.82-1.93 8.86 8.86 0 0 1-1.83-2.67 8.76 8.76 0 0 1-.78-2.94H321a1.87 1.87 0 0 0 1.22-.45 1.74 1.74 0 0 0 .62-1.16c0-.37.1-.79.13-1.29s.06-.94.06-1.29a18.52 18.52 0 0 0-1.4-7.11 17.22 17.22 0 0 0-3.82-5.65 17.56 17.56 0 0 0-5.67-3.69 18.53 18.53 0 0 0-6.92-1.31 19 19 0 0 0-7.81 1.62 18.63 18.63 0 0 0-6.19 4.38 20 20 0 0 0-4 6.37 20.88 20.88 0 0 0-1.44 7.63Zm-20 19.06a1.94 1.94 0 0 0 .6.65 1.74 1.74 0 0 0 1 .3h.48a1.84 1.84 0 0 0 1-.3 2.06 2.06 0 0 0 .59-.65l17.44-35.83a1.65 1.65 0 0 0 .13-1.6 1.56 1.56 0 0 0-1.46-.68h-7.43a3.91 3.91 0 0 0-1.35.16 1.68 1.68 0 0 0-.94.89l-8.2 17.72h-.19l-7.7-17.72a2 2 0 0 0-.6-.75 1.89 1.89 0 0 0-1.11-.3h-8.29a1.46 1.46 0 0 0-1.41.68 1.75 1.75 0 0 0 .08 1.6Zm-32.15-1.81a1.75 1.75 0 0 0 .55 1.26 1.8 1.8 0 0 0 1.26.56h8a1.78 1.78 0 0 0 1.25-.56 1.73 1.73 0 0 0 .56-1.26V11.73a1.77 1.77 0 0 0-.56-1.27 1.72 1.72 0 0 0-1.25-.54h-8a1.74 1.74 0 0 0-1.26.54 1.78 1.78 0 0 0-.55 1.27Zm-32.06-17.25a10.22 10.22 0 0 1 1.22-4.88 9.32 9.32 0 0 1 3.27-3.45 8.91 8.91 0 0 1 9.27 0 9.46 9.46 0 0 1 3.27 3.45 9.88 9.88 0 0 1 1.27 4.88 10.15 10.15 0 0 1-1.25 5 9.59 9.59 0 0 1-3.27 3.53 8.73 8.73 0 0 1-9.27 0 9.44 9.44 0 0 1-3.27-3.53 10.5 10.5 0 0 1-1.24-5Zm-10.35 0a20.11 20.11 0 0 0 1.54 7.76 20.38 20.38 0 0 0 4.19 6.4 19.74 19.74 0 0 0 6.21 4.33 18.75 18.75 0 0 0 15.18 0 19.73 19.73 0 0 0 6.21-4.33 20.31 20.31 0 0 0 4.19-6.4 20.09 20.09 0 0 0 1.48-7.76 20.1 20.1 0 0 0-5.73-14 19.43 19.43 0 0 0-6.21-4.32 18.78 18.78 0 0 0-15.18 0 19.44 19.44 0 0 0-6.18 4.32 19.91 19.91 0 0 0-4.19 6.34 19.68 19.68 0 0 0-1.51 7.66Zm-20 19.11a1.94 1.94 0 0 0 .6.65 1.75 1.75 0 0 0 1 .3h.48a1.84 1.84 0 0 0 1-.3 2.08 2.08 0 0 0 .59-.65l17.44-35.83a1.64 1.64 0 0 0 .13-1.6 1.56 1.56 0 0 0-1.46-.68h-7.43a3.89 3.89 0 0 0-1.35.16 1.68 1.68 0 0 0-.94.89l-8.2 17.72h-.19l-7.67-17.77a2 2 0 0 0-.6-.75 1.89 1.89 0 0 0-1.11-.3h-8.29a1.46 1.46 0 0 0-1.41.68 1.76 1.76 0 0 0 .08 1.6Zm-55.62-1.81a1.91 1.91 0 0 0 1.81 1.81h7.05a3.1 3.1 0 0 0 1.87-.41 1.62 1.62 0 0 0 .51-1.4v-21a8.29 8.29 0 0 1 1.11-2 10.08 10.08 0 0 1 1.86-1.94 9.81 9.81 0 0 1 2.64-1.46 10.05 10.05 0 0 1 3.35-.57 7.21 7.21 0 0 1 3.89 1 6.13 6.13 0 0 1 2.41 2.79 10.22 10.22 0 0 1 .84 4.3v18.87a1.83 1.83 0 0 0 .51 1.26 1.78 1.78 0 0 0 1.3.56h7.81a1.82 1.82 0 0 0 1.27-.56 1.77 1.77 0 0 0 .54-1.26V47.94a25.79 25.79 0 0 0-1-7.15 18 18 0 0 0-3-6.05 14.07 14.07 0 0 0-5.15-4.19 18 18 0 0 0-7.77-1.61 18.49 18.49 0 0 0-5 .66 19.28 19.28 0 0 0-3.94 1.57 18.38 18.38 0 0 0-2.84 1.86 17.58 17.58 0 0 0-1.67 1.52l-1.34-3.53a2.12 2.12 0 0 0-.59-.83 1.64 1.64 0 0 0-1-.32h-3.62a1.81 1.81 0 0 0-1.25.51 1.79 1.79 0 0 0-.56 1.3Zm-17.17 0a1.91 1.91 0 0 0 1.81 1.81h7.98a1.9 1.9 0 0 0 1.81-1.81v-34.5a1.8 1.8 0 0 0-.56-1.3 1.82 1.82 0 0 0-1.25-.5h-7.91a1.81 1.81 0 0 0-1.81 1.81Zm5.62-43.16a6.7 6.7 0 0 0 5.77-3.26 6.54 6.54 0 0 0 0-6.64 6.56 6.56 0 0 0-2.38-2.35 6.64 6.64 0 0 0-3.38-.91 6.3 6.3 0 0 0-3.29.91 6.61 6.61 0 0 0 0 11.34 6.25 6.25 0 0 0 3.32.9ZM330.22 69a6.71 6.71 0 0 0 5.77-3.25 6.55 6.55 0 0 0 0-6.64 6.57 6.57 0 0 0-2.38-2.35 6.64 6.64 0 0 0-3.38-.91 6.3 6.3 0 0 0-3.29.91 6.61 6.61 0 0 0 0 11.34 6.25 6.25 0 0 0 3.28.9Zm77-20a21.21 21.21 0 0 0 1.45 7.75 19.82 19.82 0 0 0 4 6.37 18.83 18.83 0 0 0 6.18 4.3 19.85 19.85 0 0 0 7.88 1.59 23.35 23.35 0 0 0 5.73-.7 20 20 0 0 0 4.76-1.88 17.64 17.64 0 0 0 3.7-2.67 1.56 1.56 0 0 0 .65-1.27 1.75 1.75 0 0 0-.56-1.21l-3.91-4.48a1.37 1.37 0 0 0-1.13-.51 3.17 3.17 0 0 0-1.35.51 13.38 13.38 0 0 1-7.4 2.39 9.23 9.23 0 0 1-3.71-.75 8.67 8.67 0 0 1-2.83-1.94 8.87 8.87 0 0 1-1.83-2.67 8.69 8.69 0 0 1-.78-2.94h24.39a1.87 1.87 0 0 0 1.19-.46 1.75 1.75 0 0 0 .62-1.16c0-.37.09-.79.13-1.29s.06-.94.06-1.29a18.5 18.5 0 0 0-1.4-7.11 17.21 17.21 0 0 0-3.84-5.64 17.56 17.56 0 0 0-5.67-3.69 18.52 18.52 0 0 0-6.93-1.31 19 19 0 0 0-7.81 1.62 18.66 18.66 0 0 0-6.16 4.38 20 20 0 0 0-4 6.37 20.9 20.9 0 0 0-1.43 7.63Z"/></svg> </a>  </div> <div class="hidden ml-auto sm:block sm:mr-4 sm:ml-0 lg:mr-0 lg:ml-auto">  <nav> <ul class="flex items-center space-x-1"> <li class="relative text-xs leading-none">  <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 inline-flex items-center rounded leading-none !no-underline select-none whitespace-nowrap motion-safe:transition bg-white text-black focus-visible:ring-white border border-lightgray py-2.5 px-6 " href="https://app.involve.me/login" title="Get Started Free" aria-label="Get Started Free" id="button_tracking-id_login_nav-bar" > Login <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </li> <li class="relative text-xs leading-none">  <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 inline-flex items-center rounded leading-none !no-underline select-none whitespace-nowrap motion-safe:transition bg-blue !text-white focus-visible:ring-primary py-2.5 px-6 " href="https://app.involve.me/register" title="Get Started Free" aria-label="Get Started Free" id="button_tracking-id_register_nav-bar" > Try for free <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </li> </ul> </nav>  </div> </div> </header>   <main class="pt-0 mx-auto mt-0 bg-white shadow-2xl max-w-1660" id="content"> <section class="flex flex-wrap relative min-h-[90vh] items-center space-y-14 overflow-hidden opener-py bg-offwhite"> <div class="flex flex-col flex-wrap items-center order-first lg:gap-12 lg:flex-nowrap lg:flex-row fluid-container--full lg:!mr-0 lg:!pr-0"> <div class="relative flex items-center mt-4 lg:mt-0 lg:w-5/12 xl:w-6/12 2xl:w-6/12"> <div class="relative z-20 text-center lg:text-left"> <div class="flex flex-col justify-center h-full space-y-8 text-black"> <div class="space-y-6"> <h1 class="relative text-2xl font-bold font-highlight md:whitespace-nowrap"> <mark class="bg-black p-1">Boost online conversions</mark></br> with interactive lead funnels </h1>  <p class="mt-0 mb-8 last:mb-0 leading-relaxed text-inherit text-darkgray">Create high-converting funnels that turn visitors to leads on autopilot. Use conditional flows to qualify leads & guide them to the right offering. No coding or design skills required.</p>  <div class="flex flex-wrap justify-center lg:justify-start gap-1.5">  <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 inline-flex items-center rounded leading-none !no-underline select-none whitespace-nowrap motion-safe:transition bg-blue !text-white focus-visible:ring-primary py-2.5 px-6 " href="https://app.involve.me/register" title="Get Started Free" aria-label="Get Started Free" id="button_tracking-id_register_header" > Get started for free <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </div> </div> <div class="space-y-4"> <div class="flex items-center justify-center space-x-4 lg:justify-start"> <div class="flex justify-center space-x-0.5 items-center"> <div class="w-3 h-3 text-sandyellow"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="currentColor" d="M98.336 40.707 72.289 62.594l8.559 31.883a1.714 1.714 0 0 1-2.563 1.898L50 78.79 21.715 96.375c-.598.372-1.36.336-1.922-.082s-.816-1.136-.637-1.816l8.56-31.883L1.663 40.707a1.709 1.709 0 0 1-.516-1.867A1.708 1.708 0 0 1 2.7 37.684l33.523-1.29L48.398 4.468a1.712 1.712 0 0 1 3.203 0l12.172 31.926 33.527 1.29a1.717 1.717 0 0 1 1.555 1.156 1.715 1.715 0 0 1-.52 1.867z"/></svg> </div> <div class="w-3 h-3 text-sandyellow"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="currentColor" d="M98.336 40.707 72.289 62.594l8.559 31.883a1.714 1.714 0 0 1-2.563 1.898L50 78.79 21.715 96.375c-.598.372-1.36.336-1.922-.082s-.816-1.136-.637-1.816l8.56-31.883L1.663 40.707a1.709 1.709 0 0 1-.516-1.867A1.708 1.708 0 0 1 2.7 37.684l33.523-1.29L48.398 4.468a1.712 1.712 0 0 1 3.203 0l12.172 31.926 33.527 1.29a1.717 1.717 0 0 1 1.555 1.156 1.715 1.715 0 0 1-.52 1.867z"/></svg> </div> <div class="w-3 h-3 text-sandyellow"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="currentColor" d="M98.336 40.707 72.289 62.594l8.559 31.883a1.714 1.714 0 0 1-2.563 1.898L50 78.79 21.715 96.375c-.598.372-1.36.336-1.922-.082s-.816-1.136-.637-1.816l8.56-31.883L1.663 40.707a1.709 1.709 0 0 1-.516-1.867A1.708 1.708 0 0 1 2.7 37.684l33.523-1.29L48.398 4.468a1.712 1.712 0 0 1 3.203 0l12.172 31.926 33.527 1.29a1.717 1.717 0 0 1 1.555 1.156 1.715 1.715 0 0 1-.52 1.867z"/></svg> </div> <div class="w-3 h-3 text-sandyellow"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="currentColor" d="M98.336 40.707 72.289 62.594l8.559 31.883a1.714 1.714 0 0 1-2.563 1.898L50 78.79 21.715 96.375c-.598.372-1.36.336-1.922-.082s-.816-1.136-.637-1.816l8.56-31.883L1.663 40.707a1.709 1.709 0 0 1-.516-1.867A1.708 1.708 0 0 1 2.7 37.684l33.523-1.29L48.398 4.468a1.712 1.712 0 0 1 3.203 0l12.172 31.926 33.527 1.29a1.717 1.717 0 0 1 1.555 1.156 1.715 1.715 0 0 1-.52 1.867z"/></svg> </div> <div class="w-3 h-3 text-sandyellow"> <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 100 100" viewBox="0 0 100 100" fill="currentColor"><path d="M50.6 78.2 21.7 96.4c-.6.4-1.4.3-1.9-.1s-.8-1.1-.6-1.8l8.6-31.9L1.7 40.7c-.5-.5-.7-1.2-.5-1.9.2-.7.8-1.1 1.6-1.2l33.5-1.3L48.4 4.5c.3-.9 1.3-1.3 2.2-1"/></svg> </div> </div> <div class="font-sans text-xs font-normal text-gray-400 lg:pr-8"> Based on 1000+ Reviews on </div> </div> <div class="grid flex-wrap items-start justify-center max-w-xs grid-cols-2 gap-2 mx-auto sm:space-x-4 sm:max-w-none place-items-center gap-y-6 sm:flex lg:flex-nowrap lg:justify-start"> <a href="https://www.g2.com/products/involve-me/reviews" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center h-6 md:inline-block"> <img src="https://cms.involve.me/home/g2_crowd_logo.svg" alt="G2 Crowd Logo" class="object-contain h-full" /> </a> <a href="https://www.capterra.com/p/241622/brandquiz/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center h-6 md:inline-block"> <img src="https://cms.involve.me/home/capterra-inc-vector-logo-cleaned.svg" alt="Capterra Logo" class="object-contain h-full" /> </a> <a href="https://www.trustpilot.com/evaluate/involve.me" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center h-6 md:inline-block"> <img src="https://cms.involve.me/home/trustpilot-reduced.svg" alt="Trustpilot Logo" class="object-contain h-full" /> </a> <a href="https://www.producthunt.com/products/involve-me" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center h-6 md:inline-block"> <img src="https://cms.involve.me/home/product_hunt_logo.svg" alt="Product Hunt Logo" class="object-contain h-full" /> </a> </div> </div> </div> </div> </div> <div class="relative flex items-center justify-end order-first transform translate-x-[6%] lg:translate-x-0 lg:order-last lg:w-8/12 xl:w-8/12 2xl:w-6/12"> <div class="hidden lg:block md:-mr-36 w-full lg:-mr-0 lg:-ml-24 md:h-[33rem] lg:h-[26rem] xl:h-[29rem] 2xl:h-[30rem] lg:-translate-y-[6%] xl:-translate-y-[0.7rem] 2xl:-translate-y-[-1%]">  <div class="h-full m-animation" data-uuid="ebd4d6d5-fa11-448b-8ca2-42643793fb80" data-json="/animations/home/animation-scroll-reduced.json"> <div class="w-full h-full m-animation-container"></div> </div>  </div> </div> </div> <div class="relative z-20 flex flex-col items-center order-3 w-full space-y-8 fluid-container">  <h2 id="headline-used-daily-by-more-than-4500-companies-worldwide" class="font-bold font-highlight text-inherit text-center text-black text-md" > Used daily by more than 4,500 companies worldwide. </h2>  <div class="flex flex-wrap items-center justify-center gap-6"> <div class="self-center h-16 lg:flex-1 lg:h-20">  <picture> <img class="object-contain w-full h-full" src="https://cms.involve.me/logo_boston-consulting-group_light.svg" alt="." width="400" height="300" aria-hidden="true" /> </picture>  </div> <div class="self-center h-16 lg:flex-1 lg:h-20">  <picture> <img class="object-contain w-full h-full" src="https://cms.involve.me/logo_der-spiegel_light.svg" alt="." width="400" height="300" aria-hidden="true" /> </picture>  </div> <div class="self-center h-16 lg:flex-1 lg:h-20">  <picture> <img class="object-contain w-full h-full" src="https://cms.involve.me/logo_saatchi-saatchi-x_light.svg" alt="." width="400" height="300" aria-hidden="true" /> </picture>  </div> <div class="self-center h-16 lg:flex-1 lg:h-20">  <picture> <img class="object-contain w-full h-full" src="https://cms.involve.me/logo_zeiss_light.svg" alt="." width="400" height="300" aria-hidden="true" /> </picture>  </div> <div class="self-center h-16 lg:flex-1 lg:h-20">  <picture> <img class="object-contain w-full h-full" src="https://cms.involve.me/logo_united-nations-foundation_light.svg" alt="." width="400" height="300" aria-hidden="true" /> </picture>  </div> <div class="self-center h-16 lg:flex-1 lg:h-20">  <picture> <img class="object-contain w-full h-full" src="https://cms.involve.me/logo_salesforce_light.svg" alt="." width="400" height="300" aria-hidden="true" /> </picture>  </div> <div class="self-center h-16 lg:flex-1 lg:h-20">  <picture> <img class="object-contain w-full h-full" src="https://cms.involve.me/logo_bolt_light.svg" alt="." width="400" height="300" aria-hidden="true" /> </picture>  </div> </div> </div> <div class="absolute right-0 flex items-center justify-end order-last w-full space-x-4 lg:relative lg:order-2 bottom-8 xl:my-6"> <button x-on:click="window.scrollTo(0, 900);" class="text-xs text-gray-500">Scroll down</button> <span class="w-8 border-b border-turqoise"></span> </div> </section> <div class="content-sections"> <section class=" relative"> <div class=" text-black fluid-container--wide pt-20 lg:pt-24 pb-20 lg:pb-24 overflow-hidden mx-auto grid gap-16 lg:gap-16 home relative z-30 ">  <div class="relative z-20 px-6 py-8 overflow-hidden"> <div class="absolute left-0 w-full transform -translate-y-1/2 z-behind top-1/2"> <div class="transform scale-150"> <svg xmlns="http://www.w3.org/2000/svg" width="2143.519" height="306.973" viewBox="0 0 2143.519 306.973"><path id="Pfad_80" data-name="Pfad 80" d="M-9467.241-1961.277s-13.405-178.371,178.065-133.338,118.245,253.8,912.432,0,866.634-190.147,1050.315-43.622" transform="translate(9469.013 2268.138)" fill="none" stroke="#29dec7" stroke-width="3"/></svg> </div> </div> <div id="section-product-teaser" class="relative flex flex-col justify-center space-y-8 fluid-container lg:text-left"> <div class="max-w-2xl mx-auto text-center">  <h2 id="headline-pwhat039s-a-lead-funnelp" class="font-bold font-highlight text-inherit mb-8 text-xl text-center decorative-underline" > <p>What's a Lead Funnel?</p> </h2>   <h3 id="headline-" class="font-bold font-highlight text-primary mb-3 font-sans text-base font-normal text-headlinegrey text-center"> </h3>   <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x text-center content " > A staggering 90% of company websites are static & generic, resulting in low conversion rates. Lead funnels make your page interactive and personalized. They enable you to create interactive multi-step flows that guide your visitors to the right offering, capturing valuable lead data in the process. So you can eventually turn prospective buyers into customers. </p>  </div> <div class="container mx-auto"> <div class="grid grid-cols-1 "> <div class="rounded-3xl w-full h-auto shadow-xl"> <script src="https://fast.wistia.com/player.js" async></script><script src="https://fast.wistia.com/embed/o9dla6rfhr.js" async type="module"></script><style>wistia-player[media-id='o9dla6rfhr']:not(:defined) { background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/o9dla6rfhr/swatch'); display: block; filter: blur(5px); padding-top:56.25%; }</style> <wistia-player media-id="o9dla6rfhr"></wistia-player> </div> </div> </div> </div> </div>   <div id="section-callout-text" class="relative z-20 max-w-2xl mx-auto text-xl font-bold text-center font-highlight"> <p>Integrate lead funnels on your landing pages and optimize <u>conversion rates</u></p> </div>   <div class="relative mb-8 fluid-container"> <div class="absolute inset-0 z-0 w-full h-full top-14 rounded-3xl bg-lightneutral"> </div> <div class="grid gap-6 sm:grid-cols-2 md:grid-cols-3 "> <div class="p-5 space-y-3 w-full shadow-lg group-hover:shadow-xl shadow-gray-200 border border-gray-200 mx-auto sm:ml-auto rounded-xl relative z-20 bg-white "> <div class="inline-flex justify-center items-center p-2 text-base w-10 h-10 border rounded-md relative z-20"> <i class='fa-solid fa-hand-back-point-right' aria-hidden='true'></i> </div> <h4 class="font-bold ">Guide</h4> <div class="prose prose-a:underline prose-a:text-blue relative z-20 "> <p>Create interactive lead flows that guide your visitors to the right offering.</p> </div> </div> <div class="p-5 space-y-3 w-full shadow-lg group-hover:shadow-xl shadow-gray-200 border border-gray-200 mx-auto sm:ml-auto rounded-xl relative z-20 bg-white "> <div class="inline-flex justify-center items-center p-2 text-base w-10 h-10 border rounded-md relative z-20"> <i class='fa-solid fa-file-magnifying-glass' aria-hidden='true'></i> </div> <h4 class="font-bold ">Qualify</h4> <div class="prose prose-a:underline prose-a:text-blue relative z-20 "> <p>Know your audience with the help of powerful lead scoring and qualification tools.</p> </div> </div> <div class="p-5 space-y-3 w-full shadow-lg group-hover:shadow-xl shadow-gray-200 border border-gray-200 mx-auto sm:ml-auto rounded-xl relative z-20 bg-white "> <div class="inline-flex justify-center items-center p-2 text-base w-10 h-10 border rounded-md relative z-20"> <i class='fa-solid fa-user-check' aria-hidden='true'></i> </div> <h4 class="font-bold ">Convert</h4> <div class="prose prose-a:underline prose-a:text-blue relative z-20 "> <p>Turn visitors into verified leads with efficient, personalized lead capture forms.</p> </div> </div> </div> </div>  </div>   </section> <section class=" rounded-3xl overflow-hidden -my-4 relative z-40 relative"> <div class=" bg-bluegray text-lightneutral w-full pt-20 lg:pt-24 pb-20 lg:pb-24 overflow-hidden mx-auto grid gap-16 lg:gap-16 home relative z-30 ">  <div id="section-testimonial-slider relative z-20"> <div class="relative z-20 pb-6 mb-12 space-y-2 text-center">  <h2 id="headline-goals-by-company-department" class="font-bold font-highlight text-inherit font-sans text-base font-normal text-center text-headlinegrey whitespace-nowrap" > Goals by company department </h2>   <h3 id="headline-plead-funnel-uuse-casesup" class="font-bold font-highlight text-primary max-w-2xl mx-auto text-xl"> <p>Lead funnel <u>use cases</u></p> </h3>  </div> <div class="relative max-w-2xl mx-auto -mb-6 md:max-w-4xl lg:fluid-container m-testimonial-slider" data-uuid="035ad7ed-fcfe-4309-910f-7cf0cf363fa7"> <div class="max-w-[15rem] sm:max-w-xs md:max-w-xl lg:max-w-2xl xl:max-w-4xl m-testimonial-slider-wrapper swiper gradient-fade"> <div class="flex items-stretch py-6 mx-auto mb-2 swiper-wrapper"> <div class="swiper-slide">  <div title="HR" class="flex flex-col self-stretch w-full h-full max-w-xs py-6 mx-auto space-y-6 text-black bg-white lg:max-w-lg group drop-shadow-xl rounded-xl cursor-grab"> <div class="flex flex-col items-center justify-center px-8 my-auto font-bold text-center text-md grow "> Source prescreened job applicants </div> <div class="flex justify-center px-8"> <div class="w-32 h-16">  <picture> <source srcset=" /img/containers/assets/home/3.png/fc571ed717e9d4e4a3c1f28f23fc94b2/3.webp 320w, /img/containers/assets/home/3.png/2a415953de455a30b925616ea811c39f/3.webp 480w, /img/containers/assets/home/3.png/0843a29ee3da9de3f209a58bf8fa73e7/3.webp 640w, /img/containers/assets/home/3.png/36db09a655507ccec58cad8d25d33346/3.webp 768w, /img/containers/assets/home/3.png/ea3f23f6ae1b830fade1ee064487f59f/3.webp 1024w, /img/containers/assets/home/3.png/6a1cc9c4e011fdbade726c79f734a106/3.webp 1280w, /img/containers/assets/home/3.png/688fe14a6a4c90c03b8b5e791bd86b22/3.webp 1440w, /img/containers/assets/home/3.png/8c61af469966df1317bf327f39cd1c00/3.webp 1536w, /img/containers/assets/home/3.png/0c20e1891fb91a486126f4804fb87d3d/3.webp 1680w, " sizes="(min-width: 768px) 10vw, 80vw" type="image/webp"> <source srcset=" /img/containers/assets/home/3.png/842d052c1de505146ee4c58ed0ec61fc/3.png 320w, /img/containers/assets/home/3.png/d13fa2d140fb03c81a95d3d8acf88fd7/3.png 480w, /img/containers/assets/home/3.png/52d77df6eda18ddff96a0daea920314e/3.png 640w, /img/containers/assets/home/3.png/d6dcf672ab9842a5ce56b01ed1eb9b49/3.png 768w, /img/containers/assets/home/3.png/14fb807e4382a5190c1621e83e210ed5/3.png 1024w, /img/containers/assets/home/3.png/f8e80c045feff8a0e8efa431b84355f3/3.png 1280w, /img/containers/assets/home/3.png/93fce34627a5a0695e54346c8d430040/3.png 1440w, /img/containers/assets/home/3.png/6ba9a31c067cc9f3ae4afee7fa4fd4f4/3.png 1536w, /img/containers/assets/home/3.png/018b399ea1c847cf38490b149d17d855/3.png 1680w, " sizes="(min-width: 768px) 10vw, 80vw" type="image/png"> <img width="600" height="300" src="/img/containers/assets/home/3.png/2b3f43ea4c58c1033fc2bc75633f327a/3.png" alt="Human Ressources." class="object-contain w-full h-full" loading="lazy" > </picture>  </div> </div> </div>  </div> <div class="swiper-slide">  <div title="Marketing" class="flex flex-col self-stretch w-full h-full max-w-xs py-6 mx-auto space-y-6 text-black bg-white lg:max-w-lg group drop-shadow-xl rounded-xl cursor-grab"> <div class="flex flex-col items-center justify-center px-8 my-auto font-bold text-center text-md grow "> Build an email list with verified contacts </div> <div class="flex justify-center px-8"> <div class="w-32 h-16">  <picture> <source srcset=" /img/containers/assets/home/1.png/a80ad397a33fd9a4a5d473b43714739e/1.webp 320w, /img/containers/assets/home/1.png/922874d96b5b7c280ba561110d818324/1.webp 480w, /img/containers/assets/home/1.png/2b0c05ef70bb9f81c6de0b1096140a57/1.webp 640w, /img/containers/assets/home/1.png/a59807433b7409dfdae4b7f5ed1cffec/1.webp 768w, /img/containers/assets/home/1.png/f3c7d7bbb188df87fca8274391d6b08c/1.webp 1024w, /img/containers/assets/home/1.png/1885c2e8509321329b661387f6b09925/1.webp 1280w, /img/containers/assets/home/1.png/0aee3fa945e18cd2b683c3c89067e06f/1.webp 1440w, /img/containers/assets/home/1.png/4b10cdd33017f7b5e2ce0d11550bc9eb/1.webp 1536w, /img/containers/assets/home/1.png/7ee6254979ebc85f03df66d1f5191c9b/1.webp 1680w, " sizes="(min-width: 768px) 10vw, 80vw" type="image/webp"> <source srcset=" /img/containers/assets/home/1.png/38c15bc4d7a8141f97a91d1d4848e28a/1.png 320w, /img/containers/assets/home/1.png/1f453b2312b34c5e9ed66d2ee5861dfb/1.png 480w, /img/containers/assets/home/1.png/2de00afc018d77b904aee88eaea6baff/1.png 640w, /img/containers/assets/home/1.png/4173ee9209a473d7e15cf3ff27e4f060/1.png 768w, /img/containers/assets/home/1.png/4e041c7e900597ba3f90d6168b70750f/1.png 1024w, /img/containers/assets/home/1.png/87d6802d89f5657a491232c188da3e43/1.png 1280w, /img/containers/assets/home/1.png/bcfe83dbbd38e00490a337ae11a4bb8c/1.png 1440w, /img/containers/assets/home/1.png/af78539fa25fed7a2a85068254ffec36/1.png 1536w, /img/containers/assets/home/1.png/d16b27012b88b769392f134a94c5adc7/1.png 1680w, " sizes="(min-width: 768px) 10vw, 80vw" type="image/png"> <img width="600" height="300" src="/img/containers/assets/home/1.png/2e01da9bd7c9af45a94c2be2e6834b88/1.png" alt="Marketing." class="object-contain w-full h-full" loading="lazy" > </picture>  </div> </div> </div>  </div> <div class="swiper-slide">  <div title="Sales" class="flex flex-col self-stretch w-full h-full max-w-xs py-6 mx-auto space-y-6 text-black bg-white lg:max-w-lg group drop-shadow-xl rounded-xl cursor-grab"> <div class="flex flex-col items-center justify-center px-8 my-auto font-bold text-center text-md grow "> Book appointments with qualified leads </div> <div class="flex justify-center px-8"> <div class="w-32 h-16">  <picture> <source srcset=" /img/containers/assets/home/sales.png/c8726898f58b798e1d873e601b2c8c89/sales.webp 320w, /img/containers/assets/home/sales.png/aa0416f81bedd7f0ac993f4cdfde092a/sales.webp 480w, /img/containers/assets/home/sales.png/a05f49a66eae13c5576cfb847e6bff56/sales.webp 640w, /img/containers/assets/home/sales.png/caaabebe948808f10f0ed93c3d4a21b5/sales.webp 768w, /img/containers/assets/home/sales.png/1db6bf7cfb659d45bfbacd62e16c3f80/sales.webp 1024w, /img/containers/assets/home/sales.png/caedbdaa4447743a986e95f6476328ce/sales.webp 1280w, /img/containers/assets/home/sales.png/aa7f95f747c6bf86cd25d0e7f73463a5/sales.webp 1440w, /img/containers/assets/home/sales.png/b9571e794b90ee9e154eaf14c0b864c3/sales.webp 1536w, /img/containers/assets/home/sales.png/a3f30b0b338e6c3278a71c304f778792/sales.webp 1680w, " sizes="(min-width: 768px) 10vw, 80vw" type="image/webp"> <source srcset=" /img/containers/assets/home/sales.png/fdfc0bde37da6ea78e9120dbed118a42/sales.png 320w, /img/containers/assets/home/sales.png/1d940713544e0662ec1d89cdbdd98c9a/sales.png 480w, /img/containers/assets/home/sales.png/7132a63d711d8e1662fdddc494757c78/sales.png 640w, /img/containers/assets/home/sales.png/88ba7ec62f0dd9679cf87e023eaa081c/sales.png 768w, /img/containers/assets/home/sales.png/b15b55922f1feecc2e44be07e81ad26c/sales.png 1024w, /img/containers/assets/home/sales.png/2a4111f9272a8d59fcce3ff8517cab9a/sales.png 1280w, /img/containers/assets/home/sales.png/484858a7f101b114bcbc39780b65b498/sales.png 1440w, /img/containers/assets/home/sales.png/906f436348e730361dfd148e71acdd22/sales.png 1536w, /img/containers/assets/home/sales.png/9a4cb967e0363a610da8ea2957224420/sales.png 1680w, " sizes="(min-width: 768px) 10vw, 80vw" type="image/png"> <img width="600" height="300" src="/img/containers/assets/home/sales.png/5e5f73cf3d0beaa9eb41802aab5ccbda/sales.png" alt="SALES." class="object-contain w-full h-full" loading="lazy" > </picture>  </div> </div> </div>  </div> </div> </div> <div class="transition transform swiper-button-prev hover:-translate-x-1 !text-white border-darkgray" id="m-slider-nav-prev-035ad7ed-fcfe-4309-910f-7cf0cf363fa7" data-uuid="035ad7ed-fcfe-4309-910f-7cf0cf363fa7" data-background="bluegray"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18"/></svg> </div> <div class="swiper-button-next transition transform hover:translate-x-1 !text-white border-darkgray" id="m-slider-nav-next-035ad7ed-fcfe-4309-910f-7cf0cf363fa7" data-uuid="035ad7ed-fcfe-4309-910f-7cf0cf363fa7"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 fill-current"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/></svg> </div> </div> </div> </div>   </section> <section class=" relative"> <div class=" text-black fluid-container--wide pt-20 lg:pt-24 pb-20 lg:pb-24 overflow-hidden mx-auto grid gap-16 lg:gap-16 home relative z-30 ">  <div id="section-section-intro" class="max-w-xl mx-auto space-y-3 text-center">  <h2 id="headline-get-more-conversions-better-data" class="font-bold font-highlight text-inherit text-base font-normal text-neutral" > Get more conversions & better data </h2>   <h3 id="headline-pexamples-of-multi-step-uinteractive-funnelsup" class="font-bold font-highlight text-primary text-xl"> <p>Examples of multi-step <u>interactive funnels</u></p> </h3>   <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x content " > </p>  </div>   <div id="section-image-accordion" class="c-image-accordion fluid-container" x-data="{ selectedId: '1', tabsHeight: 0, select(id) { this.selectedId = id }, isSelected(id) { return this.selectedId === id }, }" x-cloak> <div class="relative z-30 grid items-center justify-center lg:justify-between gap-y-8 md:gap-y-0 lg:grid-cols-2 lg:gap-12 "> <div x-ref="images" class="sm:h-[35rem] lg:h-[38rem] flex justify-center items-center"> <div class="relative flex items-center justify-center w-full max-w-lg lg:max-w-[40vw] 2xl:max-w-[45vw] c-image-accordion-image" id="1" x-show="isSelected($el.id)">  <picture> <source srcset=" /img/containers/assets/home/gruppe-maskieren-60.png/fecb433bd7cce657a5475a8fe7868859.webp 320w, /img/containers/assets/home/gruppe-maskieren-60.png/5de8120d7e8b41529970b770f7cd5db7.webp 480w, /img/containers/assets/home/gruppe-maskieren-60.png/c79a30131ec7488b1f6e393f2ef76d11.webp 640w, /img/containers/assets/home/gruppe-maskieren-60.png/0c71f14c20978475900efdafcfe09d6f.webp 768w, /img/containers/assets/home/gruppe-maskieren-60.png/709bdaf1e9272db4316cd1e742eb8d9d.webp 1024w, /img/containers/assets/home/gruppe-maskieren-60.png/60b902e92c81f24ace3d5161ac2c60ee.webp 1280w, /img/containers/assets/home/gruppe-maskieren-60.png/dd91ce076285a3fb09cfe8c94401f28a.webp 1440w, /img/containers/assets/home/gruppe-maskieren-60.png/2abbbb2e318865d13339cec9cee65377.webp 1536w, /img/containers/assets/home/gruppe-maskieren-60.png/a6d3478ec4dc621c6411b05e5e87f182.webp 1680w, " sizes="(min-width: 768px) 75vw, 90vw" type="image/webp"> <source srcset=" /img/containers/assets/home/gruppe-maskieren-60.png/60c668ef81de48e43be867ec050d2bd9.png 320w, /img/containers/assets/home/gruppe-maskieren-60.png/f0de325075f0b504d47d1f54cccd57be.png 480w, /img/containers/assets/home/gruppe-maskieren-60.png/70f6b6ed3509d4cd37aa3a03274b395e.png 640w, /img/containers/assets/home/gruppe-maskieren-60.png/910546c571ea7f46e4f238ae0f0a2dd7.png 768w, /img/containers/assets/home/gruppe-maskieren-60.png/5e74ff1323645dd7d9c36c9053062b3e.png 1024w, /img/containers/assets/home/gruppe-maskieren-60.png/497c25a4e8c8fe0dbf26a23ff50465a4.png 1280w, /img/containers/assets/home/gruppe-maskieren-60.png/d5cde05a6f4206655b8bb7d4ff437311.png 1440w, /img/containers/assets/home/gruppe-maskieren-60.png/3619885e584b03bf63cda87ac2f61fce.png 1536w, /img/containers/assets/home/gruppe-maskieren-60.png/fdbdc382472cf940c46bb1b8c782a946.png 1680w, " sizes="(min-width: 768px) 75vw, 90vw" type="image/png"> <img width="874" height="915" src="/img/containers/assets/home/gruppe-maskieren-60.png/07b3dd291ad2751d2b77db1322e4838e.png" alt="survey and analytics." class="left-0 top-0 w-full h-full transform lg:scale-[115%]" loading="lazy" > </picture>  </div> <div class="relative flex items-center justify-center w-full max-w-lg lg:max-w-[40vw] 2xl:max-w-[45vw] c-image-accordion-image" id="2" x-show="isSelected($el.id)">  <picture> <source srcset=" /img/containers/assets/home/gruppe-maskieren-62.png/8e1fc477b6b70f96f57b5c3fcb93e2e1.webp 320w, /img/containers/assets/home/gruppe-maskieren-62.png/3d3b4abfcf21b2cc5a2e3ed12311c704.webp 480w, /img/containers/assets/home/gruppe-maskieren-62.png/217e47752bbe39fbeeca6598654bec84.webp 640w, /img/containers/assets/home/gruppe-maskieren-62.png/af8ad47568717bc0882bea7f5b271b87.webp 768w, /img/containers/assets/home/gruppe-maskieren-62.png/0eacc498e4d1536a3233d3c8a765ae5d.webp 1024w, /img/containers/assets/home/gruppe-maskieren-62.png/9ede216adfe9c329dd25ea633e1295a7.webp 1280w, /img/containers/assets/home/gruppe-maskieren-62.png/ecec1950fdbfe551e6ee040289a01be2.webp 1440w, /img/containers/assets/home/gruppe-maskieren-62.png/cb32227ca72006042434d69250a82d45.webp 1536w, /img/containers/assets/home/gruppe-maskieren-62.png/8b47c50d5652433cfb706dda6fc3c6a4.webp 1680w, " sizes="(min-width: 768px) 75vw, 90vw" type="image/webp"> <source srcset=" /img/containers/assets/home/gruppe-maskieren-62.png/e849ea11c49ccfa566abd28e064558c1.png 320w, /img/containers/assets/home/gruppe-maskieren-62.png/0242db587368f9bbdc10c75d276cd9e2.png 480w, /img/containers/assets/home/gruppe-maskieren-62.png/54e6359e86e1c7c5ed3ebd6c5a049980.png 640w, /img/containers/assets/home/gruppe-maskieren-62.png/5b706a17bf3749f6c7c16b3c7cb37261.png 768w, /img/containers/assets/home/gruppe-maskieren-62.png/06403425bb6bd8b7fdaba8e0bda62e02.png 1024w, /img/containers/assets/home/gruppe-maskieren-62.png/8ca7af04b0c5dbb57a6423b07c9329e5.png 1280w, /img/containers/assets/home/gruppe-maskieren-62.png/6661746a78c0b88a1580f1859fc96f57.png 1440w, /img/containers/assets/home/gruppe-maskieren-62.png/75e5dd0c0cc5d2fdcc1fc358b75d94ad.png 1536w, /img/containers/assets/home/gruppe-maskieren-62.png/e345f245ff2e5ca03d0f3dc5b91b5567.png 1680w, " sizes="(min-width: 768px) 75vw, 90vw" type="image/png"> <img width="874" height="915" src="/img/containers/assets/home/gruppe-maskieren-62.png/5acf7c5a79c06d42badb1d463569db89.png" alt="survey and results." class="left-0 top-0 w-full h-full transform lg:scale-[115%]" loading="lazy" > </picture>  </div> <div class="relative flex items-center justify-center w-full max-w-lg lg:max-w-[40vw] 2xl:max-w-[45vw] c-image-accordion-image" id="3" x-show="isSelected($el.id)">  <picture> <source srcset=" /img/containers/assets/home/gruppe-maskieren-59.png/534e6fbadd40f985995ccfdbd7efeaa2.webp 320w, /img/containers/assets/home/gruppe-maskieren-59.png/e5076a7a609153049bcbdb6dcced2138.webp 480w, /img/containers/assets/home/gruppe-maskieren-59.png/9faf1d567ba0735c6cee7f21325a9f9c.webp 640w, /img/containers/assets/home/gruppe-maskieren-59.png/09bee4805572b67ddc55731c97bbb645.webp 768w, /img/containers/assets/home/gruppe-maskieren-59.png/eb57898c2810691c316efc2ec07058d8.webp 1024w, /img/containers/assets/home/gruppe-maskieren-59.png/d7f30d7b01118d72ff32cbc965b9fd3a.webp 1280w, /img/containers/assets/home/gruppe-maskieren-59.png/8818980bc2e189070fc96d50ae0acecc.webp 1440w, /img/containers/assets/home/gruppe-maskieren-59.png/fbae67c4ef86e9392c74ace53da651a7.webp 1536w, /img/containers/assets/home/gruppe-maskieren-59.png/2abc5c239374a22fc0f6b99907832c78.webp 1680w, " sizes="(min-width: 768px) 75vw, 90vw" type="image/webp"> <source srcset=" /img/containers/assets/home/gruppe-maskieren-59.png/e255b032f858b7965c8304dcca26d9ec.png 320w, /img/containers/assets/home/gruppe-maskieren-59.png/580b39226bd1cc4852651cff7b1f666d.png 480w, /img/containers/assets/home/gruppe-maskieren-59.png/02dca187d2c1d8187088a716ca74da7b.png 640w, /img/containers/assets/home/gruppe-maskieren-59.png/6889af3179f9180835856535f574865f.png 768w, /img/containers/assets/home/gruppe-maskieren-59.png/33f8a34b62c640756dd8eab87baa94f8.png 1024w, /img/containers/assets/home/gruppe-maskieren-59.png/058e180446fa715ff2a06b34e3cea4f8.png 1280w, /img/containers/assets/home/gruppe-maskieren-59.png/bd26daba03d17eaecacd15d6ed6af963.png 1440w, /img/containers/assets/home/gruppe-maskieren-59.png/cc8e220a88e1f2ceeda0ca567270a5d1.png 1536w, /img/containers/assets/home/gruppe-maskieren-59.png/dcefcf95d98ed7e69c8e0f87c9e2b641.png 1680w, " sizes="(min-width: 768px) 75vw, 90vw" type="image/png"> <img width="874" height="915" src="/img/containers/assets/home/gruppe-maskieren-59.png/363abf8fd2d1be2527b3365799c7b9e0.png" alt="onboarding flows in a customized way." class="left-0 top-0 w-full h-full transform lg:scale-[115%]" loading="lazy" > </picture>  </div> <div class="relative flex items-center justify-center w-full max-w-lg lg:max-w-[40vw] 2xl:max-w-[45vw] c-image-accordion-image" id="4" x-show="isSelected($el.id)">  <picture> <source srcset=" /img/containers/assets/home/gruppe-maskieren-61.png/ed876e47fad489c2a01e917fdb56f1e6.webp 320w, /img/containers/assets/home/gruppe-maskieren-61.png/f00e5149d69e142e9ea8fe154cc6c81d.webp 480w, /img/containers/assets/home/gruppe-maskieren-61.png/2987f72ec78cee13f14376c7ba33a166.webp 640w, /img/containers/assets/home/gruppe-maskieren-61.png/faa274d194bb5923808bd7d591148ef0.webp 768w, /img/containers/assets/home/gruppe-maskieren-61.png/fe88a22351d4e1715c3bd40e6a07869c.webp 1024w, /img/containers/assets/home/gruppe-maskieren-61.png/6a26d56e5cdc4e50333413ac2dcca21e.webp 1280w, /img/containers/assets/home/gruppe-maskieren-61.png/26cb0cec8c56c08f3511268fc0556d80.webp 1440w, /img/containers/assets/home/gruppe-maskieren-61.png/b24184b8bca77415c42ab3a183f8aad2.webp 1536w, /img/containers/assets/home/gruppe-maskieren-61.png/798de04046724e7ef627ef1e65edebe6.webp 1680w, " sizes="(min-width: 768px) 75vw, 90vw" type="image/webp"> <source srcset=" /img/containers/assets/home/gruppe-maskieren-61.png/1bbe5aabee1b00d5d2404f659bdcbef4.png 320w, /img/containers/assets/home/gruppe-maskieren-61.png/997e71c5e8bb4de1fb31f5424a4c4a04.png 480w, /img/containers/assets/home/gruppe-maskieren-61.png/0283b86c655af2b9ac3b79e33f697a8f.png 640w, /img/containers/assets/home/gruppe-maskieren-61.png/c8262ac22a16b6e1e1e808290d3852f2.png 768w, /img/containers/assets/home/gruppe-maskieren-61.png/7a6bca015fb9308c6100adcd9a7c9015.png 1024w, /img/containers/assets/home/gruppe-maskieren-61.png/4e3d1b450b6ed33817f0f84b95562af4.png 1280w, /img/containers/assets/home/gruppe-maskieren-61.png/bfa754d0f1a0d9266d75d495ff1c70bb.png 1440w, /img/containers/assets/home/gruppe-maskieren-61.png/c432a9cd7f7a04d883763b60ab03d378.png 1536w, /img/containers/assets/home/gruppe-maskieren-61.png/3dd1831cfc8ce9620459b6df7dd0a5d7.png 1680w, " sizes="(min-width: 768px) 75vw, 90vw" type="image/png"> <img width="874" height="915" src="/img/containers/assets/home/gruppe-maskieren-61.png/7a5fc4f8d58438f36450048ee21320e7.png" alt="a descriptive alt text." class="left-0 top-0 w-full h-full transform lg:scale-[115%]" loading="lazy" > </picture>  </div> <div class="relative flex items-center justify-center w-full max-w-lg lg:max-w-[40vw] 2xl:max-w-[45vw] c-image-accordion-image" id="5" x-show="isSelected($el.id)">  <picture> <source srcset=" /img/containers/assets/home/gruppe-maskieren-57-1679475028.png/201d33d001e4e94ebd1382fad17334fe.webp 320w, /img/containers/assets/home/gruppe-maskieren-57-1679475028.png/fe54d39bc86f10f6c3ae1f2f30bb15ad.webp 480w, /img/containers/assets/home/gruppe-maskieren-57-1679475028.png/c3677c3f2c1b82b3677197ade4e6aeea.webp 640w, /img/containers/assets/home/gruppe-maskieren-57-1679475028.png/1693dc281cee6554e4a12752c12bfde0.webp 768w, /img/containers/assets/home/gruppe-maskieren-57-1679475028.png/4304b42555e16fb4e6b7f5e05655be0b.webp 1024w, /img/containers/assets/home/gruppe-maskieren-57-1679475028.png/815f9550e23a17b328ef6b09d07b8b86.webp 1280w, /img/containers/assets/home/gruppe-maskieren-57-1679475028.png/ed483231d9ad873ed160a9b7aa61685b.webp 1440w, /img/containers/assets/home/gruppe-maskieren-57-1679475028.png/78e544384aed7510f8139afdff93c1ed.webp 1536w, /img/containers/assets/home/gruppe-maskieren-57-1679475028.png/50d27ef59e9021a317a554199a1e432a.webp 1680w, " sizes="(min-width: 768px) 75vw, 90vw" type="image/webp"> <source srcset=" /img/containers/assets/home/gruppe-maskieren-57-1679475028.png/22330d1a5228dbeb74bc9b12fdae5e09.png 320w, /img/containers/assets/home/gruppe-maskieren-57-1679475028.png/2b41a89c57c50ac1ba35f2d489cd9b86.png 480w, /img/containers/assets/home/gruppe-maskieren-57-1679475028.png/138130e1b3cf939ef1c3b4698263fa3c.png 640w, /img/containers/assets/home/gruppe-maskieren-57-1679475028.png/897aadb528cde01372e2166b58ae5647.png 768w, /img/containers/assets/home/gruppe-maskieren-57-1679475028.png/7969cdecf713b64e53039fa8d20630c6.png 1024w, /img/containers/assets/home/gruppe-maskieren-57-1679475028.png/466cd277aa38f81a11392484070abfea.png 1280w, /img/containers/assets/home/gruppe-maskieren-57-1679475028.png/12ddda46809d3b32fca87fa86cf0e8ac.png 1440w, /img/containers/assets/home/gruppe-maskieren-57-1679475028.png/01dc4459e01e149f15e43ea49fdabce0.png 1536w, /img/containers/assets/home/gruppe-maskieren-57-1679475028.png/fea54fa0b3fc5b3898d6efedc81a64ea.png 1680w, " sizes="(min-width: 768px) 75vw, 90vw" type="image/png"> <img width="824" height="811" src="/img/containers/assets/home/gruppe-maskieren-57-1679475028.png/e6475a010ea70faadfe5db4f00765939.png" alt="engagement analytics and survey illustration." class="left-0 top-0 w-full h-full transform lg:scale-[115%]" loading="lazy" > </picture>  </div> </div> <ul x-ref="tabs" class="w-full max-w-sm mx-auto space-y-6 lg:mr-0 m-image-accordion-tabs lg:w-96 lg:mt-0" @keydown.right.prevent.stop="$focus.wrap().next()" @keydown.home.prevent.stop="$focus.first()" @keydown.page-up.prevent.stop="$focus.first()" @keydown.left.prevent.stop="$focus.wrap().prev()" @keydown.end.prevent.stop="$focus.last()" @keydown.page-down.prevent.stop="$focus.last()" x-ref="tablist" role="tablist"> <li x-ref="tab" class="w-full px-6 " id="1" :class="isSelected($el.id) ? 'bg-lightneutral mb-4 text-black rounded-xl space-y-4 !p-6' : ' text-neutral'"> <h3 class="text-lg font-bold font-highlight"> <button class="text-left" id="1" @focus="select($el.id)" @focus="select($el.id)" :aria-selected="isSelected($el.id)" :tabindex="isSelected($el.id) ? 0 : -1" type="button" @click="select($el.id)" @mousedown.prevent role="tab"> Product Finder </button> </h3> <div class="space-y-4 text-left" id="1" x-show="isSelected($el.id)" x-collapse>  <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x content " > Build interactive multi-step flows to guide your prospective buyers to custom service & product offerings. Embed them in your landing page to personalize the sales process and drive more qualified leads into your pipeline. </p>   <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 motion-safe:transition inline-block border-b hover:translate-y-0 hover:shadow-none text-darkneutral pb-1 border-darkneutral border-opacity-20 text-darkgray text-darkneutral decoration-primary focus-visible:ring-primary " href="/product-recommendation-quiz" title="Get Started Free" aria-label="Get Started Free" id="" > Read more <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </div> </li> <li x-ref="tab" class="w-full px-6 " id="2" :class="isSelected($el.id) ? 'bg-lightneutral mb-4 text-black rounded-xl space-y-4 !p-6' : ' text-neutral'"> <h3 class="text-lg font-bold font-highlight"> <button class="text-left" id="2" @focus="select($el.id)" @focus="select($el.id)" :aria-selected="isSelected($el.id)" :tabindex="isSelected($el.id) ? 0 : -1" type="button" @click="select($el.id)" @mousedown.prevent role="tab"> Price Quote Calculator </button> </h3> <div class="space-y-4 text-left" id="2" x-show="isSelected($el.id)" x-collapse>  <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x content " > Create embeddable price quote calculators that automate personalized offers on your website. Build custom paths to learn more about those who are interested in your product or service, while capturing lead data on autopilot. </p>   <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 motion-safe:transition inline-block border-b hover:translate-y-0 hover:shadow-none text-darkneutral pb-1 border-darkneutral border-opacity-20 text-darkgray text-darkneutral decoration-primary focus-visible:ring-primary " href="/price-quote-calculator" title="Get Started Free" aria-label="Get Started Free" id="" > Read more <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </div> </li> <li x-ref="tab" class="w-full px-6 " id="3" :class="isSelected($el.id) ? 'bg-lightneutral mb-4 text-black rounded-xl space-y-4 !p-6' : ' text-neutral'"> <h3 class="text-lg font-bold font-highlight"> <button class="text-left" id="3" @focus="select($el.id)" @focus="select($el.id)" :aria-selected="isSelected($el.id)" :tabindex="isSelected($el.id) ? 0 : -1" type="button" @click="select($el.id)" @mousedown.prevent role="tab"> Service Onboarding </button> </h3> <div class="space-y-4 text-left" id="3" x-show="isSelected($el.id)" x-collapse>  <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x content " > Create interactive onboarding flows to move visitors through your funnel. Use conditional logic to guide them to personalized outcomes, while creating detailed lead profiles for segmentation in the process. </p>   <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 motion-safe:transition inline-block border-b hover:translate-y-0 hover:shadow-none text-darkneutral pb-1 border-darkneutral border-opacity-20 text-darkgray text-darkneutral decoration-primary focus-visible:ring-primary " href="https://www.involve.me/templates?q=onboarding" title="Get Started Free" aria-label="Get Started Free" id="" > Read more <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </div> </li> <li x-ref="tab" class="w-full px-6 " id="4" :class="isSelected($el.id) ? 'bg-lightneutral mb-4 text-black rounded-xl space-y-4 !p-6' : ' text-neutral'"> <h3 class="text-lg font-bold font-highlight"> <button class="text-left" id="4" @focus="select($el.id)" @focus="select($el.id)" :aria-selected="isSelected($el.id)" :tabindex="isSelected($el.id) ? 0 : -1" type="button" @click="select($el.id)" @mousedown.prevent role="tab"> Gated Lead Magnet </button> </h3> <div class="space-y-4 text-left" id="4" x-show="isSelected($el.id)" x-collapse>  <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x content " > Design conversion optimized lead magnets where website visitors can leave contact details and automatically receive your branded PDF or e-book directly to their email inbox. </p>   <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 motion-safe:transition inline-block border-b hover:translate-y-0 hover:shadow-none text-darkneutral pb-1 border-darkneutral border-opacity-20 text-darkgray text-darkneutral decoration-primary focus-visible:ring-primary " href="https://www.involve.me/templates?q=lead%2520magnet" title="Get Started Free" aria-label="Get Started Free" id="" > Read more <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </div> </li> <li x-ref="tab" class="w-full px-6 " id="5" :class="isSelected($el.id) ? 'bg-lightneutral mb-4 text-black rounded-xl space-y-4 !p-6' : ' text-neutral'"> <h3 class="text-lg font-bold font-highlight"> <button class="text-left" id="5" @focus="select($el.id)" @focus="select($el.id)" :aria-selected="isSelected($el.id)" :tabindex="isSelected($el.id) ? 0 : -1" type="button" @click="select($el.id)" @mousedown.prevent role="tab"> Recruitment Funnel </button> </h3> <div class="space-y-4 text-left" id="5" x-show="isSelected($el.id)" x-collapse>  <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x content " > Recruit top talent for your company with interactive application funnels that score applicants by their answers & guide them to different outcomes according to their qualification. </p>   <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 motion-safe:transition inline-block border-b hover:translate-y-0 hover:shadow-none text-darkneutral pb-1 border-darkneutral border-opacity-20 text-darkgray text-darkneutral decoration-primary focus-visible:ring-primary " href="https://www.involve.me/templates/job-application-form" title="Get Started Free" aria-label="Get Started Free" id="" > Read more <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </div> </li> </ul> </div> </div>   <div class="flex flex-col items-center justify-center mt-16 space-y-4 col-span-full "> <div class="relative"> <div class="relative"> <svg class="absolute transform scale-50 -translate-y-1/2 md:scale-75 -translate-x-1/3 -left-56 rotate-12 -top-5" xmlns="http://www.w3.org/2000/svg" width="456" height="221" viewBox="0 0 456 221" fill="none"><path d="M5.12086 86.6123C68.0184 122.424 372.065 49.3683 278.75 139.358C185.435 229.348 343.645 109.951 449.63 126.088" stroke="url(#paint0_linear_103_10)" stroke-width="3"/><path d="M438.93 111.863L450.067 126.116L435.813 137.252" stroke="#29DEC7" stroke-width="3"/><defs><linearGradient id="paint0_linear_103_10" x1="437.116" y1="172.792" x2="14.5" y2="82" gradientUnits="userSpaceOnUse"><stop stop-color="#29DEC7"/><stop offset="1" stop-color="#29DEC7" stop-opacity="0"/></linearGradient></defs></svg>  <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 inline-flex items-center rounded leading-none !no-underline select-none whitespace-nowrap motion-safe:transition bg-blue !text-white focus-visible:ring-primary py-2.5 px-6 text-bluegray " href="https://app.involve.me/register" id="" > Register for free <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </div> </div> <p class="mt-4 text-xs"> No credit card required </p> </div>  </div>  <picture> <img class="absolute inset-0 bottom-0 z-0 w-full h-full" src="https://cms.involve.me/backgrounds/red-bottom-left-green-right.svg" alt="gradient." width="1920" height="1080" /> </picture>  </section> <section class=" rounded-3xl overflow-hidden -my-4 relative z-40 relative"> <div class=" bg-bluegray text-lightneutral w-full pt-20 lg:pt-24 pb-20 lg:pb-24 overflow-hidden mx-auto grid gap-16 lg:gap-16 home relative z-30 ">  <div id="section-section-intro" class="max-w-xl mx-auto space-y-3 text-center">  <h2 id="headline-the-ultimate-tool-for-increasing-landing-page-conversions" class="font-bold font-highlight text-inherit text-base font-normal text-neutral" > The ultimate tool for increasing landing page conversions </h2>   <h3 id="headline-pwhy-uyou039ll-loveu-our-funnel-builderp" class="font-bold font-highlight text-primary text-xl"> <p>Why <u>you'll love</u> our funnel builder</p> </h3>   <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x content prose-p:text-darklight prose-body:text-darklight prose-h5:text-darklight prose-headings:!text-white " > </p>  </div>   <div id="section-media-with-text" class="relative z-20 grid items-center justify-center gap-8 c-media c-media-text md:gap-4 lg:gap-16 fluid-container--wide md:grid-cols-12 lg:grid-cols-2 "> <div class="relative w-full max-w-md lg:px-0 md:col-span-7 lg:col-span-1 xl:max-w-lg">  <picture> <source srcset=" /img/containers/assets/home/gruppe-3020.png/301905cb1a6083dceaab7d279005bf62.webp 320w, /img/containers/assets/home/gruppe-3020.png/3be28be73891df1e4fec46b4c2860a64.webp 480w, /img/containers/assets/home/gruppe-3020.png/392d3f53872e79ec966a03625e08f704.webp 640w, /img/containers/assets/home/gruppe-3020.png/4c60acf47127c4814736ae052bd4b759.webp 768w, /img/containers/assets/home/gruppe-3020.png/1347a67ae9e5074e6242647bc4e78a20.webp 1024w, /img/containers/assets/home/gruppe-3020.png/412a73aa7fa30d169ad12217dca2d17a.webp 1280w, /img/containers/assets/home/gruppe-3020.png/c17061f078d10033347a9e250a6a3979.webp 1440w, /img/containers/assets/home/gruppe-3020.png/defb0da56315ad7e0fc4b783529578d0.webp 1536w, /img/containers/assets/home/gruppe-3020.png/edd8ff32868145760849235ce7bf85c7.webp 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/webp"> <source srcset=" /img/containers/assets/home/gruppe-3020.png/078d3c274fda773f8768a90a2bb00d22.png 320w, /img/containers/assets/home/gruppe-3020.png/9b1e47e9244445542febb422ed6e855c.png 480w, /img/containers/assets/home/gruppe-3020.png/56bd6a07fd91667da17d04448217ee00.png 640w, /img/containers/assets/home/gruppe-3020.png/4b14640a35ec458fb1fc992800f8e523.png 768w, /img/containers/assets/home/gruppe-3020.png/2ca378879af9b67aff5c07a329fed606.png 1024w, /img/containers/assets/home/gruppe-3020.png/89b09ec40e7a8be166bb30f3acd7ec08.png 1280w, /img/containers/assets/home/gruppe-3020.png/ab918e27fdf97afcab962375b5ca56f4.png 1440w, /img/containers/assets/home/gruppe-3020.png/dff9a75d95c32d926dbb9f78a345b25b.png 1536w, /img/containers/assets/home/gruppe-3020.png/8fc23b418fb619f5fe5ea97948875de0.png 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/png"> <img width="876" height="530" src="/img/containers/assets/home/gruppe-3020.png/02b3a61509a841e680073427e57ddffc.png" alt="start with an involve.me template." class="h-full mx-auto " loading="lazy" > </picture>  </div> <div class="max-w-sm px-4 mx-auto md:col-span-5 lg:mx-auto lg:col-span-1 lg:px-0">  <article class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x prose-h2:!mt-4 prose-h5:!text-darkneutral prose-strong:!text-white prose-h5:!text-darklight prose-a:!text-lightgray content prose-p:text-darklight prose-body:text-darklight prose-h5:text-darklight prose-headings:!text-white " >  <div class="size-lg"> <h3>Professional Funnel <u>Templates</u></h3><p>Choose from 300+ of pre-built funnel templates with interactive form, survey, quiz and calculator elements, and quickly create funnels that fit your business use case.</p><p><a href="https://www.involve.me/templates"><strong>Check out our template gallery</strong></a></p> </div>  </article>  </div> </div>   <div id="section-text-with-media" class="relative z-20 grid items-center justify-center gap-8 c-media c-media-text md:gap-4 lg:gap-16 fluid-container--wide md:grid-cols-12 lg:grid-cols-2 "> <div class="max-w-sm px-4 mx-auto md:col-span-5 lg:mx-auto lg:col-span-1 lg:px-0">  <article class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x prose-h2:!mt-4 prose-h5:!text-darkneutral prose-strong:!text-white prose-h5:!text-darklight prose-a:!text-lightgray content prose-p:text-darklight prose-body:text-darklight prose-h5:text-darklight prose-headings:!text-white " >  <div class="size-lg"> <h3>Complete Funnel <u>Customization</u></h3><p>Create stunning lead funnels quickly and easily in minutes either from scratch, using a template for inspiration or prompting our AI to generate a branded funnel for you.</p><p>Customize the look and feel of your funnels - from colors to corner roundness and line thickness, until it all fits your brand identity.</p> </div>  </article>  </div> <div class="relative order-first w-full max-w-md xl:max-w-lg lg:px-0 md:col-span-7 lg:col-span-1 md:order-last">  <picture> <source srcset=" /img/containers/assets/home/gruppe-3018-1674639227.png/5f9e946b400825421ebcf3ac8a15bb45.webp 320w, /img/containers/assets/home/gruppe-3018-1674639227.png/d2ecf3f50bd7aa116e4e4c11ae165471.webp 480w, /img/containers/assets/home/gruppe-3018-1674639227.png/e714006b05bf1f250a669c38828d8eb6.webp 640w, /img/containers/assets/home/gruppe-3018-1674639227.png/04603a9f49bc9f2789f8d42d0c927ef8.webp 768w, /img/containers/assets/home/gruppe-3018-1674639227.png/b84ec1e7a0aa48554f34014b7605a305.webp 1024w, /img/containers/assets/home/gruppe-3018-1674639227.png/29b3ee38199e27388938d4c9bc9d29ed.webp 1280w, /img/containers/assets/home/gruppe-3018-1674639227.png/19e3ae4339a94a273c7e1fb1ec0440b5.webp 1440w, /img/containers/assets/home/gruppe-3018-1674639227.png/34f8ca46344d0cfac0385ddec03b7606.webp 1536w, /img/containers/assets/home/gruppe-3018-1674639227.png/07200b153f669034ef867cbdb1a2a976.webp 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/webp"> <source srcset=" /img/containers/assets/home/gruppe-3018-1674639227.png/382bfc621a909ea6259e07994f248f66.png 320w, /img/containers/assets/home/gruppe-3018-1674639227.png/c72a92082d0adb9b298d4cabd308c1cd.png 480w, /img/containers/assets/home/gruppe-3018-1674639227.png/5558d19759cd9c0a8c3770ac01eb8ecb.png 640w, /img/containers/assets/home/gruppe-3018-1674639227.png/74841c039fe54f01200b2f48b6d03bbc.png 768w, /img/containers/assets/home/gruppe-3018-1674639227.png/b563bffbcdf97e80c5885964fd9f84c5.png 1024w, /img/containers/assets/home/gruppe-3018-1674639227.png/9f023d756ce4d3066eacafbaa4e2fbe1.png 1280w, /img/containers/assets/home/gruppe-3018-1674639227.png/d5ad791ae12d10bd2ac872f9fad68834.png 1440w, /img/containers/assets/home/gruppe-3018-1674639227.png/f9f53a83652a2c1cc9296ca44931b889.png 1536w, /img/containers/assets/home/gruppe-3018-1674639227.png/0da8f8d06ea9f7bfc351ce29effad5b2.png 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/png"> <img width="933" height="523" src="/img/containers/assets/home/gruppe-3018-1674639227.png/c2d759667901168a83e24f3d4e9004bf.png" alt="design projects the way you want." class="h-full mx-auto " loading="lazy" > </picture>  </div> </div>   <div id="section-media-with-text" class="relative z-20 grid items-center justify-center gap-8 c-media c-media-text md:gap-4 lg:gap-16 fluid-container--wide md:grid-cols-12 lg:grid-cols-2 "> <div class="relative w-full max-w-md lg:px-0 md:col-span-7 lg:col-span-1 xl:max-w-lg">  <picture> <source srcset=" /img/containers/assets/home/gruppe-3019.png/540b8785bfd3931c7fcc3336c310775d.webp 320w, /img/containers/assets/home/gruppe-3019.png/c4baf125e28c8c492e76dd6fd3f1e547.webp 480w, /img/containers/assets/home/gruppe-3019.png/f01ee4637087f814907a9071116d0136.webp 640w, /img/containers/assets/home/gruppe-3019.png/9a6da38716095818098682237434c6e0.webp 768w, /img/containers/assets/home/gruppe-3019.png/0111412614258f91750b717e956f1f54.webp 1024w, /img/containers/assets/home/gruppe-3019.png/931a552d6e277f934707a5091e35c03b.webp 1280w, /img/containers/assets/home/gruppe-3019.png/4049df4f2ae2333062e2c3aa1b1dd430.webp 1440w, /img/containers/assets/home/gruppe-3019.png/98f6dad1884a93a0be9cdd55e9bd3377.webp 1536w, /img/containers/assets/home/gruppe-3019.png/a95ae67c7dd3137ddcd6c283c1446996.webp 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/webp"> <source srcset=" /img/containers/assets/home/gruppe-3019.png/28b735201f23b04e7c04b0c5658c2c96.png 320w, /img/containers/assets/home/gruppe-3019.png/ef7798556b44f6533de44145a59cde67.png 480w, /img/containers/assets/home/gruppe-3019.png/a1b7118a52f8d195e35927a20ffab18e.png 640w, /img/containers/assets/home/gruppe-3019.png/2ada04a8aaa85d746111bf09a49663af.png 768w, /img/containers/assets/home/gruppe-3019.png/10797e3d70bd410645524de8c82a8deb.png 1024w, /img/containers/assets/home/gruppe-3019.png/51e4fcf1d7faff2cbe8e959af1f04384.png 1280w, /img/containers/assets/home/gruppe-3019.png/a582af233ea9a7db878ee9101b08d738.png 1440w, /img/containers/assets/home/gruppe-3019.png/ef578dc5e527eccbf6e9aa29cb4c7b5d.png 1536w, /img/containers/assets/home/gruppe-3019.png/cefaadeb35db6732c8368928def9062e.png 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/png"> <img width="874" height="547" src="/img/containers/assets/home/gruppe-3019.png/5b2ba5f657b517a63abef161655326bd.png" alt="embedding options illustration." class="h-full mx-auto " loading="lazy" > </picture>  </div> <div class="max-w-sm px-4 mx-auto md:col-span-5 lg:mx-auto lg:col-span-1 lg:px-0">  <article class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x prose-h2:!mt-4 prose-h5:!text-darkneutral prose-strong:!text-white prose-h5:!text-darklight prose-a:!text-lightgray content prose-p:text-darklight prose-body:text-darklight prose-h5:text-darklight prose-headings:!text-white " >  <div class="size-lg"> <h3>Flexible <u>Publishing</u></h3><p>Share your funnel either as a standalone landing page, a responsive embed in your website or a pop-up with custom trigger events.</p><p>You can also invite certain groups of contacts via email to participate in your project.</p><p>You'll get a unique QR code and short URL for each funnel. Use generic and custom domains to whitelabel the URL.</p> </div>  </article>  </div> </div>   <div id="section-text-with-media" class="relative z-20 grid items-center justify-center gap-8 c-media c-media-text md:gap-4 lg:gap-16 fluid-container--wide md:grid-cols-12 lg:grid-cols-2 "> <div class="max-w-sm px-4 mx-auto md:col-span-5 lg:mx-auto lg:col-span-1 lg:px-0">  <article class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x prose-h2:!mt-4 prose-h5:!text-darkneutral prose-strong:!text-white prose-h5:!text-darklight prose-a:!text-lightgray content prose-p:text-darklight prose-body:text-darklight prose-h5:text-darklight prose-headings:!text-white " >  <div class="size-lg"> <h3>Higher <u>Quality Data</u></h3><p>Powerful form validation rules ensure your lead data is clean, emails and phone numbers exist and meet your criteria. Personalize your funnels to show the most relevant questions so you can collect all relevant data efficiently and automatically.</p><p>You can password protect individual funnels, limit submissions from the same users and deactivate funnels when your campaign is over. Use our funnel analytics for data visualization.</p> </div>  </article>  </div> <div class="relative order-first w-full max-w-md xl:max-w-lg lg:px-0 md:col-span-7 lg:col-span-1 md:order-last">  <picture> <source srcset=" /img/containers/assets/home/gruppe-3021-1674639241.png/f6cc27c6c657ae1472e73e7c8ae269a5.webp 320w, /img/containers/assets/home/gruppe-3021-1674639241.png/4bce2e7df33940cd5687b3043d84d43f.webp 480w, /img/containers/assets/home/gruppe-3021-1674639241.png/8de3a898b9144d6cf45f6924f1e766a5.webp 640w, /img/containers/assets/home/gruppe-3021-1674639241.png/828f0beb5734d87603c746e98d285347.webp 768w, /img/containers/assets/home/gruppe-3021-1674639241.png/4fb03731fcac89715fd956ff785d5fef.webp 1024w, /img/containers/assets/home/gruppe-3021-1674639241.png/423d7b9e677fa9184bef7d2876da4222.webp 1280w, /img/containers/assets/home/gruppe-3021-1674639241.png/db3fbd507e4404e46cd33ef12ab91d9d.webp 1440w, /img/containers/assets/home/gruppe-3021-1674639241.png/2713d5793802a25d7d27ab52d49b7e24.webp 1536w, /img/containers/assets/home/gruppe-3021-1674639241.png/8bbec309702e92a3f1a5a715d17d0e91.webp 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/webp"> <source srcset=" /img/containers/assets/home/gruppe-3021-1674639241.png/cc06ee007197c8ba205a3cd93b4b01fa.png 320w, /img/containers/assets/home/gruppe-3021-1674639241.png/9185bbc0c2ef884dfa702df70009af8c.png 480w, /img/containers/assets/home/gruppe-3021-1674639241.png/b29c4839ea41aac7bd2c3b3a2357e167.png 640w, /img/containers/assets/home/gruppe-3021-1674639241.png/3d115442a028a94315f4ab0bfadbf5d2.png 768w, /img/containers/assets/home/gruppe-3021-1674639241.png/6d143c8b3a709165e6573339e2b09ecf.png 1024w, /img/containers/assets/home/gruppe-3021-1674639241.png/be8a5a85e0097ba9d00227e283771e73.png 1280w, /img/containers/assets/home/gruppe-3021-1674639241.png/d8cdf6ee5a9332cf6c08f5937eef326f.png 1440w, /img/containers/assets/home/gruppe-3021-1674639241.png/843e147d8c3b1099b172a85731ee60d3.png 1536w, /img/containers/assets/home/gruppe-3021-1674639241.png/a7fd5ea6b09e42752c6cdcc354d62374.png 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/png"> <img width="918" height="549" src="/img/containers/assets/home/gruppe-3021-1674639241.png/e5546d50804eb7cc72fa35ebc757cc35.png" alt="graphs." class="h-full mx-auto " loading="lazy" > </picture>  </div> </div>   <div id="section-media-with-text" class="relative z-20 grid items-center justify-center gap-8 c-media c-media-text md:gap-4 lg:gap-16 fluid-container--wide md:grid-cols-12 lg:grid-cols-2 "> <div class="relative w-full max-w-md lg:px-0 md:col-span-7 lg:col-span-1 xl:max-w-lg">  <picture> <source srcset=" /img/containers/assets/analytics-2-%282%29.png/5e0f12d173d27463928e0c4785aa7620.webp 320w, /img/containers/assets/analytics-2-%282%29.png/2b99e2ee69e50d283dc51ab9394eed26.webp 480w, /img/containers/assets/analytics-2-%282%29.png/938595618ece8b6c08f385961b0be760.webp 640w, /img/containers/assets/analytics-2-%282%29.png/00580bb085f38e201d97d4f27e415773.webp 768w, /img/containers/assets/analytics-2-%282%29.png/e6b249da9a528c9d7d63bc9c167f0d99.webp 1024w, /img/containers/assets/analytics-2-%282%29.png/ffdf8345f45cbc5e4a1eba91f41040b1.webp 1280w, /img/containers/assets/analytics-2-%282%29.png/9f8f300ec687bd8b6a43cb96f5c92516.webp 1440w, /img/containers/assets/analytics-2-%282%29.png/eda51e64326c0feec1006dfc187f190c.webp 1536w, /img/containers/assets/analytics-2-%282%29.png/9a9f6badfe6f3644bb8e6056cd437a68.webp 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/webp"> <source srcset=" /img/containers/assets/analytics-2-%282%29.png/432611e6d1a22a40755e7edf21b00955.png 320w, /img/containers/assets/analytics-2-%282%29.png/6fb276eb39e8f3bc6e68b6d5665e8fb0.png 480w, /img/containers/assets/analytics-2-%282%29.png/61378ee12ae3e655ad3c9cf8f89b6023.png 640w, /img/containers/assets/analytics-2-%282%29.png/8e12773e757e69ccd7003ddcb432a277.png 768w, /img/containers/assets/analytics-2-%282%29.png/3aefb2be2b6a4a87d01bdeeebbc67416.png 1024w, /img/containers/assets/analytics-2-%282%29.png/6f43a64a849b36acfa7beaf0990f0ac6.png 1280w, /img/containers/assets/analytics-2-%282%29.png/dff9275f10f2640d012b8dbf609df44c.png 1440w, /img/containers/assets/analytics-2-%282%29.png/851574aa4574eb9a7f35adbb7f4ce2c2.png 1536w, /img/containers/assets/analytics-2-%282%29.png/b69abce2cea7a14e8ac13e71c69b2d82.png 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/png"> <img width="1200" height="800" src="/img/containers/assets/analytics-2-%282%29.png/cec879a7067849e8b92b5b0fa8b604bf.png" alt="NPS® Survey Maker." class="h-full mx-auto " loading="lazy" > </picture>  </div> <div class="max-w-sm px-4 mx-auto md:col-span-5 lg:mx-auto lg:col-span-1 lg:px-0">  <article class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x prose-h2:!mt-4 prose-h5:!text-darkneutral prose-strong:!text-white prose-h5:!text-darklight prose-a:!text-lightgray content prose-p:text-darklight prose-body:text-darklight prose-h5:text-darklight prose-headings:!text-white " >  <div class="size-lg"> <h3><u>AI Insights </u><strong>✨</strong></h3><p>Take your funnel analysis to the next level! involve.me dashboards include the most important performance metrics and detailed submission data of what you've collected in your funnels. The AI insights tool swiftly processes both quantitative and qualitative data, providing you with a summary of results, including valuable conclusions and recommendations based on your audience's submissions, all in a matter of minutes.</p><p><a href="https://www.involve.me/ai-powered-analytics"><strong>Read more</strong></a></p> </div>  </article>  </div> </div>   <div class="flex flex-col items-center justify-center mt-16 space-y-4 col-span-full "> <div class="relative"> <div class="relative"> <svg class="absolute transform scale-50 -translate-y-1/2 md:scale-75 -translate-x-1/3 -left-56 rotate-12 -top-5" xmlns="http://www.w3.org/2000/svg" width="456" height="221" viewBox="0 0 456 221" fill="none"><path d="M5.12086 86.6123C68.0184 122.424 372.065 49.3683 278.75 139.358C185.435 229.348 343.645 109.951 449.63 126.088" stroke="url(#paint0_linear_103_10)" stroke-width="3"/><path d="M438.93 111.863L450.067 126.116L435.813 137.252" stroke="#29DEC7" stroke-width="3"/><defs><linearGradient id="paint0_linear_103_10" x1="437.116" y1="172.792" x2="14.5" y2="82" gradientUnits="userSpaceOnUse"><stop stop-color="#29DEC7"/><stop offset="1" stop-color="#29DEC7" stop-opacity="0"/></linearGradient></defs></svg>  <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 inline-flex items-center rounded leading-none !no-underline select-none whitespace-nowrap motion-safe:transition bg-white text-black focus-visible:ring-white border border-lightgray py-2.5 px-6 text-bluegray " href="https://app.involve.me/register" id="button_tracking-id_register_benefits" > Sign up for free <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </div> </div> <p class="mt-4 text-xs"> No credit card required </p> </div>  </div>   </section> <section class=" relative"> <div class=" gradient-03 text-black w-full pt-20 lg:pt-24 pb-20 lg:pb-24 overflow-hidden mx-auto grid gap-16 lg:gap-16 home relative z-30 ">  <div id="section-section-intro" class="max-w-xl mx-auto space-y-3 text-center">  <h2 id="headline-process-workflow-automation" class="font-bold font-highlight text-inherit text-base font-normal text-neutral" > Process & Workflow Automation </h2>   <h3 id="headline-pai-powered-from-ustart-to-finishup" class="font-bold font-highlight text-primary text-xl"> <p>AI-Powered From <u>Start to Finish</u>🪄</p> </h3>   <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x text-black " > </p>  </div>   <div class="grid gap-8 place-items-center fluid-container mx-auto w-full lg:grid-cols-12 " >  <figure class="not-prose mx-auto flex flex-col items-center size-lg "">  <picture> <source srcset=" /img/containers/assets/ai-generation/ai-process-gradient.png/a311281f5a66b366a29706a8d35d020d.webp 320w, /img/containers/assets/ai-generation/ai-process-gradient.png/0475b484acdd301e4a776149944bf8d4.webp 480w, /img/containers/assets/ai-generation/ai-process-gradient.png/391510e93efd9cbf3334c03c953526e5.webp 640w, /img/containers/assets/ai-generation/ai-process-gradient.png/c75e7016b76ec11b0dbb637907a1060a.webp 768w, /img/containers/assets/ai-generation/ai-process-gradient.png/891c8d75ecd883deb09b47433df807a6.webp 1024w, /img/containers/assets/ai-generation/ai-process-gradient.png/2e7b60fd241505cf600d58c09da0ce94.webp 1280w, /img/containers/assets/ai-generation/ai-process-gradient.png/c04f302d0cf505353a3beed1065d62de.webp 1440w, /img/containers/assets/ai-generation/ai-process-gradient.png/68153e26da666d3dea7cf2cbf90255ab.webp 1536w, /img/containers/assets/ai-generation/ai-process-gradient.png/d120c1a44fb4f32a2b0954cd7d90c934.webp 1680w, " sizes="(min-width: 768px) 55vw, 90vw" type="image/webp"> <source srcset=" /img/containers/assets/ai-generation/ai-process-gradient.png/e426989b3be557ae6df4668771ff8087.png 320w, /img/containers/assets/ai-generation/ai-process-gradient.png/4259087793cd1c59f15ce8f3cdd7b1f2.png 480w, /img/containers/assets/ai-generation/ai-process-gradient.png/9d8320446c515c1dda2efc4893df9e10.png 640w, /img/containers/assets/ai-generation/ai-process-gradient.png/03c9f95087ddccd222f29b69b2791c14.png 768w, /img/containers/assets/ai-generation/ai-process-gradient.png/7002d811103da0b251b7545da954ee7a.png 1024w, /img/containers/assets/ai-generation/ai-process-gradient.png/4b5626510ca21d4547e143a9fc4a015e.png 1280w, /img/containers/assets/ai-generation/ai-process-gradient.png/e5cbe5eade09ff0b52ecbd0730af21cf.png 1440w, /img/containers/assets/ai-generation/ai-process-gradient.png/5805df8fe352cee8e669a947254c7c0a.png 1536w, /img/containers/assets/ai-generation/ai-process-gradient.png/39e3fc61bcc218ff38a2d7b6350750f7.png 1680w, " sizes="(min-width: 768px) 55vw, 90vw" type="image/png"> <img width="1054" height="675" src="/img/containers/assets/ai-generation/ai-process-gradient.png/667ef8815183ec62cd0c84fa608aa85d.png" alt="Lead Generation Quiz." class="overflow-hidden rounded-xl" loading="lazy" > </picture>  <div class="grid text-center col-span-full">   </div> </figure>  </div>   <div class="relative mb-8 fluid-container"> <div class="absolute inset-0 z-0 w-full h-full top-14 rounded-3xl bg-lightneutral"> </div> <div class="grid gap-6 sm:grid-cols-2 md:grid-cols-3 "> <div class="p-5 space-y-3 w-full shadow-lg group-hover:shadow-xl shadow-gray-200 border border-gray-200 mx-auto sm:ml-auto rounded-xl relative z-20 bg-white "> <div class="inline-flex justify-center items-center p-2 text-base w-10 h-10 border rounded-md relative z-20"> <i class='fal fa-magic' aria-hidden='true'></i> </div> <h4 class="font-bold ">Generate</h4> <div class="prose prose-a:underline prose-a:text-blue relative z-20 "> <p>The <a href="https://www.involve.me/ai">AI funnel generator</a> will quickly create a customized funnel, integrating your branding from your website's URL. In just a few seconds you'll have an on-brand funnel draft to work with.</p> </div> </div> <div class="p-5 space-y-3 w-full shadow-lg group-hover:shadow-xl shadow-gray-200 border border-gray-200 mx-auto sm:ml-auto rounded-xl relative z-20 bg-white "> <div class="inline-flex justify-center items-center p-2 text-base w-10 h-10 border rounded-md relative z-20"> <i class='fal fa-compress-arrows-alt' aria-hidden='true'></i> </div> <h4 class="font-bold ">Personalize</h4> <div class="prose prose-a:underline prose-a:text-blue relative z-20 "> <p>Use AI in your funnels to personalize the experience with individualized responses & feedback. Define a prompt and let AI make every interaction unique & relevant. Create custom <a href="https://www.involve.me/templates?category=create-ai-tools">AI tools</a>.</p> </div> </div> <div class="p-5 space-y-3 w-full shadow-lg group-hover:shadow-xl shadow-gray-200 border border-gray-200 mx-auto sm:ml-auto rounded-xl relative z-20 bg-white "> <div class="inline-flex justify-center items-center p-2 text-base w-10 h-10 border rounded-md relative z-20"> <i class='fal fa-analytics' aria-hidden='true'></i> </div> <h4 class="font-bold ">Analyze</h4> <div class="prose prose-a:underline prose-a:text-blue relative z-20 "> <p>Use <a href="https://www.involve.me/ai-powered-analytics">AI Insights</a> to save hours of sifting through funnel data. Summarize big data sets of qualitative feedback in seconds. Generate business reports with summaries, key findings & recommendations.</p> </div> </div> </div> </div>   <div style="margin-top: 1rem; margin-bottom: rem;"> </div>   <div class="relative z-20 overflow-hidden "> <div class="fluid-container"> <div class="max-w-2xl mx-auto mb-20 text-center lg:max-w-none lg:text-left">  <h2 id="headline-case-studies" class="font-bold font-highlight text-inherit mb-3 font-sans text-base font-normal text-headlinegrey" > Case Studies </h2>   <h3 id="headline-how-other-companies-successfully-generate-qualify-leads-with-involveme" class="font-bold font-highlight text-primary text-xl"> How other companies successfully generate & qualify leads with involve.me. </h3>  </div> </div> <div class="relative max-w-xl mx-auto lg:max-w-4xl xl:max-w-6xl m-case-study-slider" data-uuid="f04d1a91-6a9c-4a3c-a5c9-ef57288b0605"> <div class="max-w-sm mx-auto md:max-w-3xl lg:max-w-4xl xl:max-w-6xl m-case-study-slider-wrapper swiper"> <div class="flex items-stretch mx-auto swiper-wrapper"> <div class="flex flex-col items-center justify-center gap-8 lg:flex-row lg:items-end swiper-slide lg:pt-2"> <div class="flex flex-col lg:items-end lg:flex-row"> <div class="z-20 order-2 w-56 -mt-20 -ml-2 transform border border-white rounded-lg lg:-mr-20 lg:mt-0 lg:order-1 lg:mb-10 bg-darkgray bg-opacity-30 backdrop-blur-xl -rotate-6"> <div class="p-6 border-b border-white"> <h3 class="text-white"> Manufacturing </h3> </div> <div class="relative z-40 p-4">  <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x text-white text-black " > Solarwatt </p>  </div> </div> <div class="relative order-1 lg:order-2 w-72">  <picture> <source srcset=" /img/containers/assets/home/johannes-butz.jpg/568d36b79e38b0459da5b9da2bcaf0c8.webp 320w, /img/containers/assets/home/johannes-butz.jpg/93bc34d5d6a11de4e8da395a8b8676b6.webp 480w, /img/containers/assets/home/johannes-butz.jpg/34486f11ef552b139d5dba3fe175c52d.webp 640w, /img/containers/assets/home/johannes-butz.jpg/f9a01c404bd715180ee62ccfa699c8e6.webp 768w, /img/containers/assets/home/johannes-butz.jpg/a891b39e559c992628f2c96c08f935fc.webp 1024w, /img/containers/assets/home/johannes-butz.jpg/d5ab133e553ffbd89e5992ea087a946f.webp 1280w, /img/containers/assets/home/johannes-butz.jpg/0c6ccee4b4a1f883d45070d56c9b32d7.webp 1440w, /img/containers/assets/home/johannes-butz.jpg/f5f5c36236918ef6310ae2ded21e7a12.webp 1536w, /img/containers/assets/home/johannes-butz.jpg/33f6731472baaa636e41ab728ca03c40.webp 1680w, " sizes="(min-width: 768px) 40w, 90vw" type="image/webp"> <source srcset=" /img/containers/assets/home/johannes-butz.jpg/f4bf0ac5159ce34b63a35a24950b3ece.jpg 320w, /img/containers/assets/home/johannes-butz.jpg/bcd63d0cae196a912b5095bc0a6c414e.jpg 480w, /img/containers/assets/home/johannes-butz.jpg/b90034f80e92da12d92a297b68e1e55f.jpg 640w, /img/containers/assets/home/johannes-butz.jpg/ef658f2fdca3afc01450ed201762255a.jpg 768w, /img/containers/assets/home/johannes-butz.jpg/a924740ab45f01452d26b062a733b3ca.jpg 1024w, /img/containers/assets/home/johannes-butz.jpg/84b4f8f42c5dc95705ff6b73b8056e48.jpg 1280w, /img/containers/assets/home/johannes-butz.jpg/b4d3d00d0e80e6360f98b507f733195e.jpg 1440w, /img/containers/assets/home/johannes-butz.jpg/d16b2f3cd5ce420d1aecc9a11cdbd94d.jpg 1536w, /img/containers/assets/home/johannes-butz.jpg/63e23e5e8d715ae8ae69a85a979aa2a2.jpg 1680w, " sizes="(min-width: 768px) 40w, 90vw" type="image/jpeg"> <img width="1000" height="1000" src="/img/containers/assets/home/johannes-butz.jpg/58b1de6d0eb8df04691bff24d39f47fe.jpg" alt="." class="object-contain w-full h-full rounded-lg rotate-1" aria-hidden="true" loading="lazy" > </picture>  </div> </div> <div class="flex flex-col max-w-xs md:max-w-sm p-8 mb-2 rounded-lg h-80 -rotate-2 bg-bluegray text-black">  <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x font-bold !text-darklight md:text-lg font-highlight line-clamp-6 text-black " > How this solar panel company leverages interactive content </p>  <div class="flex items-center justify-between mt-auto"> <div>  <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 motion-safe:transition inline-block border-b hover:translate-y-0 hover:shadow-none text-darkneutral pb-1 border-darkneutral border-opacity-20 text-darkgray text-darkneutral decoration-primary focus-visible:ring-primary !text-darklight " href="/blog/case-study-how-solar-panel-company-leverages-interactive-content" id="" > Read the full story <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </div> <a class="p-5 text-white border border-gray-500 rounded-full" href="/blog/case-study-how-solar-panel-company-leverages-interactive-content" id="" > <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 fill-current"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/></svg> </a> </div> </div> </div> <div class="flex flex-col items-center justify-center gap-8 lg:flex-row lg:items-end swiper-slide lg:pt-2"> <div class="flex flex-col lg:items-end lg:flex-row"> <div class="z-20 order-2 w-56 -mt-20 -ml-2 transform border border-white rounded-lg lg:-mr-20 lg:mt-0 lg:order-1 lg:mb-10 bg-darkgray bg-opacity-30 backdrop-blur-xl -rotate-6"> <div class="p-6 border-b border-white"> <h3 class="text-white"> Hospitality </h3> </div> <div class="relative z-40 p-4">  <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x text-white text-black " > Placement International </p>  </div> </div> <div class="relative order-1 lg:order-2 w-72">  <picture> <source srcset=" /img/containers/assets/placement-international.png/055c93a8f73253417a02608c68dbea46.webp 320w, /img/containers/assets/placement-international.png/1d0c86394fbfb78afac6c607eb58dedf.webp 480w, /img/containers/assets/placement-international.png/8b9d6a17597352c9709e5ada4358445f.webp 640w, /img/containers/assets/placement-international.png/ccf4a3dd2ca98d8d8ff1ff9cab3c1b2e.webp 768w, /img/containers/assets/placement-international.png/65ac227044cc633fefb41df8e86b1656.webp 1024w, /img/containers/assets/placement-international.png/fc7143565766aecb652ed9ff98158219.webp 1280w, /img/containers/assets/placement-international.png/e22cddf2cf9cd1e9ca571cd2c5ae1517.webp 1440w, /img/containers/assets/placement-international.png/5a7a88f97cc1ca6ff470ed4cc2b6438c.webp 1536w, /img/containers/assets/placement-international.png/59d5cf0c4ea2ae417a426e0ebb170576.webp 1680w, " sizes="(min-width: 768px) 40w, 90vw" type="image/webp"> <source srcset=" /img/containers/assets/placement-international.png/dd893d994b67a3ebdf62ea82f3532f81.png 320w, /img/containers/assets/placement-international.png/d6a6bef03d9c375acc59bb57cd441f43.png 480w, /img/containers/assets/placement-international.png/4e3f6e145e5786596763244a6765249e.png 640w, /img/containers/assets/placement-international.png/10539e63599631e7a8e2c81ffa7e17f0.png 768w, /img/containers/assets/placement-international.png/50cda8a9a9ea311e54ec31a0931bb358.png 1024w, /img/containers/assets/placement-international.png/0baacc5d1dda700fd42c2018ce7a8e82.png 1280w, /img/containers/assets/placement-international.png/39e4cf0bea78c0d538a67bfc3cba0476.png 1440w, /img/containers/assets/placement-international.png/9705c8e042334cc68b328edb23671a8c.png 1536w, /img/containers/assets/placement-international.png/88097e2016c2f205f1ad066ad5468e5f.png 1680w, " sizes="(min-width: 768px) 40w, 90vw" type="image/png"> <img width="568" height="630" src="/img/containers/assets/placement-international.png/ecd33db8e8bb12026f9cbad5adcc9838.png" alt="." class="object-contain w-full h-full rounded-lg rotate-1" aria-hidden="true" loading="lazy" > </picture>  </div> </div> <div class="flex flex-col max-w-xs md:max-w-sm p-8 mb-2 rounded-lg h-80 -rotate-2 bg-bluegray text-black">  <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x font-bold !text-darklight md:text-lg font-highlight line-clamp-6 text-black " > How a niche luxury brand generates 10.000 segmented leads a month. </p>  <div class="flex items-center justify-between mt-auto"> <div>  <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 motion-safe:transition inline-block border-b hover:translate-y-0 hover:shadow-none text-darkneutral pb-1 border-darkneutral border-opacity-20 text-darkgray text-darkneutral decoration-primary focus-visible:ring-primary !text-darklight " href="/blog/how-to-collect-100000-segmented-leads" rel="noopener" target="_blank" id="" > Read the full story <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </div> <a class="p-5 text-white border border-gray-500 rounded-full" href="/blog/how-to-collect-100000-segmented-leads" rel="noopener" target="_blank" id="" > <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 fill-current"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/></svg> </a> </div> </div> </div> </div> <div data-background="gradient" data-uuid="f04d1a91-6a9c-4a3c-a5c9-ef57288b0605" class="flex justify-center max-w-3xl mx-auto mt-8 lg:justify-start swiper-pagination"> </div> </div> </div> <div class="absolute w-full transform top-1/3"> <div class="transform scale-105"> <svg xmlns="http://www.w3.org/2000/svg" width="2143.519" height="306.973" viewBox="0 0 2143.519 306.973"><path id="Pfad_80" data-name="Pfad 80" d="M-9467.241-1961.277s-13.405-178.371,178.065-133.338,118.245,253.8,912.432,0,866.634-190.147,1050.315-43.622" transform="translate(9469.013 2268.138)" fill="none" stroke="#29dec7" stroke-width="3"/></svg> </div> </div> </div>   <div class="relative z-30 fluid-container">  <h2 id="headline-" class="font-bold font-highlight text-inherit text-lg font-bold text-center font-highlight" > </h2>  <dl class="grid justify-center lg:gap-8 mt-10 gap-4 sm:grid-cols-3 ">  <div id="m3x85zpr" class="p-6 md:py-16 flex-row items-center justify-center space-y-2 text-center rounded-md bg-white"> <dt class="text-xl font-bold text-black xl:text-4xl font-highlight inline"> 50 <span class="text-base">X</span> </dt> <dd class="text-xs font-normal text-darkgray"> Faster Implementation Times </dd> </div>   <div id="m3x81rqz" class="p-6 md:py-16 flex-row items-center justify-center space-y-2 text-center rounded-md bg-white"> <dt class="text-xl font-bold text-black xl:text-4xl font-highlight inline"> 15 <span class="text-base">X</span> </dt> <dd class="text-xs font-normal text-darkgray"> Higher Conversion Rates </dd> </div>   <div id="m3x8oo8i" class="p-6 md:py-16 flex-row items-center justify-center space-y-2 text-center rounded-md bg-white"> <dt class="text-xl font-bold text-black xl:text-4xl font-highlight inline"> 5 <span class="text-base">X</span> </dt> <dd class="text-xs font-normal text-darkgray"> More Qualified Leads </dd> </div>  </dl> </div>  </div>  <picture> <img class="absolute inset-0 bottom-0 z-0 w-full h-full" src="https://cms.involve.me/backgrounds/grey-red-bottom-left.svg" alt="grey background." width="1920" height="1080" /> </picture>  </section> <section class=" relative"> <div class=" gradient-03 text-black w-full pt-20 lg:pt-24 pb-0 overflow-hidden lg:overflow-visible mx-auto grid gap-16 lg:gap-16 home relative z-30 ">  <div class="relative z-20 px-6 py-8 overflow-hidden"> <div class="absolute left-0 w-full transform -translate-y-1/2 z-behind top-1/2"> <div class="transform scale-150"> <svg xmlns="http://www.w3.org/2000/svg" width="2143.519" height="306.973" viewBox="0 0 2143.519 306.973"><path id="Pfad_80" data-name="Pfad 80" d="M-9467.241-1961.277s-13.405-178.371,178.065-133.338,118.245,253.8,912.432,0,866.634-190.147,1050.315-43.622" transform="translate(9469.013 2268.138)" fill="none" stroke="#29dec7" stroke-width="3"/></svg> </div> </div> <div id="section-product-teaser" class="relative flex flex-col justify-center space-y-8 fluid-container lg:text-left">  <h2 id="headline-test-our-lead-funnels" class="font-bold font-highlight text-inherit font-sans text-base font-normal text-headlinegrey text-left" > Test our lead funnels </h2>  <div class="grid items-end gap-12 text-left place-items-start md:grid-cols-2">  <h2 id="headline-pthis-is-made-with-uinvolvemeup" class="font-bold font-highlight text-inherit text-xl text-left" > <p>This is made with <u>involve.me</u></p> </h2>   <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x text-left text-black " > With our tool you can build, design and integrate interactive flows for website conversions & data collection just like this one all by yourself. Create funnels with interactive form, survey, quiz and calculator elements per drag & drop. No coding required. </p>  </div> <div class="container mx-auto"> <div class="grid grid-cols-1 "> <div class="rounded-3xl w-full h-auto shadow-xl"> <div class="c-embed relative overflow-hidden rounded-3xl size-xl "> <div class="involveme_embed" data-loading="lazy" data-project="new-homepage-funnel" data-min-height="430"><script defer src="https://involveme.involve.me/embed"></script></div> </div> </div> </div> </div> </div> </div>  </div>   </section> <section class=" relative"> <div class=" text-black w-full pt-20 lg:pt-24 pb-20 lg:pb-24 overflow-hidden mx-auto grid gap-16 lg:gap-16 home relative z-30 ">  <div id="section-integrations" class="relative z-20 -mt-8 mb-8 "> <div class="fluid-container--wide bg-bluegray rounded-3xl pt-12 lg:pt-24 pb-12 lg:pb-24"> <div class="grid items-center gap-12 fluid-container lg:grid-cols-12"> <div class="text-center text-white lg:text-left lg:col-span-5">  <h4 id="headline-native-integrations" class="font-bold text-primary font-normal">Native Integrations</h3>   <h2 id="headline-puconnectu-amp-send-funnel-data-to-your-favorite-appsp" class="font-bold font-highlight text-inherit text-xl" > <p><u>Connect</u> & send funnel data to your favorite apps</p> </h2>   <article class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x my-8 text-darklight content " > Connect involve.me to other apps in your stack, from CRMs and ESPs to productivity tools. Sync lead data and automate processes in marketing, sales, project management, customer support & more. </article>   <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 inline-flex items-center rounded leading-none !no-underline select-none whitespace-nowrap motion-safe:transition bg-blue !text-white focus-visible:ring-primary py-2.5 px-6 " href="/integrations" id="" > See all integrations <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </div> <div class="grid max-w-lg grid-cols-4 gap-4 pb-8 mx-auto lg:col-span-7 sm:grid-cols-5"> <div class="inline-flex items-center justify-center w-16 h-16 p-5 bg-white rounded-lg integration-offset md:h-20 md:w-20">  <picture> <source srcset=" /img/containers/assets/integrations/active_campaign.png/af80e0443b1e3befb7b0ca77a79d3e9e.webp 320w, /img/containers/assets/integrations/active_campaign.png/2a34a94e9bb918813a73781528d18e8c.webp 480w, /img/containers/assets/integrations/active_campaign.png/d7cc071beedf73e2063f3c74cc75e3be.webp 640w, /img/containers/assets/integrations/active_campaign.png/8c30009fbac63a094c663835401cad31.webp 768w, /img/containers/assets/integrations/active_campaign.png/70c6c17f3f4cb87f15c025aa33ae3be1.webp 1024w, /img/containers/assets/integrations/active_campaign.png/c8e0ded3014be14501081e6be044faad.webp 1280w, /img/containers/assets/integrations/active_campaign.png/b4532649572ff9b05fde83887d22958f.webp 1440w, /img/containers/assets/integrations/active_campaign.png/536bed46efdfd01c54098dfdffe7d623.webp 1536w, /img/containers/assets/integrations/active_campaign.png/deee85d92c822132f7c019f15cc92bb1.webp 1680w, " sizes="10vw" type="image/webp"> <source srcset=" /img/containers/assets/integrations/active_campaign.png/8632e88d6443a87a096929f90b6e5480.png 320w, /img/containers/assets/integrations/active_campaign.png/3acce39f34d48511a3ba347c52ad7b65.png 480w, /img/containers/assets/integrations/active_campaign.png/8bbf8f39915509e3a5bb7b474f89cfb7.png 640w, /img/containers/assets/integrations/active_campaign.png/4fe4a35a23ee142bb5ba3403c8535c48.png 768w, /img/containers/assets/integrations/active_campaign.png/cfde0ff9094a52ee535ae9725569c1fb.png 1024w, /img/containers/assets/integrations/active_campaign.png/87447e9f330247e68fee9c5fc1a9b3c1.png 1280w, /img/containers/assets/integrations/active_campaign.png/247dff54a392c42136d80aab8bfcac10.png 1440w, /img/containers/assets/integrations/active_campaign.png/91b0e46a3969000394617ae41d8c796d.png 1536w, /img/containers/assets/integrations/active_campaign.png/a3aaee8a56c432fb5d3fc8947b8cb9fa.png 1680w, " sizes="10vw" type="image/png"> <img width="200" height="306" src="/img/containers/assets/integrations/active_campaign.png/3904c3297913918e7292564a62188743.png" alt="Active Campaign integration." class="object-contain w-full h-full fill-current" loading="lazy" > </picture>  </div> <div class="inline-flex items-center justify-center w-16 h-16 p-5 bg-white rounded-lg integration-offset md:h-20 md:w-20">  <picture> <img class="object-contain w-full h-full fill-current" src="https://cms.involve.me/integrations/airtable-icon.svg" alt="." width="256" height="256" aria-hidden="true" /> </picture>  </div> <div class="inline-flex items-center justify-center w-16 h-16 p-5 bg-white rounded-lg integration-offset md:h-20 md:w-20">  <picture> <source srcset=" /img/containers/assets/integrations/aweber_icon.png/39b0370b021d23958dc7beac4fcebd46.webp 320w, /img/containers/assets/integrations/aweber_icon.png/77331bc8edd4f3aaca44a41adc5313bc.webp 480w, /img/containers/assets/integrations/aweber_icon.png/6290c302faa6e8652d917ed75832871a.webp 640w, /img/containers/assets/integrations/aweber_icon.png/ea2c384c4e7278c2cecbeb54e3610de3.webp 768w, /img/containers/assets/integrations/aweber_icon.png/793e4b0d78b4f94c333304e093be0e9f.webp 1024w, /img/containers/assets/integrations/aweber_icon.png/ed5289bb8d8dfa068ed5530af0d5a95c.webp 1280w, /img/containers/assets/integrations/aweber_icon.png/41b3b4355fd26c999a9207a360b5ca09.webp 1440w, /img/containers/assets/integrations/aweber_icon.png/606589e0a8652f37705236d36a629721.webp 1536w, /img/containers/assets/integrations/aweber_icon.png/d44fa55c4c20acdd46970c6e0eb6eb5f.webp 1680w, " sizes="10vw" type="image/webp"> <source srcset=" /img/containers/assets/integrations/aweber_icon.png/9fce5ce873555f9b216b31a968c23ff3.png 320w, /img/containers/assets/integrations/aweber_icon.png/9e71beab2db8c96719e13568a6ab225b.png 480w, /img/containers/assets/integrations/aweber_icon.png/0308b09b4e87f19d6c9f899abd9a0cdf.png 640w, /img/containers/assets/integrations/aweber_icon.png/83779091a060605ba838d776fd224854.png 768w, /img/containers/assets/integrations/aweber_icon.png/944e6e711266f7ed05035a068271ed39.png 1024w, /img/containers/assets/integrations/aweber_icon.png/62c14523f351214f83e0ab8498f66dd6.png 1280w, /img/containers/assets/integrations/aweber_icon.png/5cfd1df099cd1c6d1db58a936a4da7cd.png 1440w, /img/containers/assets/integrations/aweber_icon.png/a0d73a82b702ef2a57e1f528649a88b2.png 1536w, /img/containers/assets/integrations/aweber_icon.png/e2685043bda8fc9c7079e1b9de61ca3e.png 1680w, " sizes="10vw" type="image/png"> <img width="140" height="140" src="/img/containers/assets/integrations/aweber_icon.png/db0d4f17c9a3e4fa91797bb26c2d9e69.png" alt="awaber icon." class="object-contain w-full h-full fill-current" loading="lazy" > </picture>  </div> <div class="inline-flex items-center justify-center w-16 h-16 p-5 bg-white rounded-lg integration-offset md:h-20 md:w-20">  <picture> <source srcset=" /img/containers/assets/integrations/braintree_full.png/fe65fbbf88e5959dc2b4caf3cb003d4a.webp 320w, /img/containers/assets/integrations/braintree_full.png/2b8f079829930e06c2aef397301cbcd0.webp 480w, /img/containers/assets/integrations/braintree_full.png/2ce2c2648e408ae69c3bd37144028850.webp 640w, /img/containers/assets/integrations/braintree_full.png/4c9550d10266c3875f2fcda044896ecc.webp 768w, /img/containers/assets/integrations/braintree_full.png/d5424cbcb04a2c9d5861c85cefec4e1d.webp 1024w, /img/containers/assets/integrations/braintree_full.png/7cf3f90c16f9ecbd453c35ec789e4c6d.webp 1280w, /img/containers/assets/integrations/braintree_full.png/0b6cf242c12930211f5c30d190dde4b6.webp 1440w, /img/containers/assets/integrations/braintree_full.png/e7f27d56c4b1740d8d7e9c1db7182807.webp 1536w, /img/containers/assets/integrations/braintree_full.png/47da7c1665ec5f6ad3efaaa65c6d4d4c.webp 1680w, " sizes="10vw" type="image/webp"> <source srcset=" /img/containers/assets/integrations/braintree_full.png/6c43d25f423371c32ae40896e0472f53.png 320w, /img/containers/assets/integrations/braintree_full.png/4c9961dd4d27f8ffbf70ef6ac1a25e1c.png 480w, /img/containers/assets/integrations/braintree_full.png/f66422bfb11fa75039be97828b74805a.png 640w, /img/containers/assets/integrations/braintree_full.png/55ffad8db23783024be2db3a7ba81f8f.png 768w, /img/containers/assets/integrations/braintree_full.png/ac08c0ef3b0511a1b76a791e8ad43d8c.png 1024w, /img/containers/assets/integrations/braintree_full.png/75d6c88feda5bc6b1abb6b9b2ccb95b0.png 1280w, /img/containers/assets/integrations/braintree_full.png/790e61491d8d569db5d4e1641d395e61.png 1440w, /img/containers/assets/integrations/braintree_full.png/a266b75358718dde042182cbeea1d15b.png 1536w, /img/containers/assets/integrations/braintree_full.png/500b7311e6b6daedb367255467924f63.png 1680w, " sizes="10vw" type="image/png"> <img width="601" height="140" src="/img/containers/assets/integrations/braintree_full.png/df97c6cecd6e06e96bb6a66dd4abe9e5.png" alt="braintree logo." class="object-contain w-full h-full fill-current" loading="lazy" > </picture>  </div> <div class="inline-flex items-center justify-center w-16 h-16 p-5 bg-white rounded-lg integration-offset md:h-20 md:w-20">  <picture> <img class="object-contain w-full h-full fill-current" src="https://cms.involve.me/integrations/brevo-icon.svg" alt="." width="1000" height="295" aria-hidden="true" /> </picture>  </div> <div class="inline-flex items-center justify-center w-16 h-16 p-5 bg-white rounded-lg integration-offset md:h-20 md:w-20">  <picture> <source srcset=" /img/containers/assets/integrations/campaign_monitor.png/a275dc366f0907b4f93fb0c1f14979b6.webp 320w, /img/containers/assets/integrations/campaign_monitor.png/8a593ba1a8e4ec575b34b233f2b1d2c1.webp 480w, /img/containers/assets/integrations/campaign_monitor.png/2c4d98fa21785f11d68e161a269a76a1.webp 640w, /img/containers/assets/integrations/campaign_monitor.png/88cb2cb6e44c75e4a21af7a9fcf69076.webp 768w, /img/containers/assets/integrations/campaign_monitor.png/4a1a66c038330234f13da2cb676411f1.webp 1024w, /img/containers/assets/integrations/campaign_monitor.png/07b9349d0f4181e3ea587d252fa5424a.webp 1280w, /img/containers/assets/integrations/campaign_monitor.png/bf445bab5a5f75d469abe1ebcd3a8206.webp 1440w, /img/containers/assets/integrations/campaign_monitor.png/c56423df7cb25bad1b36ef49ea7304a8.webp 1536w, /img/containers/assets/integrations/campaign_monitor.png/86291bebad04b8f08514ad0646704bcf.webp 1680w, " sizes="10vw" type="image/webp"> <source srcset=" /img/containers/assets/integrations/campaign_monitor.png/65be4daaaf93ec5370cf67065030aeae.png 320w, /img/containers/assets/integrations/campaign_monitor.png/d748a24ffd307b6728b0d7f23ebaae61.png 480w, /img/containers/assets/integrations/campaign_monitor.png/b971fc22eb0e02903bab043dd8983f36.png 640w, /img/containers/assets/integrations/campaign_monitor.png/2695e0d77ad34d1beac8771ecb2bec4c.png 768w, /img/containers/assets/integrations/campaign_monitor.png/054285b3a9a9caed4fb2367899f8a958.png 1024w, /img/containers/assets/integrations/campaign_monitor.png/9210cef2bf32f52898cecd73fd8a9339.png 1280w, /img/containers/assets/integrations/campaign_monitor.png/fb188489d84baec40afc1fdb0db6eeac.png 1440w, /img/containers/assets/integrations/campaign_monitor.png/5264932cab360ed8e8026d5faa86e9c8.png 1536w, /img/containers/assets/integrations/campaign_monitor.png/577c1cb49b10556b7120d3752dc6d859.png 1680w, " sizes="10vw" type="image/png"> <img width="200" height="122" src="/img/containers/assets/integrations/campaign_monitor.png/12bae7a3df4179cffa99e0e1caf50d5b.png" alt="Campaign Monitor integration." class="object-contain w-full h-full fill-current" loading="lazy" > </picture>  </div> <div class="inline-flex items-center justify-center w-16 h-16 p-5 bg-white rounded-lg integration-offset md:h-20 md:w-20">  <picture> <img class="object-contain w-full h-full fill-current" src="https://cms.involve.me/integrations/cleverreach-icon.svg" alt="cleverreach icon." width="135" height="94" /> </picture>  </div> <div class="inline-flex items-center justify-center w-16 h-16 p-5 bg-white rounded-lg integration-offset md:h-20 md:w-20">  <picture> <img class="object-contain w-full h-full fill-current" src="https://cms.involve.me/integrations/clickup-icon.svg" alt="." width="130" height="155" aria-hidden="true" /> </picture>  </div> <div class="inline-flex items-center justify-center w-16 h-16 p-5 bg-white rounded-lg integration-offset md:h-20 md:w-20">  <picture> <img class="object-contain w-full h-full fill-current" src="https://cms.involve.me/integrations/constantcontact-icon.svg" alt="constant contact icon." width="165" height="163" /> </picture>  </div> <div class="inline-flex items-center justify-center w-16 h-16 p-5 bg-white rounded-lg integration-offset md:h-20 md:w-20">  <picture> <source srcset=" /img/containers/assets/integrations/convert_kit.png/91671e0267be7c77b6da0eb39c984158.webp 320w, /img/containers/assets/integrations/convert_kit.png/2e9b1cdd02ffd441a278e5bf216f9909.webp 480w, /img/containers/assets/integrations/convert_kit.png/cbb490509beb4f7076947c627af9e7ea.webp 640w, /img/containers/assets/integrations/convert_kit.png/0cc831e155e5170a71dc0e4586d82cc5.webp 768w, /img/containers/assets/integrations/convert_kit.png/c9c952cdd9307dafda5d26e7ff0e0c14.webp 1024w, /img/containers/assets/integrations/convert_kit.png/df4044e15546c4ea1eb6e82eaf1c71d4.webp 1280w, /img/containers/assets/integrations/convert_kit.png/d15d730fc0a72a437b7f963b580af25c.webp 1440w, /img/containers/assets/integrations/convert_kit.png/30e0b9ba88c165eec3668787ea37ec6f.webp 1536w, /img/containers/assets/integrations/convert_kit.png/698b6ae3034fc3f184b61bd918d8d5c9.webp 1680w, " sizes="10vw" type="image/webp"> <source srcset=" /img/containers/assets/integrations/convert_kit.png/1bc6364c024f94e42c74dc24f90f28f1.png 320w, /img/containers/assets/integrations/convert_kit.png/4eef1c112b3864f92a18127827afa973.png 480w, /img/containers/assets/integrations/convert_kit.png/99ee236e8021e1f10f4cd08faf08df3b.png 640w, /img/containers/assets/integrations/convert_kit.png/a2ccaa044e2db18c107755e20b604f20.png 768w, /img/containers/assets/integrations/convert_kit.png/f288421f51ce949269924a0a2007e654.png 1024w, /img/containers/assets/integrations/convert_kit.png/df65760026caeded52eb7decc0c02eeb.png 1280w, /img/containers/assets/integrations/convert_kit.png/16491b1c70ad127462678136ed14b88d.png 1440w, /img/containers/assets/integrations/convert_kit.png/37ef1b3504a7020c7bc25f8bd0af9e8b.png 1536w, /img/containers/assets/integrations/convert_kit.png/32667f5337fe4c8f54fd8c81ac81e8eb.png 1680w, " sizes="10vw" type="image/png"> <img width="200" height="200" src="/img/containers/assets/integrations/convert_kit.png/e98983e3d28fa54b6f1826e82b0bb535.png" alt="convertkit icon." class="object-contain w-full h-full fill-current" loading="lazy" > </picture>  </div> <div class="inline-flex items-center justify-center w-16 h-16 p-5 bg-white rounded-lg integration-offset md:h-20 md:w-20">  <picture> <img class="object-contain w-full h-full fill-current" src="https://cms.involve.me/integrations/customerio-2024-icon.svg" alt="." width="104.5" height="104.5" aria-hidden="true" /> </picture>  </div> <div class="inline-flex items-center justify-center w-16 h-16 p-5 bg-white rounded-lg integration-offset md:h-20 md:w-20">  <picture> <source srcset=" /img/containers/assets/integrations/drip.png/a255cbced8c38ff0b338625841114d6a.webp 320w, /img/containers/assets/integrations/drip.png/e7ef4fa3c6824215ea6baebebe1d5da4.webp 480w, /img/containers/assets/integrations/drip.png/f5c5d9690db015e656c82b24470fe696.webp 640w, /img/containers/assets/integrations/drip.png/1b55c0ef8f52033e3d14b0902abcbda1.webp 768w, /img/containers/assets/integrations/drip.png/d2dc526263c553ffbbc845286b494b31.webp 1024w, /img/containers/assets/integrations/drip.png/35e38227b46c9ae04ec9fe4cb3f13cbe.webp 1280w, /img/containers/assets/integrations/drip.png/055fcaced7af319fe0b47fe254424795.webp 1440w, /img/containers/assets/integrations/drip.png/9bd4f59315a16b1be4cd5b48c7a7e54c.webp 1536w, /img/containers/assets/integrations/drip.png/db765f55923dfa439db1ec2a872e8f97.webp 1680w, " sizes="10vw" type="image/webp"> <source srcset=" /img/containers/assets/integrations/drip.png/8fb9b52cce9a223a0f8253239999a939.png 320w, /img/containers/assets/integrations/drip.png/80a64c5e8691ba90d3864166eef2e664.png 480w, /img/containers/assets/integrations/drip.png/e6c9a11443d07e444c8fbbde1780794a.png 640w, /img/containers/assets/integrations/drip.png/a97f4d579b8fba7123badd5781040deb.png 768w, /img/containers/assets/integrations/drip.png/5a0d1ca8ec297f232b716473e2894eb1.png 1024w, /img/containers/assets/integrations/drip.png/7c6559578e5e3d7a67227f760039ccb2.png 1280w, /img/containers/assets/integrations/drip.png/04163521caac8df3faa25ce86af2630c.png 1440w, /img/containers/assets/integrations/drip.png/be5a5211ba0cf96abc20c53dcc0a5c00.png 1536w, /img/containers/assets/integrations/drip.png/278698d44c9d70f26b899d013dc60dcf.png 1680w, " sizes="10vw" type="image/png"> <img width="200" height="200" src="/img/containers/assets/integrations/drip.png/7770eb335ce9e7c997154c29668c70ee.png" alt="Drip integration." class="object-contain w-full h-full fill-current" loading="lazy" > </picture>  </div> <div class="inline-flex items-center justify-center w-16 h-16 p-5 bg-white rounded-lg integration-offset md:h-20 md:w-20">  <picture> <img class="object-contain w-full h-full fill-current" src="https://cms.involve.me/integrations/emarsys-icon.svg" alt="." width="50.9" height="62.3" aria-hidden="true" /> </picture>  </div> <div class="inline-flex items-center justify-center w-16 h-16 p-5 bg-white rounded-lg integration-offset md:h-20 md:w-20">  <picture> <img class="object-contain w-full h-full fill-current" src="https://cms.involve.me/integrations/encharge-icon.svg" alt="encharge icon." width="32.125" height="32.266" /> </picture>  </div> <div class="inline-flex items-center justify-center w-16 h-16 p-5 bg-white rounded-lg integration-offset md:h-20 md:w-20">  <picture> <source srcset=" /img/containers/assets/integrations/facebook_pixel_logo.png/6fae958533d0521b0531a370684e19d2.webp 320w, /img/containers/assets/integrations/facebook_pixel_logo.png/7dd73f63a2921d5563e77e3496bcce14.webp 480w, /img/containers/assets/integrations/facebook_pixel_logo.png/5b594897ebf048d4051f5ce354988eeb.webp 640w, /img/containers/assets/integrations/facebook_pixel_logo.png/03b321569a7c4528d691a8ee35f3f7c6.webp 768w, /img/containers/assets/integrations/facebook_pixel_logo.png/d9b85e3928de0c71639d5622fef29c13.webp 1024w, /img/containers/assets/integrations/facebook_pixel_logo.png/d62d81f5ccd37cb421ed59a06c4b213b.webp 1280w, /img/containers/assets/integrations/facebook_pixel_logo.png/9a1cb396390d115b7c8303b5c85442f5.webp 1440w, /img/containers/assets/integrations/facebook_pixel_logo.png/9301922f4d8074eba39244b888ae771f.webp 1536w, /img/containers/assets/integrations/facebook_pixel_logo.png/cdfd948385840dd8c6692a0dee83c0b0.webp 1680w, " sizes="10vw" type="image/webp"> <source srcset=" /img/containers/assets/integrations/facebook_pixel_logo.png/c1f69dc1003c13e5c0a46716bfec6d13.png 320w, /img/containers/assets/integrations/facebook_pixel_logo.png/aa1af7a228c0650a0a3760b69bc228e7.png 480w, /img/containers/assets/integrations/facebook_pixel_logo.png/2333dc33d2350024541862c9ccb90bb4.png 640w, /img/containers/assets/integrations/facebook_pixel_logo.png/ae7c5abd968efbaa671309ae6e584984.png 768w, /img/containers/assets/integrations/facebook_pixel_logo.png/21f06c9896af3895071f7c96ee2e1a54.png 1024w, /img/containers/assets/integrations/facebook_pixel_logo.png/3e384de4683363de08ffc2b60bb79917.png 1280w, /img/containers/assets/integrations/facebook_pixel_logo.png/73c834a842fa3229baf1c99e9f9b575d.png 1440w, /img/containers/assets/integrations/facebook_pixel_logo.png/3323e1d49a4da516e8c675f2ec47e012.png 1536w, /img/containers/assets/integrations/facebook_pixel_logo.png/1eee926dd3c17f9d4c482eba0a984ec8.png 1680w, " sizes="10vw" type="image/png"> <img width="280" height="280" src="/img/containers/assets/integrations/facebook_pixel_logo.png/e518acc8ad6ebd0d07cbcceaee1c3612.png" alt="facebook pixel logo." class="object-contain w-full h-full fill-current" loading="lazy" > </picture>  </div> <div class="inline-flex items-center justify-center w-16 h-16 p-5 bg-white rounded-lg integration-offset md:h-20 md:w-20">  <picture> <img class="object-contain w-full h-full fill-current" src="https://cms.involve.me/integrations/flexmail-icon.svg" alt="." width="388" height="400" aria-hidden="true" /> </picture>  </div> <div class="inline-flex items-center justify-center w-16 h-16 p-5 bg-white rounded-lg integration-offset md:h-20 md:w-20">  <picture> <img class="object-contain w-full h-full fill-current" src="https://cms.involve.me/integrations/flodesk-icon.svg" alt="." width="1534" height="1534" aria-hidden="true" /> </picture>  </div> <div class="inline-flex items-center justify-center w-16 h-16 p-5 bg-white rounded-lg integration-offset md:h-20 md:w-20">  <picture> <img class="object-contain w-full h-full fill-current" src="https://cms.involve.me/integrations/freshsales-icon.svg" alt="freshsales icon." width="109" height="109" /> </picture>  </div> <div class="inline-flex items-center justify-center w-16 h-16 p-5 bg-white rounded-lg integration-offset md:h-20 md:w-20">  <picture> <source srcset=" /img/containers/assets/integrations/get_response.png/6febb5eb47b1802d796c9c3fc21d016d.webp 320w, /img/containers/assets/integrations/get_response.png/d96cab19d5f753cc1f34c4a522b18d0a.webp 480w, /img/containers/assets/integrations/get_response.png/9a20e4841d353adb6df9c9fec906c9a6.webp 640w, /img/containers/assets/integrations/get_response.png/ddbe147db0138084ea9ca48529eaed10.webp 768w, /img/containers/assets/integrations/get_response.png/de180a1c38034de86d77299de48624e4.webp 1024w, /img/containers/assets/integrations/get_response.png/c79629f2ba4efd3ea9c7852c27ddbbc5.webp 1280w, /img/containers/assets/integrations/get_response.png/f51aacf3d8247238e252637651a09e73.webp 1440w, /img/containers/assets/integrations/get_response.png/4588403671243d90d51b5cb3d28b0169.webp 1536w, /img/containers/assets/integrations/get_response.png/437ea148ef7410d43e2b8073e693a8f5.webp 1680w, " sizes="10vw" type="image/webp"> <source srcset=" /img/containers/assets/integrations/get_response.png/681baad0ea962b92f814be4790a92b2d.png 320w, /img/containers/assets/integrations/get_response.png/04a06b7ddda9e644e218df55fc30c723.png 480w, /img/containers/assets/integrations/get_response.png/66c676039c4d6f9fe8780d92da00918d.png 640w, /img/containers/assets/integrations/get_response.png/cefe7bfa9085bba839d623ba9fa98fe7.png 768w, /img/containers/assets/integrations/get_response.png/85fcee01a273b1447e0020440428658d.png 1024w, /img/containers/assets/integrations/get_response.png/fd8aa91399a1639128da39c5917553c8.png 1280w, /img/containers/assets/integrations/get_response.png/0a3bc095b3e363c28c4f95bace51a77f.png 1440w, /img/containers/assets/integrations/get_response.png/74135d13a1ce83d5f4afeb5a4b947511.png 1536w, /img/containers/assets/integrations/get_response.png/a44c677d987e35d1daf75b8fc9f90e49.png 1680w, " sizes="10vw" type="image/png"> <img width="200" height="118" src="/img/containers/assets/integrations/get_response.png/22f1362f8427cae8a47b0fa45449350f.png" alt="getresponse integration." class="object-contain w-full h-full fill-current" loading="lazy" > </picture>  </div> <div class="integration-offset inline-flex aspect-1 h-16 w-16 md:h-20 md:w-20 p-4 text-white bg-glass rounded-lg transform [&:nth-child(5n-3)]:translate-y-8 [&:nth-child(5n-1)]:translate-y-8 items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/></svg> </div> </div> </div> </div> <div class="absolute top-0 w-full h-full transform -translate-y-1/2 bg-white -z-10"> </div> </div>  <div id="section-text-with-media" class="relative z-20 grid items-center justify-center gap-8 c-media c-media-text md:gap-4 lg:gap-16 fluid-container--wide md:grid-cols-12 lg:grid-cols-2 "> <div class="max-w-sm px-4 mx-auto md:col-span-5 lg:mx-auto lg:col-span-1 lg:px-0">  <article class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x prose-h2:!mt-4 prose-h5:!text-darkneutral content " >  <div class="size-lg"> <h5>Payment Integrations</h5><h3>Accept online payments in your funnels</h3><p>Effortlessly sell your products and services while securely accepting online payments within your funnels. Turn leads into customers.<br><br>involve.me integrates with Stripe, PayPal Business, Square, Mollie and Braintree. You can even easily handle subscriptions in multiple currencies.</p> </div>  </article>  </div> <div class="relative order-first w-full max-w-md xl:max-w-lg lg:px-0 md:col-span-7 lg:col-span-1 md:order-last">  <picture> <source srcset=" /img/containers/assets/home/gruppe-3137.png/7a7d0253718cceac8ca32f97fed683bd.webp 320w, /img/containers/assets/home/gruppe-3137.png/f56c8e41d49cb18edbb41f6777f8934c.webp 480w, /img/containers/assets/home/gruppe-3137.png/1edae6e6ec0ffc30e013e4c0b715c4a5.webp 640w, /img/containers/assets/home/gruppe-3137.png/876e07d30b48ecc92e5f24c21593fd29.webp 768w, /img/containers/assets/home/gruppe-3137.png/47ab70a31763ea1e98670eb44acbc09b.webp 1024w, /img/containers/assets/home/gruppe-3137.png/16ee7f9b9c47d540cc7c54759f6fd796.webp 1280w, /img/containers/assets/home/gruppe-3137.png/3652e3a20ce63bfc48aae32b95b07e9d.webp 1440w, /img/containers/assets/home/gruppe-3137.png/10cb1751bf4b9ee1a636ff361b9fd71d.webp 1536w, /img/containers/assets/home/gruppe-3137.png/d0099ed867709d1e9c74d2aafd7d9786.webp 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/webp"> <source srcset=" /img/containers/assets/home/gruppe-3137.png/40aa8b56a72756b594031afc0d5db315.png 320w, /img/containers/assets/home/gruppe-3137.png/028ae99c5aece4c643c4d9a75918b314.png 480w, /img/containers/assets/home/gruppe-3137.png/61ec9be683e46b8a069038b4e11ea238.png 640w, /img/containers/assets/home/gruppe-3137.png/e37753f660492c775f94994b4a5d9a85.png 768w, /img/containers/assets/home/gruppe-3137.png/9565cd390f941e9e59e4af13e3c7001f.png 1024w, /img/containers/assets/home/gruppe-3137.png/0fba402956d92dacc35a926771823b5c.png 1280w, /img/containers/assets/home/gruppe-3137.png/3ba6765a0bfdb8fc7c329f35a6d844d1.png 1440w, /img/containers/assets/home/gruppe-3137.png/1c810b0a3e53877c476b7514a0f549f2.png 1536w, /img/containers/assets/home/gruppe-3137.png/16732afbcef8d735be0e849346941935.png 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/png"> <img width="875" height="822" src="/img/containers/assets/home/gruppe-3137.png/c2c5988e2e34166378fca11edbbf9b21.png" alt="payment processing methods." class="h-full mx-auto " loading="lazy" > </picture>  </div> </div>   <div id="section-media-with-text" class="relative z-20 grid items-center justify-center gap-8 c-media c-media-text md:gap-4 lg:gap-16 fluid-container--wide md:grid-cols-12 lg:grid-cols-2 "> <div class="relative w-full max-w-md lg:px-0 md:col-span-7 lg:col-span-1 xl:max-w-lg">  <picture> <source srcset=" /img/containers/assets/gruppe-1078.png/ab31abad09be8f88bd8a7c703f80fa0c.webp 320w, /img/containers/assets/gruppe-1078.png/3ab7fbfa9adaa9b08e8688b91bfb9918.webp 480w, /img/containers/assets/gruppe-1078.png/99b7b62aa7278252d4f283a433962d20.webp 640w, /img/containers/assets/gruppe-1078.png/2552c9a9b1cdb5b0f952c18f6ae62c9d.webp 768w, /img/containers/assets/gruppe-1078.png/0e469c9d29fe7970afff3f7d4e409b50.webp 1024w, /img/containers/assets/gruppe-1078.png/4d33a2dc6f633c13209e8a33e9a3401c.webp 1280w, /img/containers/assets/gruppe-1078.png/f09c372d841869b38df081a137f67467.webp 1440w, /img/containers/assets/gruppe-1078.png/afe0e70b195b95cfaed971d4113aaa5b.webp 1536w, /img/containers/assets/gruppe-1078.png/5aa2b7715586415a64d286285afff246.webp 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/webp"> <source srcset=" /img/containers/assets/gruppe-1078.png/4aedc08a9a5d8e40cd679e0216866eca.png 320w, /img/containers/assets/gruppe-1078.png/0b33132a950ab09b85881b4e3032ab3f.png 480w, /img/containers/assets/gruppe-1078.png/38931334a69d96b9dc1e9832e37c638f.png 640w, /img/containers/assets/gruppe-1078.png/4cf28174342874dd84a566a657ef3bc8.png 768w, /img/containers/assets/gruppe-1078.png/0412122a44f15d7589b24708dc02ec88.png 1024w, /img/containers/assets/gruppe-1078.png/041883631f0edea1e02ff9de9c158269.png 1280w, /img/containers/assets/gruppe-1078.png/260f6d2c3786fb6ac8b7376efb496861.png 1440w, /img/containers/assets/gruppe-1078.png/fd755231dc0a7b176ca79b4dd667d1f5.png 1536w, /img/containers/assets/gruppe-1078.png/23077b76dfe79b11befe2fe5ad89b6bd.png 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/png"> <img width="736" height="718" src="/img/containers/assets/gruppe-1078.png/529cb924d34b560dfc23e87ef8d62bee.png" alt="customized paths for users. Hyper personalization." class="h-full mx-auto " loading="lazy" > </picture>  </div> <div class="max-w-sm px-4 mx-auto md:col-span-5 lg:mx-auto lg:col-span-1 lg:px-0">  <article class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x prose-h2:!mt-4 prose-h5:!text-darkneutral content " >  <div class="size-lg"> <h5>Lead Qualification & Data Collection</h5><h3>Conditional funnel paths & outcomes</h3><p>Set up logic jumps that connect specific answers to pages and direct the lead flow accordingly. <br><br>Personalize the journey by using answer piping & hidden fields to address users by their names and prefill lead data. <br><br>Map answers to one or more outcomes, with specific weights attached. Create your own formula for scoring, display outcomes accordingly at the end & qualify your leads. </p> </div>  </article>  </div> </div>   <div id="section-text-with-media" class="relative z-20 grid items-center justify-center gap-8 c-media c-media-text md:gap-4 lg:gap-16 fluid-container--wide md:grid-cols-12 lg:grid-cols-2 "> <div class="max-w-sm px-4 mx-auto md:col-span-5 lg:mx-auto lg:col-span-1 lg:px-0">  <article class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x prose-h2:!mt-4 prose-h5:!text-darkneutral content " >  <div class="size-lg"> <h5>Lead Followups</h5><h3><strong>Send custom emails for each funnel</strong></h3><p>Get a summary of funnel submissions automatically delivered to your inbox. Send personalized emails to leads post form or survey submission, including individual lead data like outcomes, answers, score & more.<br><br>Tag leads as contacts and send emails to specific segments that invite them to participate in your funnels.</p> </div>  </article>  </div> <div class="relative order-first w-full max-w-md xl:max-w-lg lg:px-0 md:col-span-7 lg:col-span-1 md:order-last">  <picture> <source srcset=" /img/containers/assets/home/gruppe-3030-1678287358.png/4c0a75997dd965a8e6838b8a9680e2c4.webp 320w, /img/containers/assets/home/gruppe-3030-1678287358.png/6e22af7524b0888ef62e68a5d4d04df8.webp 480w, /img/containers/assets/home/gruppe-3030-1678287358.png/94bb5599e49b3a7185d25d348b0fecad.webp 640w, /img/containers/assets/home/gruppe-3030-1678287358.png/7ee3fdc0da659ee4e5891f8091a76bb4.webp 768w, /img/containers/assets/home/gruppe-3030-1678287358.png/0421de074cdb39f5147add9c167cfc0b.webp 1024w, /img/containers/assets/home/gruppe-3030-1678287358.png/e429250fadb909cb2f7be4b4528c183d.webp 1280w, /img/containers/assets/home/gruppe-3030-1678287358.png/807a5b113efa81c11b586246bb4bcc53.webp 1440w, /img/containers/assets/home/gruppe-3030-1678287358.png/a73b08045d8480958991b209f10100d3.webp 1536w, /img/containers/assets/home/gruppe-3030-1678287358.png/6e189f2816baeaa951990d9dd7634d8d.webp 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/webp"> <source srcset=" /img/containers/assets/home/gruppe-3030-1678287358.png/011b2233a899e21da8bf55251c886a67.png 320w, /img/containers/assets/home/gruppe-3030-1678287358.png/69b6d6be4c6c7ff66515addf6647aee2.png 480w, /img/containers/assets/home/gruppe-3030-1678287358.png/d61830fdf1a117e2ea2ccf703b8ea093.png 640w, /img/containers/assets/home/gruppe-3030-1678287358.png/63fcdeb503caa89ea0dffb182b8b4250.png 768w, /img/containers/assets/home/gruppe-3030-1678287358.png/8758e8f229c5d1514dbf825a8c9c3fc4.png 1024w, /img/containers/assets/home/gruppe-3030-1678287358.png/8c2b7f6af41341a23c66cfce4a7bfb0c.png 1280w, /img/containers/assets/home/gruppe-3030-1678287358.png/eafa413cb326b46977cd186fc853bb9e.png 1440w, /img/containers/assets/home/gruppe-3030-1678287358.png/b1db7b2edfb53212ef4f9f46c43dceca.png 1536w, /img/containers/assets/home/gruppe-3030-1678287358.png/a8e1b02b08e4f76729b1fda51bd066ee.png 1680w, " sizes="(min-width: 768px) 55vw, 80vw" type="image/png"> <img width="768" height="577" src="/img/containers/assets/home/gruppe-3030-1678287358.png/26d85064c6fe053320a4298982b5e1c2.png" alt="email invitations illustration." class="h-full mx-auto " loading="lazy" > </picture>  </div> </div>   <div id="home" class="relative z-20 lg:flex items-center fluid-container py-8 lg:py-4"> <div class="w-full h-px border-b border-[#dcdbdb] "> </div> </div>   <div id="section-usp-grid" class="relative z-20 grid items-center gap-16 fluid-container lg:grid-cols-6"> <div class="space-y-1 text-center lg:col-span-4 lg:col-start-1 lg:col-end-5 lg:text-left">  <h2 id="headline-popular-funnel-features" class="font-bold font-highlight text-inherit font-sans text-base font-normal text-headlinegrey" > Popular Funnel Features </h2>   <h3 id="headline-pall-the-tools-for-ustunningu-lead-funnelsp" class="font-bold font-highlight text-primary text-xl"> <p>All the tools for <u>stunning</u> lead funnels</p> </h3>  </div> <div class="grid grid-cols-2 gap-12 px-4 lg:px-0 col-span-full md:grid-cols-3 lg:grid-cols-4"> <div class="space-y-2"> <div class="inline-flex items-center justify-center p-3 w-14 h-14 m-0 border rounded-lg text-black"> <i class='fal fa-wand-magic text-lg' aria-hidden='true'></i> </div> <div>  <h3 id="headline-ai-generated-text" class="font-bold font-highlight text-primary "> AI Generated Text </h3>   <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x content " > Let AI create individual text feedback for your users from custom prompts. </p>  </div> </div> <div class="space-y-2"> <div class="inline-flex items-center justify-center p-3 w-14 h-14 m-0 border rounded-lg text-black"> <i class='fal fa-bezier-curve text-lg' aria-hidden='true'></i> </div> <div>  <h3 id="headline-logic-jumps" class="font-bold font-highlight text-primary "> Logic Jumps </h3>   <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x content " > Guide users to different pages & questions depending on what they answer. </p>  </div> </div> <div class="space-y-2"> <div class="inline-flex items-center justify-center p-3 w-14 h-14 m-0 border rounded-lg text-black"> <i class='fal fa-eye-slash text-lg' aria-hidden='true'></i> </div> <div>  <h3 id="headline-hidden-fields" class="font-bold font-highlight text-primary "> Hidden Fields </h3>   <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x content " > Save data from the URL, pipe values to the text and prefill or hide personal data fields. </p>  </div> </div> <div class="space-y-2"> <div class="inline-flex items-center justify-center p-3 w-14 h-14 m-0 border rounded-lg text-black"> <i class='fal fa-comment-alt-plus text-lg' aria-hidden='true'></i> </div> <div>  <h3 id="headline-answer-piping" class="font-bold font-highlight text-primary "> Answer Piping </h3>   <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x content " > Personalize follow-up questions using previous participant answers & data. </p>  </div> </div> <div class="space-y-2"> <div class="inline-flex items-center justify-center p-3 w-14 h-14 m-0 border rounded-lg text-black"> <i class='fal fa-trophy-alt text-lg' aria-hidden='true'></i> </div> <div>  <h3 id="headline-individual-scoring" class="font-bold font-highlight text-primary "> Individual Scoring </h3>   <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x content " > Assign positive or negative values to each answer and use them in formulas. </p>  </div> </div> <div class="space-y-2"> <div class="inline-flex items-center justify-center p-3 w-14 h-14 m-0 border rounded-lg text-black"> <i class='fal fa-calculator-alt text-lg' aria-hidden='true'></i> </div> <div>  <h3 id="headline-custom-calculations" class="font-bold font-highlight text-primary "> Custom Calculations </h3>   <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x content " > Easily create formulas with Excel-type functions & conditional logic. </p>  </div> </div> <div class="space-y-2"> <div class="inline-flex items-center justify-center p-3 w-14 h-14 m-0 border rounded-lg text-black"> <i class='fal fa-code-branch text-lg' aria-hidden='true'></i> </div> <div>  <h3 id="headline-outcome-logic" class="font-bold font-highlight text-primary "> Outcome Logic </h3>   <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x content " > Set different end pages and define your custom logic for displaying them. </p>  </div> </div> <div class="space-y-2"> <div class="inline-flex items-center justify-center p-3 w-14 h-14 m-0 border rounded-lg text-black"> <i class='fal fa-window-restore text-lg' aria-hidden='true'></i> </div> <div>  <h3 id="headline-pop-ups-embeds" class="font-bold font-highlight text-primary "> Pop-ups & Embeds </h3>   <p class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x content " > Publish funnels on your website as embeds or pop-ups with triggers. </p>  </div> </div> </div> <div class="flex justify-center mt-8 col-span-full">  <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 inline-flex items-center rounded leading-none !no-underline select-none whitespace-nowrap motion-safe:transition bg-blue !text-white focus-visible:ring-primary py-2.5 px-6 " href="https://app.involve.me/register" id="button_tracking-id_register_popular-features" > Get started for free <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </div> </div>  </div>  <picture> <img class="absolute inset-0 bottom-0 z-0 w-full h-full" src="https://cms.involve.me/backgrounds/grey-red-bottom-left.svg" alt="grey background." width="1920" height="1080" /> </picture>  </section> <section class=" relative"> <div class=" text-black w-full pt-20 lg:pt-24 pb-20 lg:pb-24 overflow-hidden mx-auto grid gap-16 lg:gap-16 home relative z-30 ">  <div id="section-testimonial-slider relative z-20"> <div class="relative z-20 pb-6 mb-12 space-y-2 text-center">  <h2 id="headline-client-voices" class="font-bold font-highlight text-inherit font-sans text-base font-normal text-center text-headlinegrey whitespace-nowrap" > Client Voices </h2>   <h3 id="headline-pwhat-our-uclientsu-say-about-our-lead-funnel-builderp" class="font-bold font-highlight text-primary max-w-2xl mx-auto text-xl"> <p>What our <u>clients</u> say about our lead funnel builder</p> </h3>  </div> <div class="relative max-w-2xl mx-auto -mb-6 md:max-w-4xl lg:fluid-container m-testimonial-slider" data-uuid="7fc750ee-692a-42fe-aef5-9d5fd1c9b6bf"> <div class="max-w-[15rem] sm:max-w-xs md:max-w-xl lg:max-w-2xl xl:max-w-4xl m-testimonial-slider-wrapper swiper gradient-fade"> <div class="flex items-stretch py-6 mx-auto mb-2 swiper-wrapper"> <div class="swiper-slide">  <div title="Walls.io" class="flex flex-col self-stretch w-full h-full max-w-xs py-6 mx-auto space-y-6 text-black bg-white lg:max-w-lg group drop-shadow-xl rounded-xl cursor-grab"> <div class="flex flex-col items-center justify-center px-8 my-auto font-bold text-center text-md grow "> "Easy to use, yet customizable enough for professional users." </div> <div class="flex justify-center px-8"> <div class="w-32 h-16">  <picture> <source srcset=" /img/containers/assets/clients/walls.png/38d11bfce669b99a6dd338e06f13c6e5.webp 320w, /img/containers/assets/clients/walls.png/6e4069d6a033c3cb75c55fa0b016f6f6.webp 480w, /img/containers/assets/clients/walls.png/4436b135e15d056f203cd54666bc61c0.webp 640w, /img/containers/assets/clients/walls.png/7d070f670567b55e89a1322daba94356.webp 768w, /img/containers/assets/clients/walls.png/2bf67af2d2326196b298d8b5d1c9738a.webp 1024w, /img/containers/assets/clients/walls.png/4f9d5120103efcfcfb69ebb8b6b4d920.webp 1280w, /img/containers/assets/clients/walls.png/60c5827ec7d86ee35001638cd826864e.webp 1440w, /img/containers/assets/clients/walls.png/464ea6fafb98ea63413d7ec6f7e0c81e.webp 1536w, /img/containers/assets/clients/walls.png/55642cd5989b4dc73a1550ec3aab033a.webp 1680w, " sizes="(min-width: 768px) 10vw, 80vw" type="image/webp"> <source srcset=" /img/containers/assets/clients/walls.png/4c45586c4b0bde2b56aeb48a8a378da7.png 320w, /img/containers/assets/clients/walls.png/08c5b35938da79c8e4df0ac9cee628c4.png 480w, /img/containers/assets/clients/walls.png/53938163e11a8a4d4f9869da5c305350.png 640w, /img/containers/assets/clients/walls.png/64131f7f4f1adcf3c8072296484fc2ad.png 768w, /img/containers/assets/clients/walls.png/9ffc4d6b8f3d9b663818a1f0a2f3f893.png 1024w, /img/containers/assets/clients/walls.png/4ce8b68b6e7fa8a969a243a244fa9304.png 1280w, /img/containers/assets/clients/walls.png/2362dc46d1b1eaf657a761255967fd3f.png 1440w, /img/containers/assets/clients/walls.png/8d4254f3782da43dce7504604faac0e3.png 1536w, /img/containers/assets/clients/walls.png/32af6628a2286a81cc97489535cb7693.png 1680w, " sizes="(min-width: 768px) 10vw, 80vw" type="image/png"> <img width="200" height="200" src="/img/containers/assets/clients/walls.png/ef5b3ab385ba19652256267dedd537db.png" alt="walls icon." class="object-contain w-full h-full" loading="lazy" > </picture>  </div> </div> </div>  </div> <div class="swiper-slide">  <div title="Universal" class="flex flex-col self-stretch w-full h-full max-w-xs py-6 mx-auto space-y-6 text-black bg-white lg:max-w-lg group drop-shadow-xl rounded-xl cursor-grab"> <div class="flex flex-col items-center justify-center px-8 my-auto font-bold text-center text-md grow "> "Powerful and intuitive tool for boosting conversion and engagement." </div> <div class="flex justify-center px-8"> <div class="w-32 h-16">  <picture> <img class="object-contain w-full h-full" src="https://cms.involve.me/logo_universal.svg" alt="." width="400" height="300" aria-hidden="true" /> </picture>  </div> </div> </div>  </div> <div class="swiper-slide">  <div title="Placement International" class="flex flex-col self-stretch w-full h-full max-w-xs py-6 mx-auto space-y-6 text-black bg-white lg:max-w-lg group drop-shadow-xl rounded-xl cursor-grab"> <div class="flex flex-col items-center justify-center px-8 my-auto font-bold text-center text-md grow "> "With involve.me we’re able to process leads 4 times faster." </div> <div class="flex justify-center px-8"> <div class="w-32 h-16">  <picture> <source srcset=" /img/containers/assets/clients/placement.png/603240bd0f6967b6631829dfa3786af1.webp 320w, /img/containers/assets/clients/placement.png/15e175fce338acd3319ab512c5d3204c.webp 480w, /img/containers/assets/clients/placement.png/14ea8a984cd29331ab20f1e71c504759.webp 640w, /img/containers/assets/clients/placement.png/76088655197e0e3665b42c7cc69e9d03.webp 768w, /img/containers/assets/clients/placement.png/f9eefe10122e8476c6fad6c1f3148e7b.webp 1024w, /img/containers/assets/clients/placement.png/d4cfba834720850a00324ef70f0fdba4.webp 1280w, /img/containers/assets/clients/placement.png/d82e5f82ae47b14b7b27537744d8acdf.webp 1440w, /img/containers/assets/clients/placement.png/49ed486332b4ef8a524591423f189770.webp 1536w, /img/containers/assets/clients/placement.png/1055494b215dda4d80fc7cc3c6246a79.webp 1680w, " sizes="(min-width: 768px) 10vw, 80vw" type="image/webp"> <source srcset=" /img/containers/assets/clients/placement.png/961e3d860d3c27135dc6c025f319153e.png 320w, /img/containers/assets/clients/placement.png/dfeb1f62a2d4327360b707894bceceaa.png 480w, /img/containers/assets/clients/placement.png/2382ad2e34000f61b063fce4e5969fbd.png 640w, /img/containers/assets/clients/placement.png/18e7ac730d00fc219d7b0ac8d8f946c7.png 768w, /img/containers/assets/clients/placement.png/10e442dc37e45b5372b25ccee347fc56.png 1024w, /img/containers/assets/clients/placement.png/9008be2a33301e5c52f9cfe1e022b907.png 1280w, /img/containers/assets/clients/placement.png/7ba5e5d3c244057040d1c82db8fa8d2c.png 1440w, /img/containers/assets/clients/placement.png/f2117026540f0f6efc92cd34e4199f2f.png 1536w, /img/containers/assets/clients/placement.png/32dc3d99669be0ec4376d9a6de90f439.png 1680w, " sizes="(min-width: 768px) 10vw, 80vw" type="image/png"> <img width="1080" height="500" src="/img/containers/assets/clients/placement.png/468970e4e0351f458c98cbcb46efc97b.png" alt="placement international." class="object-contain w-full h-full" loading="lazy" > </picture>  </div> </div> </div>  </div> <div class="swiper-slide">  <div title="Bloomberg" class="flex flex-col self-stretch w-full h-full max-w-xs py-6 mx-auto space-y-6 text-black bg-white lg:max-w-lg group drop-shadow-xl rounded-xl cursor-grab"> <div class="flex flex-col items-center justify-center px-8 my-auto font-bold text-center text-md grow "> "Superb tool to analyze & understand customer behaviour." </div> <div class="flex justify-center px-8"> <div class="w-32 h-16">  <picture> <img class="object-contain w-full h-full" src="https://cms.involve.me/logo_bloomberg.svg" alt="involve.me." width="400" height="300" /> </picture>  </div> </div> </div>  </div> </div> </div> <div class="transition transform swiper-button-prev hover:-translate-x-1 !text-black border-lightgray" id="m-slider-nav-prev-7fc750ee-692a-42fe-aef5-9d5fd1c9b6bf" data-uuid="7fc750ee-692a-42fe-aef5-9d5fd1c9b6bf" data-background="white"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18"/></svg> </div> <div class="swiper-button-next transition transform hover:translate-x-1 !text-black border-lightgray" id="m-slider-nav-next-7fc750ee-692a-42fe-aef5-9d5fd1c9b6bf" data-uuid="7fc750ee-692a-42fe-aef5-9d5fd1c9b6bf"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 fill-current"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/></svg> </div> </div> </div>  <div id="home" class="relative z-20 lg:flex items-center fluid-container py-8 lg:py-4"> <div class="w-full h-px border-b border-[#dcdbdb] "> </div> </div>   <div class="relative z-20 flex flex-col items-center space-y-8 fluid-container">  <h2 id="headline-rated-highly-on-software-review-sites" class="font-bold font-highlight text-inherit px-4 text-lg text-center" > Rated highly on software review sites </h2>  <div class="flex flex-wrap items-center justify-center gap-2 lg:gap-6 flex-row"> <a href="https://www.capterra.com/p/241622/brandquiz/reviews/" target="_blank" class="lg:self-center h-16 lg:mx-auto lg:h-24">  <picture> <source srcset=" /img/containers/assets/capterra2.png/2ec00e8ab49b4a7d69c67278033cedd5.webp 320w, /img/containers/assets/capterra2.png/9fb432d3189db045ce910be2a56c9195.webp 480w, /img/containers/assets/capterra2.png/0eca082c09a2db62e9531be4223512a0.webp 640w, /img/containers/assets/capterra2.png/7960e680588637422b278db22f200075.webp 768w, /img/containers/assets/capterra2.png/9494a5213b31c26d2641b1c6439a8241.webp 1024w, /img/containers/assets/capterra2.png/d32fa8799afe72863c997f4a5bceb203.webp 1280w, /img/containers/assets/capterra2.png/ca5bf25f5362a995cedffcc2334aebf7.webp 1440w, /img/containers/assets/capterra2.png/fa96d6bcc6abc05b092852cae0994008.webp 1536w, /img/containers/assets/capterra2.png/660f6f7feb1e310219b1442590d2a370.webp 1680w, " sizes="(min-width: 768px) 20vw, 50vw" type="image/webp"> <source srcset=" /img/containers/assets/capterra2.png/a0eddce357a250c72456b3584fd9c8b2.png 320w, /img/containers/assets/capterra2.png/12511a1f9cac2704eca6cd05037275a8.png 480w, /img/containers/assets/capterra2.png/7c37aa248bf0108b544b2b954828d078.png 640w, /img/containers/assets/capterra2.png/8fa62c25df774e55cacab7b1ba141d41.png 768w, /img/containers/assets/capterra2.png/7a00df86c9ad53f7426509aa5d4ece6d.png 1024w, /img/containers/assets/capterra2.png/203bf4ae1a10fd9d5f9c620d23522b28.png 1280w, /img/containers/assets/capterra2.png/dac6fc7313d4f1655855c2daa1c72e77.png 1440w, /img/containers/assets/capterra2.png/941d5f07476579fab7c02c7978e053eb.png 1536w, /img/containers/assets/capterra2.png/b95cf416851713ba15475dd461264b9a.png 1680w, " sizes="(min-width: 768px) 20vw, 50vw" type="image/png"> <img width="928" height="389" src="/img/containers/assets/capterra2.png/2290ab036157268ed5dbc48aa92d5fa0.png" alt="capterra badge." class="object-contain w-full h-full" loading="lazy" > </picture>  </a> <a href="https://www.g2.com/products/involve-me/reviews" target="_blank" class="lg:self-center h-16 lg:mx-auto lg:h-24">  <picture> <img class="object-contain w-full h-full" src="https://cms.involve.me/badges/g2-badge-2024.svg" alt="." width="94" height="122" aria-hidden="true" /> </picture>  </a> <a href="https://crozdesk.com/software/involve-me" target="_blank" class="lg:self-center h-16 lg:mx-auto lg:h-24">  <picture> <source srcset=" /img/containers/assets/crozdesk.png/14b09b517e437ebc8a2cdeccd3b85b52.webp 320w, /img/containers/assets/crozdesk.png/ee8287bfcc522cccf8966c9085dc480f.webp 480w, /img/containers/assets/crozdesk.png/b2b2045ceca54d7dffbf28eb71b89215.webp 640w, /img/containers/assets/crozdesk.png/7a58f6b1e8799e16012855fcc8963b27.webp 768w, /img/containers/assets/crozdesk.png/8d9ff663a6508160d131a172f1cb1c3a.webp 1024w, /img/containers/assets/crozdesk.png/331bc03415db8ddaa43294b2fa223265.webp 1280w, /img/containers/assets/crozdesk.png/8e93fe3fcee00951b395150896cbd6e8.webp 1440w, /img/containers/assets/crozdesk.png/82eaf7e7b3a8f446502ee46717cbe662.webp 1536w, /img/containers/assets/crozdesk.png/7b8b66be0c320f619a30b723a29703e0.webp 1680w, " sizes="(min-width: 768px) 20vw, 50vw" type="image/webp"> <source srcset=" /img/containers/assets/crozdesk.png/c83cf923e6851f7078ccf9e47d64782d.png 320w, /img/containers/assets/crozdesk.png/41eeeb5791f9629ddd684de4d50a38d3.png 480w, /img/containers/assets/crozdesk.png/4abdc5854e732795d418c98050dd5665.png 640w, /img/containers/assets/crozdesk.png/6d64503161feebf620b8fc24d368c1c7.png 768w, /img/containers/assets/crozdesk.png/cef720f4d919be27392c4a6cf2730a5f.png 1024w, /img/containers/assets/crozdesk.png/8cdd84ea4b97681de3fa1f7f4ad82e43.png 1280w, /img/containers/assets/crozdesk.png/66265115505146d9f531fb2cd860db81.png 1440w, /img/containers/assets/crozdesk.png/d4e86adcb4f56810db2ea55eb7064e71.png 1536w, /img/containers/assets/crozdesk.png/ae2764c023b10a774f7269fc52e26f61.png 1680w, " sizes="(min-width: 768px) 20vw, 50vw" type="image/png"> <img width="939" height="538" src="/img/containers/assets/crozdesk.png/2f8b604459f9fac190e32ae772c37d9f.png" alt="crozdesk." class="object-contain w-full h-full" loading="lazy" > </picture>  </a> <a href="https://www.tooltester.com/en/blog/online-quiz-maker/" target="_blank" class="lg:self-center h-16 lg:mx-auto lg:h-24">  <picture> <img class="object-contain w-full h-full" src="https://cms.involve.me/badges/tooltester.svg" alt="." width="138" height="146" aria-hidden="true" /> </picture>  </a> <a href="https://www.digital-expert.online" target="_blank" class="lg:self-center h-16 lg:mx-auto lg:h-24">  <picture> <img class="object-contain w-full h-full" src="https://cms.involve.me/badges/badge-2.svg" alt="digital-expert-badge." width="1001" height="590" /> </picture>  </a> </div> </div>  </div>  <picture> <img class="absolute inset-0 bottom-0 z-0 w-full h-full" src="https://cms.involve.me/backgrounds/green-red-centered.svg" alt="Gradient Green Red Center." width="1920" height="1080" /> </picture>  </section> <section class=" relative"> <div class=" text-black w-full pt-20 lg:pt-24 pb-20 lg:pb-24 overflow-hidden mx-auto grid gap-16 lg:gap-16 home relative z-30 ">  <div class="relative z-30 max-w-3xl fluid-container"> <div class="lg:col-span-1 lg:col-start-1 lg:col-end-1 min-h-[20rem]">  <h2 id="headline-faq" class="font-bold font-highlight text-inherit text-xl" > FAQ </h2>   <article class=" prose prose-a:underline prose-a:text-black prose-a:underline-offset-2 hover:prose-a:text-primary focus:prose-a:outline-none focus-visible:prose-a:ring focus-visible:prose-a:ring-primary focus-visible:prose-a:rounded-sm prose-blockquote:border-primary prose-figure:my-0 prose-headings:text-primary prose-hr:border-black prose-lead:text-black prose-li:marker:text-black prose-pre:whitespace-pre-wrap prose-p:text-black prose-p:leading-relaxed prose-p:text-base prose-strong:text-black prose-heading:font-highlight prose-h2:text-xl prose-h2:mb-6 prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-3 prose-h2:leading-[1.1] prose-h5:text-base prose-h5:text-black max-w-none prose-blockquote:bg-white prose-blockquote:rounded-lg prose-blockquote:px-10 prose-blockquote:py-4 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:border-none prose-quoteless prose-blockquote:text-lg space-y-12 prose-th:bg-lightneutral prose-thead:!text-xl prose-table:border-collapse prose-th:px-4 prose-td:px-4 odd:prose-tr:bg-lightneutral prose-tr:divide-x my-8 content " > </article>  <dl x-data="{ active: 1 }" class="w-full max-w-3xl mx-auto divide-y"> <div id="1" x-data="{ id: $el.id, get expanded() { return this.active === this.id }, set expanded(value) { this.active = value ? this.id : null }, }" role="region" class="py-6"> <dt class=""> <button x-on:click="expanded = !expanded" :aria-expanded="expanded" class="flex items-center justify-between w-full text-base lg:text-lg font-bold"> <span class="text-left">What is a lead funnel builder?</span> <span x-show="expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="1.5" class="w-6 h-6" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"/></svg></span> <span x-show="!expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/></svg></span> </button> </dt> <dd x-show="expanded" x-collapse> <div class="pt-4 prose prose-a:text-link"> <p>A lead funnel builder is a no-code tool that lets you easily design embeddable interactive widgets with form, survey, quiz and calculator elements through a simple drag-and-drop interface. You can either choose from a variety of funnel templates in involve.me's <a href="https://www.involve.me/templates">library</a> or start from scratch, having endless possibilities.</p> </div> </dd> </div> <div id="2" x-data="{ id: $el.id, get expanded() { return this.active === this.id }, set expanded(value) { this.active = value ? this.id : null }, }" role="region" class="py-6"> <dt class=""> <button x-on:click="expanded = !expanded" :aria-expanded="expanded" class="flex items-center justify-between w-full text-base lg:text-lg font-bold"> <span class="text-left">Is involve.me a free funnel builder?</span> <span x-show="expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="1.5" class="w-6 h-6" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"/></svg></span> <span x-show="!expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/></svg></span> </button> </dt> <dd x-show="expanded" x-collapse> <div class="pt-4 prose prose-a:text-link"> <p>Yes! Create basic lead funnels with involve.me for free. Check our <a href="https://www.involve.me/pricing">pricing plans</a> to see which powerful features you need for creating advanced funnels.</p> </div> </dd> </div> <div id="3" x-data="{ id: $el.id, get expanded() { return this.active === this.id }, set expanded(value) { this.active = value ? this.id : null }, }" role="region" class="py-6"> <dt class=""> <button x-on:click="expanded = !expanded" :aria-expanded="expanded" class="flex items-center justify-between w-full text-base lg:text-lg font-bold"> <span class="text-left">How to create a lead funnel?</span> <span x-show="expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="1.5" class="w-6 h-6" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"/></svg></span> <span x-show="!expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/></svg></span> </button> </dt> <dd x-show="expanded" x-collapse> <div class="pt-4 prose prose-a:text-link"> <p>Sign up for a free involve.me account. Customize existing templates or kickstart a project from scratch. Use the intuitive drag-and-drop feature to arrange content elements seamlessly on the canvas, choose funnel design and establish automated email funnel responses. </p><p>Explore involve.me's feature-rich dashboard. It offers everything from e-signature capabilities to an AI response generator. Check it out today!</p> </div> </dd> </div> <div id="4" x-data="{ id: $el.id, get expanded() { return this.active === this.id }, set expanded(value) { this.active = value ? this.id : null }, }" role="region" class="py-6"> <dt class=""> <button x-on:click="expanded = !expanded" :aria-expanded="expanded" class="flex items-center justify-between w-full text-base lg:text-lg font-bold"> <span class="text-left">What types of funnels can I create with involve.me?</span> <span x-show="expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="1.5" class="w-6 h-6" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"/></svg></span> <span x-show="!expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/></svg></span> </button> </dt> <dd x-show="expanded" x-collapse> <div class="pt-4 prose prose-a:text-link"> <p>Explore a variety of funnels in our <a href="https://www.involve.me/templates">template library</a>, including product finders, price quote calculators, customer onboarding funnels and more. Whatever your goal or industry, discover the perfect template tailored to your needs here.</p> </div> </dd> </div> <div id="5" x-data="{ id: $el.id, get expanded() { return this.active === this.id }, set expanded(value) { this.active = value ? this.id : null }, }" role="region" class="py-6"> <dt class=""> <button x-on:click="expanded = !expanded" :aria-expanded="expanded" class="flex items-center justify-between w-full text-base lg:text-lg font-bold"> <span class="text-left">Is it possible to accept payments with forms created with involve.me?</span> <span x-show="expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="1.5" class="w-6 h-6" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"/></svg></span> <span x-show="!expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/></svg></span> </button> </dt> <dd x-show="expanded" x-collapse> <div class="pt-4 prose prose-a:text-link"> <p>Yes! Integrate your <a href="https://help.involve.me/en/articles/3208720-collect-payments-from-your-users">payment processor</a> to effortlessly accept payments for your services or products through interactive forms created with involve.me.</p> </div> </dd> </div> <div id="6" x-data="{ id: $el.id, get expanded() { return this.active === this.id }, set expanded(value) { this.active = value ? this.id : null }, }" role="region" class="py-6"> <dt class=""> <button x-on:click="expanded = !expanded" :aria-expanded="expanded" class="flex items-center justify-between w-full text-base lg:text-lg font-bold"> <span class="text-left">Is involve.me compliant with GDPR?</span> <span x-show="expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="1.5" class="w-6 h-6" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"/></svg></span> <span x-show="!expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/></svg></span> </button> </dt> <dd x-show="expanded" x-collapse> <div class="pt-4 prose prose-a:text-link"> <p>Yes! involve.me is fully GDPR compliant. </p><p>Read about involve'.me's GDPR-ready forms <a rel="noopener" target="_blank" href="https://help.involve.me/en/articles/1826103-is-involve-me-compliant-with-gdpr">here</a>.</p> </div> </dd> </div> <div id="7" x-data="{ id: $el.id, get expanded() { return this.active === this.id }, set expanded(value) { this.active = value ? this.id : null }, }" role="region" class="py-6"> <dt class=""> <button x-on:click="expanded = !expanded" :aria-expanded="expanded" class="flex items-center justify-between w-full text-base lg:text-lg font-bold"> <span class="text-left">What other projects can I create with involve.me?</span> <span x-show="expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="1.5" class="w-6 h-6" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"/></svg></span> <span x-show="!expanded" aria-hidden="true" class="ml-4"><svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/></svg></span> </button> </dt> <dd x-show="expanded" x-collapse> <div class="pt-4 prose prose-a:text-link"> <p>Use our no-code funnel builder to effortlessly build quizzes, surveys, custom calculators, product finders, and comprehensive <a href="https://www.involve.me/blog/lead-generation-funnel-where-to-start-yours-use-these-templates">marketing funnels</a>. These digital tools empower you to generate, qualify, and nurture leads, ultimately converting them into customers.</p> </div> </dd> </div> </dl> </div> <div class="mx-auto mt-12 space-y-6 text-center">  <h4 id="headline-" class="font-bold text-primary text-lg"></h3>   <h5 id="headline-" class="font-bold text-primary font-sans font-normal text-darkgray"></h5">  <div class="mt-6">   </div> </div> </div>  </div>   </section> </div> </main>   <footer class="relative z-40 w-full mx-auto shadow-2xl max-w-1660" x-cloak> <div class="absolute w-full inset--0 -top-44"> <div class="relative z-50 fluid-container--full"> <div class="relative z-40 flex flex-col items-center justify-center py-20 overflow-hidden text-center border border-white bg-opacity-10 bg-darkgray backdrop-blur-3xl rounded-xl "> <div class="relative z-50"> <div class="mb-2 text-darkneutral"> Try involve.me now </div> <div class="mb-10 text-2xl font-bold font-highlight"> Start involving your audience today. </div>  <a class="c-button group font-normal decoration-2 focus:outline-none text-base focus-visible:ring hover:shadow-md relative overflow-hidden cursor-pointer focus-visible:ring-offset-2 transition transform hover:-translate-y-0.5 inline-flex items-center rounded leading-none !no-underline select-none whitespace-nowrap motion-safe:transition bg-blue !text-white focus-visible:ring-primary py-2.5 px-6 " href="https://app.involve.me/register" title="Get Started Free" aria-label="Get Started Free" id="button_tracking-id_register_footer-cta" > Get started for free <span class="absolute right-0 w-8 h-32 -mt-12 transition-all duration-1000 transform translate-x-12 bg-white opacity-10 rotate-12 group-hover:-translate-x-40 ease"></span> </a>  </div> <svg class="absolute right-0 z-40 -top-1/2 w-96 h-96" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 778.118 778.878"><g data-name="Gruppe 282"><g fill="none" stroke="#1e1c21" data-name="Gruppe 281" opacity=".094"><path d="M290.892.5c160.379 0 290.392 130.013 290.392 290.392S451.271 581.284 290.892 581.284.5 451.271.5 290.892 130.513.5 290.892.5" data-name="Pfad 1"/><path d="M291.197 291.957h486.421v486.421H291.197z" data-name="Rechteck 110"/><path d="M581.299 292.051c-.643 159.809-130.29 289.064-290.1 289.223V292.051Z" data-name="Pfad 2"/></g></g></svg> <svg class="absolute z-40 hidden lg:block -left-10 -bottom-15 w-96 h-96" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 778.118 778.878"><g data-name="Gruppe 282"><g fill="none" stroke="#1e1c21" data-name="Gruppe 281" opacity=".094"><path d="M290.892.5c160.379 0 290.392 130.013 290.392 290.392S451.271 581.284 290.892 581.284.5 451.271.5 290.892 130.513.5 290.892.5" data-name="Pfad 1"/><path d="M291.197 291.957h486.421v486.421H291.197z" data-name="Rechteck 110"/><path d="M581.299 292.051c-.643 159.809-130.29 289.064-290.1 289.223V292.051Z" data-name="Pfad 2"/></g></g></svg> </div> </div> <div class="absolute bottom-0 w-full h-24 bg-bluegray"></div> </div> <div class="pt-56 pb-10 text-white bg-bluegray px-[5%]"> <div class="grid grid-cols-1 gap-8 lg:grid-cols-12"> <div class="order-last col-span-1 space-y-6 lg:order-first lg:col-span-4 "> <div class="w-36"> <a class="w-full motion-safe:transition-transform focus:outline-none focus-visible:ring-2 ring-primary" aria-label="Logo involve.me [CDN]" href="/" > <svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 444.44 79.88"><path fill="#29dec7" fill-rule="evenodd" d="M29.82 0A29.82 29.82 0 1 1 0 29.82 29.82 29.82 0 0 1 29.82 0"/><path fill="#f66" d="M29.85 29.93H79.8v49.95H29.85z"/><path fill="#244554" fill-rule="evenodd" d="M59.64 29.94a29.82 29.82 0 0 1-29.79 29.7v-29.7Z"/><path fill="#FFFFFF" d="M418.9 44.23a7.48 7.48 0 0 1 1.32-3.29 7.73 7.73 0 0 1 2.64-2.32 7.4 7.4 0 0 1 3.51-.87 6.88 6.88 0 0 1 3.35.89 7.18 7.18 0 0 1 2.45 2.3 7 7 0 0 1 1.13 3.24Zm-78.08 22a1.9 1.9 0 0 0 1.81 1.81h7.72a1.9 1.9 0 0 0 1.81-1.81v-21a11.33 11.33 0 0 1 1-2 9.46 9.46 0 0 1 1.59-1.94 7.74 7.74 0 0 1 2.3-1.46 8.56 8.56 0 0 1 3.13-.57 7.24 7.24 0 0 1 4 1 5.84 5.84 0 0 1 2.32 2.79 11.06 11.06 0 0 1 .75 4.3v18.88a1.82 1.82 0 0 0 .51 1.26 1.78 1.78 0 0 0 1.3.56h7.16a1.82 1.82 0 0 0 1.27-.56 1.79 1.79 0 0 0 .54-1.26V43.32a5.77 5.77 0 0 1 .48-.62 8.83 8.83 0 0 1 1.46-1.38 9.38 9.38 0 0 1 2.36-1.38 10 10 0 0 1 3.57-.62 7.33 7.33 0 0 1 4 1 6 6 0 0 1 2.32 2.75 10.47 10.47 0 0 1 .79 4.3v18.86a1.89 1.89 0 0 0 .51 1.26 1.81 1.81 0 0 0 1.3.56h7.72a1.78 1.78 0 0 0 1.3-.56 1.82 1.82 0 0 0 .51-1.26V48.04a27.18 27.18 0 0 0-.89-7.19 17.62 17.62 0 0 0-2.87-6.08 13.62 13.62 0 0 0-5.16-4.21 17.77 17.77 0 0 0-7.72-1.62 16.74 16.74 0 0 0-4.76.68 19.57 19.57 0 0 0-3.92 1.62 21.15 21.15 0 0 0-2.92 2 17.72 17.72 0 0 0-1.83 1.65 16.17 16.17 0 0 0-5.33-4.38 15.39 15.39 0 0 0-7.06-1.57 17.27 17.27 0 0 0-11 4 15.47 15.47 0 0 0-1.73 1.64l-1.38-3.64a1.49 1.49 0 0 0-.56-.75 1.87 1.87 0 0 0-1.06-.3h-3.52a1.81 1.81 0 0 0-1.81 1.81Zm-43.33-22a7.46 7.46 0 0 1 1.29-3.29 7.71 7.71 0 0 1 2.64-2.32 7.39 7.39 0 0 1 3.51-.87 6.88 6.88 0 0 1 3.35.89 7.17 7.17 0 0 1 2.48 2.3 7 7 0 0 1 1.13 3.24Zm-11.71 4.71a21.18 21.18 0 0 0 1.44 7.8 19.83 19.83 0 0 0 4 6.37 18.85 18.85 0 0 0 6.18 4.3 19.85 19.85 0 0 0 7.88 1.59 23.34 23.34 0 0 0 5.73-.7 20.05 20.05 0 0 0 4.77-1.87 17.68 17.68 0 0 0 3.7-2.67 1.55 1.55 0 0 0 .65-1.27 1.76 1.76 0 0 0-.55-1.21l-3.91-4.48a1.36 1.36 0 0 0-1.13-.51 3.16 3.16 0 0 0-1.35.51 13.38 13.38 0 0 1-7.43 2.38 9.23 9.23 0 0 1-3.72-.75 8.69 8.69 0 0 1-2.82-1.93 8.86 8.86 0 0 1-1.83-2.67 8.76 8.76 0 0 1-.78-2.94H321a1.87 1.87 0 0 0 1.22-.45 1.74 1.74 0 0 0 .62-1.16c0-.37.1-.79.13-1.29s.06-.94.06-1.29a18.52 18.52 0 0 0-1.4-7.11 17.22 17.22 0 0 0-3.82-5.65 17.56 17.56 0 0 0-5.67-3.69 18.53 18.53 0 0 0-6.92-1.31 19 19 0 0 0-7.81 1.62 18.63 18.63 0 0 0-6.19 4.38 20 20 0 0 0-4 6.37 20.88 20.88 0 0 0-1.44 7.63Zm-20 19.06a1.94 1.94 0 0 0 .6.65 1.74 1.74 0 0 0 1 .3h.48a1.84 1.84 0 0 0 1-.3 2.06 2.06 0 0 0 .59-.65l17.44-35.83a1.65 1.65 0 0 0 .13-1.6 1.56 1.56 0 0 0-1.46-.68h-7.43a3.91 3.91 0 0 0-1.35.16 1.68 1.68 0 0 0-.94.89l-8.2 17.72h-.19l-7.7-17.72a2 2 0 0 0-.6-.75 1.89 1.89 0 0 0-1.11-.3h-8.29a1.46 1.46 0 0 0-1.41.68 1.75 1.75 0 0 0 .08 1.6Zm-32.15-1.81a1.75 1.75 0 0 0 .55 1.26 1.8 1.8 0 0 0 1.26.56h8a1.78 1.78 0 0 0 1.25-.56 1.73 1.73 0 0 0 .56-1.26V11.73a1.77 1.77 0 0 0-.56-1.27 1.72 1.72 0 0 0-1.25-.54h-8a1.74 1.74 0 0 0-1.26.54 1.78 1.78 0 0 0-.55 1.27Zm-32.06-17.25a10.22 10.22 0 0 1 1.22-4.88 9.32 9.32 0 0 1 3.27-3.45 8.91 8.91 0 0 1 9.27 0 9.46 9.46 0 0 1 3.27 3.45 9.88 9.88 0 0 1 1.27 4.88 10.15 10.15 0 0 1-1.25 5 9.59 9.59 0 0 1-3.27 3.53 8.73 8.73 0 0 1-9.27 0 9.44 9.44 0 0 1-3.27-3.53 10.5 10.5 0 0 1-1.24-5Zm-10.35 0a20.11 20.11 0 0 0 1.54 7.76 20.38 20.38 0 0 0 4.19 6.4 19.74 19.74 0 0 0 6.21 4.33 18.75 18.75 0 0 0 15.18 0 19.73 19.73 0 0 0 6.21-4.33 20.31 20.31 0 0 0 4.19-6.4 20.09 20.09 0 0 0 1.48-7.76 20.1 20.1 0 0 0-5.73-14 19.43 19.43 0 0 0-6.21-4.32 18.78 18.78 0 0 0-15.18 0 19.44 19.44 0 0 0-6.18 4.32 19.91 19.91 0 0 0-4.19 6.34 19.68 19.68 0 0 0-1.51 7.66Zm-20 19.11a1.94 1.94 0 0 0 .6.65 1.75 1.75 0 0 0 1 .3h.48a1.84 1.84 0 0 0 1-.3 2.08 2.08 0 0 0 .59-.65l17.44-35.83a1.64 1.64 0 0 0 .13-1.6 1.56 1.56 0 0 0-1.46-.68h-7.43a3.89 3.89 0 0 0-1.35.16 1.68 1.68 0 0 0-.94.89l-8.2 17.72h-.19l-7.67-17.77a2 2 0 0 0-.6-.75 1.89 1.89 0 0 0-1.11-.3h-8.29a1.46 1.46 0 0 0-1.41.68 1.76 1.76 0 0 0 .08 1.6Zm-55.62-1.81a1.91 1.91 0 0 0 1.81 1.81h7.05a3.1 3.1 0 0 0 1.87-.41 1.62 1.62 0 0 0 .51-1.4v-21a8.29 8.29 0 0 1 1.11-2 10.08 10.08 0 0 1 1.86-1.94 9.81 9.81 0 0 1 2.64-1.46 10.05 10.05 0 0 1 3.35-.57 7.21 7.21 0 0 1 3.89 1 6.13 6.13 0 0 1 2.41 2.79 10.22 10.22 0 0 1 .84 4.3v18.87a1.83 1.83 0 0 0 .51 1.26 1.78 1.78 0 0 0 1.3.56h7.81a1.82 1.82 0 0 0 1.27-.56 1.77 1.77 0 0 0 .54-1.26V47.94a25.79 25.79 0 0 0-1-7.15 18 18 0 0 0-3-6.05 14.07 14.07 0 0 0-5.15-4.19 18 18 0 0 0-7.77-1.61 18.49 18.49 0 0 0-5 .66 19.28 19.28 0 0 0-3.94 1.57 18.38 18.38 0 0 0-2.84 1.86 17.58 17.58 0 0 0-1.67 1.52l-1.34-3.53a2.12 2.12 0 0 0-.59-.83 1.64 1.64 0 0 0-1-.32h-3.62a1.81 1.81 0 0 0-1.25.51 1.79 1.79 0 0 0-.56 1.3Zm-17.17 0a1.91 1.91 0 0 0 1.81 1.81h7.98a1.9 1.9 0 0 0 1.81-1.81v-34.5a1.8 1.8 0 0 0-.56-1.3 1.82 1.82 0 0 0-1.25-.5h-7.91a1.81 1.81 0 0 0-1.81 1.81Zm5.62-43.16a6.7 6.7 0 0 0 5.77-3.26 6.54 6.54 0 0 0 0-6.64 6.56 6.56 0 0 0-2.38-2.35 6.64 6.64 0 0 0-3.38-.91 6.3 6.3 0 0 0-3.29.91 6.61 6.61 0 0 0 0 11.34 6.25 6.25 0 0 0 3.32.9ZM330.22 69a6.71 6.71 0 0 0 5.77-3.25 6.55 6.55 0 0 0 0-6.64 6.57 6.57 0 0 0-2.38-2.35 6.64 6.64 0 0 0-3.38-.91 6.3 6.3 0 0 0-3.29.91 6.61 6.61 0 0 0 0 11.34 6.25 6.25 0 0 0 3.28.9Zm77-20a21.21 21.21 0 0 0 1.45 7.75 19.82 19.82 0 0 0 4 6.37 18.83 18.83 0 0 0 6.18 4.3 19.85 19.85 0 0 0 7.88 1.59 23.35 23.35 0 0 0 5.73-.7 20 20 0 0 0 4.76-1.88 17.64 17.64 0 0 0 3.7-2.67 1.56 1.56 0 0 0 .65-1.27 1.75 1.75 0 0 0-.56-1.21l-3.91-4.48a1.37 1.37 0 0 0-1.13-.51 3.17 3.17 0 0 0-1.35.51 13.38 13.38 0 0 1-7.4 2.39 9.23 9.23 0 0 1-3.71-.75 8.67 8.67 0 0 1-2.83-1.94 8.87 8.87 0 0 1-1.83-2.67 8.69 8.69 0 0 1-.78-2.94h24.39a1.87 1.87 0 0 0 1.19-.46 1.75 1.75 0 0 0 .62-1.16c0-.37.09-.79.13-1.29s.06-.94.06-1.29a18.5 18.5 0 0 0-1.4-7.11 17.21 17.21 0 0 0-3.84-5.64 17.56 17.56 0 0 0-5.67-3.69 18.52 18.52 0 0 0-6.93-1.31 19 19 0 0 0-7.81 1.62 18.66 18.66 0 0 0-6.16 4.38 20 20 0 0 0-4 6.37 20.9 20.9 0 0 0-1.43 7.63Z"/></svg> </a>  </div> <div class="text-xs text-lightgray"> © 2019 - 2024 All rights reserved. </div> </div> <nav class="grid grid-cols-2 gap-8 col-span-full md:gap-12 lg:gap-16 lg:col-span-8 md:grid-cols-5 "> <div> <h3 class="mb-4 font-bold text-white font-highlight"> Products </h3> <ul> <li class="mb-2 text-sm"> <a href="/ai" title="AI Form Generator" class="text-[#d0d0d0] hover:text-lightgray"> AI Form Generator </a> </li> <li class="mb-2 text-sm"> <a href="/quiz-maker" title="Quiz Maker" class="text-[#d0d0d0] hover:text-lightgray"> Quiz Maker </a> </li> <li class="mb-2 text-sm"> <a href="/survey-maker" title="Survey Maker" class="text-[#d0d0d0] hover:text-lightgray"> Survey Maker </a> </li> <li class="mb-2 text-sm"> <a href="/interactive-forms" title="Form Builder" class="text-[#d0d0d0] hover:text-lightgray"> Form Builder </a> </li> <li class="mb-2 text-sm"> <a href="/interactive-calculator" title="Calculator Builder" class="text-[#d0d0d0] hover:text-lightgray"> Calculator Builder </a> </li> <li class="mb-2 text-sm"> <a href="/sales-funnel-builder" title="Funnel Builder" class="text-[#d0d0d0] hover:text-lightgray"> Funnel Builder </a> </li> <li class="mb-2 text-sm"> <a href="/pop-up-maker" title="Pop-Up Maker" class="text-[#d0d0d0] hover:text-lightgray"> Pop-Up Maker </a> </li> <li class="mb-2 text-sm"> <a href="/ai-powered-analytics" title="AI-powered Analytics" class="text-[#d0d0d0] hover:text-lightgray"> AI-powered Analytics </a> </li> <li class="mb-2 text-sm"> <a href="/lead-generation-quiz" title="Generate Leads" class="text-[#d0d0d0] hover:text-lightgray"> Generate Leads </a> </li> <li class="mb-2 text-sm"> <a href="/price-quote-calculator" title="Offer Price Quotes" class="text-[#d0d0d0] hover:text-lightgray"> Offer Price Quotes </a> </li> <li class="mb-2 text-sm"> <a href="/product-recommendation-quiz" title="Recommend Products" class="text-[#d0d0d0] hover:text-lightgray"> Recommend Products </a> </li> <li class="mb-2 text-sm"> <a href="/classroom-quiz" title="Test Knowledge" class="text-[#d0d0d0] hover:text-lightgray"> Test Knowledge </a> </li> </ul> </div> <div> <h3 class="mb-4 font-bold text-white font-highlight"> Resources </h3> <ul> <li class="mb-2 text-sm"> <a href="https://help.involve.me/en/" title="Help Center" class="text-[#d0d0d0] hover:text-lightgray"> Help Center </a> </li> <li class="mb-2 text-sm"> <a href="/pricing#faq" title="FAQ" class="text-[#d0d0d0] hover:text-lightgray"> FAQ </a> </li> <li class="mb-2 text-sm"> <a href="/tutorials" title="Tutorials" class="text-[#d0d0d0] hover:text-lightgray"> Tutorials </a> </li> <li class="mb-2 text-sm"> <a href="https://app.involve.me/support" title="Support" class="text-[#d0d0d0] hover:text-lightgray"> Support </a> </li> <li class="mb-2 text-sm"> <a href="/implementation-partners" title="Implementation Partners" class="text-[#d0d0d0] hover:text-lightgray"> Implementation Partners </a> </li> <li class="mb-2 text-sm"> <a href="/blog" title="Blog" class="text-[#d0d0d0] hover:text-lightgray"> Blog </a> </li> <li class="mb-2 text-sm"> <a href="https://discord.gg/FyNN7mRnGy" title="Community" class="text-[#d0d0d0] hover:text-lightgray"> Community </a> </li> <li class="mb-2 text-sm"> <a href="/pricing" title="Pricing" class="text-[#d0d0d0] hover:text-lightgray"> Pricing </a> </li> <li class="mb-2 text-sm"> <a href="https://status.involve.me/" title="Platform Status" class="text-[#d0d0d0] hover:text-lightgray"> Platform Status </a> </li> </ul> </div> <div> <h3 class="mb-4 font-bold text-white font-highlight"> Company </h3> <ul> <li class="mb-2 text-sm"> <a href="/company/careers" title="Careers" class="text-[#d0d0d0] hover:text-lightgray"> Careers </a> </li> <li class="mb-2 text-sm"> <a href="/company/about-us" title="About Us" class="text-[#d0d0d0] hover:text-lightgray"> About Us </a> </li> <li class="mb-2 text-sm"> <a href="/contact" title="Contact" class="text-[#d0d0d0] hover:text-lightgray"> Contact </a> </li> <li class="mb-2 text-sm"> <a href="https://www.g2.com/products/involve-me/reviews" title="G2 Reviews" class="text-[#d0d0d0] hover:text-lightgray"> G2 Reviews </a> </li> <li class="mb-2 text-sm"> <a href="https://www.trustpilot.com/evaluate/involve.me" title="Trustpilot Reviews" class="text-[#d0d0d0] hover:text-lightgray"> Trustpilot Reviews </a> </li> <li class="mb-2 text-sm"> <a href="https://www.capterra.com/p/241622/brandquiz/reviews/" title="Capterra Reviews" class="text-[#d0d0d0] hover:text-lightgray"> Capterra Reviews </a> </li> <li class="mb-2 text-sm"> <a href="https://crozdesk.com/software/involve-me" title="Crozdesk Reviews" class="text-[#d0d0d0] hover:text-lightgray"> Crozdesk Reviews </a> </li> <li class="mb-2 text-sm"> <a href="https://www.producthunt.com/products/involve-me#involve-me" title="Producthunt Reviews" class="text-[#d0d0d0] hover:text-lightgray"> Producthunt Reviews </a> </li> <li class="mb-2 text-sm"> <a href="/imprint" title="Imprint" class="text-[#d0d0d0] hover:text-lightgray"> Imprint </a> </li> </ul> </div> <div> <h3 class="mb-4 font-bold text-white font-highlight"> Comparisons </h3> <ul> <li class="mb-2 text-sm"> <a href="/blog/what-is-the-best-jotform-alternative-in-2023-jotform-vs-involve-me" title="Jotform Alternative" class="text-[#d0d0d0] hover:text-lightgray"> Jotform Alternative </a> </li> <li class="mb-2 text-sm"> <a href="/blog/what-is-the-best-typeform-alternative-in-2023" title="Typeform Alternative" class="text-[#d0d0d0] hover:text-lightgray"> Typeform Alternative </a> </li> <li class="mb-2 text-sm"> <a href="/blog/what-is-the-best-google-form-alternative-in-2023" title="Google Forms Alternative" class="text-[#d0d0d0] hover:text-lightgray"> Google Forms Alternative </a> </li> <li class="mb-2 text-sm"> <a href="/blog/what-is-the-best-qualtrics-alternative-in-2023" title="Qualtrics Alternative" class="text-[#d0d0d0] hover:text-lightgray"> Qualtrics Alternative </a> </li> <li class="mb-2 text-sm"> <a href="/blog/surveymonkey-alternative" title="SurveyMonkey Alternative" class="text-[#d0d0d0] hover:text-lightgray"> SurveyMonkey Alternative </a> </li> <li class="mb-2 text-sm"> <a href="/blog/what-is-the-best-outgrow-alternative" title="Outgrow Alternative" class="text-[#d0d0d0] hover:text-lightgray"> Outgrow Alternative </a> </li> <li class="mb-2 text-sm"> <a href="/blog/what-is-the-best-heyflow-alternative" title="Heyflow Alternative" class="text-[#d0d0d0] hover:text-lightgray"> Heyflow Alternative </a> </li> </ul> </div> <div> <h3 class="mb-4 font-bold text-white font-highlight"> Legal </h3> <ul> <li class="mb-2 text-sm"> <a href="/terms" title="Terms & Conditions" class="text-[#d0d0d0] hover:text-lightgray"> Terms & Conditions </a> </li> <li class="mb-2 text-sm"> <a href="/payment-terms" title="Payment Terms" class="text-[#d0d0d0] hover:text-lightgray"> Payment Terms </a> </li> <li class="mb-2 text-sm"> <a href="/privacy" title="Privacy Policy" class="text-[#d0d0d0] hover:text-lightgray"> Privacy Policy </a> </li> <li class="mb-2 text-sm"> <a href="/data-processing" title="Data Processing" class="text-[#d0d0d0] hover:text-lightgray"> Data Processing </a> </li> <li class="mb-2 text-sm"> <a href="/content-policy" title="Content Policy" class="text-[#d0d0d0] hover:text-lightgray"> Content Policy </a> </li> <li class="mb-2 text-sm"> <a href="https://involveme.involve.me/report-abuse" title="Report Abuse" class="text-[#d0d0d0] hover:text-lightgray"> Report Abuse </a> </li> </ul> </div> </nav> <div class="hidden sm:block col-span-full">  <div class="opacity-20 block w-full" > <hr /> </div>  </div> <div class="col-span-full lg:col-span-8"> <nav class="flex-shrink-0">  <ul class="inline-flex space-x-2 "> <li class=""> <a class="border border-darkgray px-3 py-1.5 rounded md:text-base tracking-wide relative focus-visible:ring-2" href="/"> EN </a> </li> <li class=""> <a class="font-medium md:text-base tracking-wide relative focus-visible:ring-2" href="/de"> DE </a> </li> </ul>  </nav> </div> <div class="flex items-center col-span-full lg:col-span-4 lg:order-last sm:justify-end"> <div class="flex items-center space-x-2"> <a class="p-1 -m-1 text-neutral hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary hover:text-lightgray" href="https://discord.gg/FyNN7mRnGy" rel="noopener" aria-label="involve.me [CDN] on Discord" target="_blank"><svg class="w-6 h-6 overflow-visible fill-current" alt="Social media logo" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M524.5 69.8a1.5 1.5 0 0 0 -.8-.7A485.1 485.1 0 0 0 404.1 32a1.8 1.8 0 0 0 -1.9 .9 337.5 337.5 0 0 0 -14.9 30.6 447.8 447.8 0 0 0 -134.4 0 309.5 309.5 0 0 0 -15.1-30.6 1.9 1.9 0 0 0 -1.9-.9A483.7 483.7 0 0 0 116.1 69.1a1.7 1.7 0 0 0 -.8 .7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0 -1-2.6 321.2 321.2 0 0 1 -45.9-21.9 1.9 1.9 0 0 1 -.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9 .2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1 -.2 3.1 301.4 301.4 0 0 1 -45.9 21.8 1.9 1.9 0 0 0 -1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1 .7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2S193.1 219.1 222.5 219.1c29.7 0 53.3 26.8 52.8 59.2C275.3 311 251.9 337.6 222.5 337.6zm195.4 0c-29 0-52.8-26.6-52.8-59.2S388.4 219.1 417.9 219.1c29.7 0 53.3 26.8 52.8 59.2C470.7 311 447.5 337.6 417.9 337.6z"/></svg></a> <a class="p-1 -m-1 text-neutral hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary hover:text-lightgray" href="https://www.facebook.com/involvemeapp" rel="noopener" aria-label="involve.me [CDN] on Facebook" target="_blank"><svg class="w-6 h-6 overflow-visible fill-current" alt="Social media logo" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"/></svg></a> <a class="p-1 -m-1 text-neutral hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary hover:text-lightgray" href="https://www.x.com/involvemeapp" rel="noopener" aria-label="involve.me [CDN] on Twitter" target="_blank"><svg class="w-6 h-6 overflow-visible fill-current" alt="Social media logo" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg></a> <a class="p-1 -m-1 text-neutral hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary hover:text-lightgray" href="https://www.linkedin.com/company/involvemeapp" rel="noopener" aria-label="involve.me [CDN] on Linkedin" target="_blank"><svg class="w-6 h-6 overflow-visible fill-current" alt="Social media logo" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg></a> </div> </div> </div> </div> </div> </footer>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PQRRT9K" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script> function getCookie(name) { var v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); return v ? v[2] : null; } function setCookie(name, value, days) { var d = new Date; d.setTime(d.getTime() + 24*60*60*1000*days); document.cookie = name + "=" + value + ";path=/;domain=.involve.me;expires=" + d.toGMTString(); } function deleteCookie(name) { setCookie(name, '', -1); } // grab UTMs and save them for registration var url_string = (window.location.href).toLowerCase(); var url = new URL(url_string); ['utm_source', 'utm_medium', 'utm_term', 'utm_content', 'utm_campaign', 'gclid', 'email', 'username', 'keyword', 'target', 'location', 'interest', 'placement', 'fbclid', 'ref'].forEach(function (parameter, i) { var value = url.searchParams.get(parameter); if (value != null) { if (value == '') { deleteCookie(parameter); } else { setCookie(parameter, value, 365); } } }); // save first referrer and first reached landing page for registration var referrer = document.referrer || window.frames.top.document.referrer; if (getCookie('referrer') == null && referrer != null && referrer != '') { setCookie('referrer', referrer, 365); } if(getCookie('first_lp') == null){ var first_lp = location.protocol + '//' + location.host + location.pathname; setCookie('first_lp', first_lp, 365); } </script> <script id="profitwell-js" data-pw-auth="49048230c5ea496911a099de09f600d1"> (function(i,s,o,g,r,a,m){i[o]=i[o]||function(){(i[o].q=i[o].q||[]).push(arguments)}; a=s.createElement(g);m=s.getElementsByTagName(g)[0];a.async=1;a.src=r+'?auth='+ s.getElementById(o+'-js').getAttribute('data-pw-auth');m.parentNode.insertBefore(a,m); })(window,document,'profitwell','script','https://public.profitwell.com/js/profitwell.js'); profitwell('start', {}); </script> <link rel="preload" as="style" href="https://www.involve.me/build/assets/site.1d044b68.css" /><link rel="preload" as="style" href="https://www.involve.me/build/assets/work-sans.8073ab78.css" /><link rel="modulepreload" href="https://www.involve.me/build/assets/site.f3766883.js" /><link rel="modulepreload" href="https://www.involve.me/build/assets/alpinejs.4f79e2fd.js" /><link rel="modulepreload" href="https://www.involve.me/build/assets/@alpinejs/focus.73884630.js" /><link rel="modulepreload" href="https://www.involve.me/build/assets/@alpinejs/persist.633fec2c.js" /><link rel="modulepreload" href="https://www.involve.me/build/assets/@alpinejs/collapse.8f69b9a2.js" /><link rel="modulepreload" href="https://www.involve.me/build/assets/@alpinejs/intersect.654e6193.js" /><link rel="modulepreload" href="https://www.involve.me/build/assets/focus-visible.e54c5306.js" /><link rel="modulepreload" href="https://www.involve.me/build/assets/meilisearch.81b77a53.js" /><link rel="modulepreload" href="https://www.involve.me/build/assets/tiny-emitter.716456e0.js" /><link rel="modulepreload" href="https://www.involve.me/build/assets/swiper.8e95817d.js" /><link rel="modulepreload" href="https://www.involve.me/build/assets/youtube-player.34cf79da.js" /><link rel="modulepreload" href="https://www.involve.me/build/assets/typeit.59002371.js" /><link rel="stylesheet" href="https://www.involve.me/build/assets/site.1d044b68.css" /><link rel="stylesheet" href="https://www.involve.me/build/assets/work-sans.8073ab78.css" /><script type="module" src="https://www.involve.me/build/assets/site.f3766883.js"></script> <script defer src='https://kit.fontawesome.com/b85f3db741.js' crossorigin='anonymous'></script> <link rel="modulepreload" href="https://www.involve.me/build/assets/intercom.91fbddd9.js" /><script type="module" src="https://www.involve.me/build/assets/intercom.91fbddd9.js"></script> </body> </html>

CINXE.COM

involve.me | Create funnels that convert visitors to leads