[{"data":1,"prerenderedAt":129},["ShallowReactive",2],{"blog-how-online-forms-simplify-employee-onboarding-for-hr":3},{"blogData":4,"relatedArticles":29},{"id":5,"title":6,"author":7,"authorImage":8,"authorProfile":9,"coverImg":10,"coverImgAlt":11,"createdAt":12,"description":13,"featured":14,"jsonld":15,"keywords":16,"metaDescription":17,"metaImage":18,"metaTitle":19,"publishedAt":20,"slug":21,"updatedAt":22,"__hash__":23,"body":24,"coverImgWidth":25,"coverImgHeight":26,"readingStats":27},"blog\u002Fblog\u002Fhow-online-forms-simplify-employee-onboarding-for-hr.md","How Online Forms Simplify Employee Onboarding for HR","Siddharth Sharma",null,"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fsidsh0502\u002F","https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fhow_online_forms_simplify_employee_onboarding_for_hr_a4b171b767.png","Employee Onboarding Form Illustration","2024-04-07T10:04:38.525Z","Learn how digital forms simplify HR's onboarding process. Say goodbye to manual paperwork, save time, and enhance productivity with online forms. Read more about onboarding form types and how they help in measuring success while improving user adoption.",false,[],"Employee onboarding, Online forms, HR efficiency, Digital onboarding, Streamlined processes, HR automation, Simplify paperwork, User-friendly forms, Onboarding benefits, Types of forms, Success measurement, User adoption, Productivity improvement, Form templates, Time-saving solutions, HR resources, HR optimization, Employee data collection, Onboarding best practices, Formester","Effortlessly manage employee onboarding paperwork. Online forms ensure accuracy, efficiency, and a hassle-free experience.",[],"Simplifying Employee Onboarding with Web Forms for HR Efficiency","2023-10-24T12:34:00.000Z","how-online-forms-simplify-employee-onboarding-for-hr","2025-11-19T00:09:15.125Z","bO_h6W9HBAdz6eI0XZkE5dARr-URYo8uXoCMZ3va5jM","Employee onboarding is a valuable process for any organization due to its direct impact on productivity. This article will discuss how online forms can simplify this crucial step in the employee journey. Traditional onboarding methods often come with challenges, such as excessive paperwork and time-consuming procedures, so we'll also cover how online forms offer a practical solution to these issues.\n\n## **The Role of Online Forms in Onboarding**\n\n[Online forms are an effective solution](\u002Fblog\u002Fhow-web-form-integrations-improve-workflow-and-boost-business-productivity\u002F) to make the onboarding process a whole lot easier. Instead of dealing with stacks of paperwork, you can manage everything digitally, from application forms to tax documents, making the onboarding experience smoother.\n\nThe real power of online forms lies in their efficiency and automation. They help reduce manual data entry, ensuring accuracy and saving time. With online forms, you can actively \u003Ca href=\"https:\u002F\u002Fwww.goworkwize.com\u002Fblog\u002Femployee-onboarding\">automate the Employee Onboarding process\u003C\u002Fa>, from collecting essential information to distributing company policies.\n\nWith online forms, you can actively control the onboarding process, from collecting essential information to distributing company policies. It's all about simplifying the journey and making onboarding a hassle-free experience for everyone involved.\n\n## **Benefits of using Online Forms for Onboarding:**\n\n* Speeds up onboarding\n* Less paperwork\n* Accurate data collection\n* Makes collecting and managing info easier\n* Helps with organizing information\n* Makes onboarding faster\n* Provides analytics and insights for optimisation\n* Saves Time, Effort and Resources\n\n## **Types of Onboarding Forms** \n\nThere are various types of onboarding forms that address specific onboarding needs. Some of them are:\n\n* **Employee Onboarding Forms**: Tailored for the [induction of new hires](\u002Ftemplates\u002Fnew-hire-paperwork-2778\u002F), these forms collect essential employee information, such as personal details, tax forms, and emergency contacts.\n* **Client Onboarding Forms**: Imperative for businesses working with clients, [these forms gather client-specific information](\u002Fblog\u002Fcreate-impressive-intake-form\u002F), project details, and contractual agreements to initiate the onboarding process.\n* **IT Onboarding Forms**: Designed to ease the integration of new employees into an organization's tech environment, IT onboarding forms help in setting up accounts, access permissions, and equipment provisioning.\n* **Vendor Onboarding Forms**: These forms simplify the process of engaging new vendors or suppliers and gathering necessary data for procurement, contracts, and compliance.\n\n## **Structuring an Onboarding Form** \n\nIt is important to create standardized onboarding forms to design and implement the whole process online. You can achieve this by including a range of important fields, such as personal details, emergency contacts, tax information, and position-specific data. Moreover, include questions and fields that are clear, concise, and relevant.\n\nTo ensure user-friendliness, design forms with a logical flow and minimal jargon, making it easy for new hires to navigate. Provide clear instructions and, where applicable, use drop-down menus or checkboxes to expedite the process. By adhering to these easy tips, you can also create intuitive onboarding forms.\n\n## **Measuring and Assessing the Onboarding Process**\n\nGauging the success of your onboarding process is imperative to drive sustained growth and improvement. Utilizing onboarding forms, you can assess the efficiency by tracking completion rates and the time taken for new hires to finish the required forms.\n\nConsider the valuable input from new employees through feedback surveys integrated into these forms. Their insights can reveal areas for optimisation, ensuring a smoother onboarding experience. You should also keep an eye on performance metrics, such as the time it takes for a new employee to reach full productivity, as these data points can help fine-tune the process for optimal results.\n\n## **Facilitating New User Adoption**\n\nOnline forms help new users adapt gradually to both technology and the onboarding process. They achieve this by breaking down complex information into manageable sections, ensuring a step-by-step approach that fosters a comfortable transition. In situations where new users may feel hesitant or overwhelmed, simplified forms can make a substantial difference. By focusing only on essential information, these forms allow individuals to ease into the process, progressively handling more comprehensive forms as they acclimate to their roles, creating a smoother onboarding experience.\n\n## **Increasing Productivity with Forms**\n\nOnline forms are a powerful tool to simplify employee onboarding. They bring automation to the equation, reducing manual, time-consuming processes and freeing up valuable resources. By automating data collection and management, online forms allow HR teams to save up time and focus on more important tasks. \n\nThe availability of [ready-to-use templates](\u002Ftemplates\u002Fcategories\u002Fhuman-resource\u002F) and user-friendly form builders makes the process even more straightforward. These resources enable quick and easy form creation with pre-designed templates that help you get up to speed in no time. \n\nAre you ready to streamline your onboarding process with online forms? [Sign up with Formester](https:\u002F\u002Fapp.formester.com\u002Fusers\u002Fsign_up) and start creating forms with our [free plan today](\u002Fpricing\u002F)!\n",1214,630,{"text":28},"4 min read",[30,50,75,94],{"title":31,"author":32,"authorImage":8,"authorProfile":33,"coverImg":34,"coverImgAlt":35,"createdAt":36,"description":37,"featured":14,"jsonld":38,"keywords":39,"metaDescription":40,"metaImage":41,"metaTitle":42,"publishedAt":43,"slug":44,"updatedAt":45,"__hash__":46,"body":47,"id":48,"coverImgWidth":25,"coverImgHeight":26,"readingStats":49},"How to Create an Employee Timesheet and Automate Approvals?","Harish Kumar","https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fharish-kumar2424\u002F","https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002FHow_to_Make_User_Research_Survey_55_ca3599a7f6.png","a blog post cover about how to create an employee time sheet and automate approvals","2025-12-19T03:37:33.477Z","Learn how to create and manage employee timesheet approvals with weekly timesheets, faster reviews, and clean payroll ready data.",[],"Learn how to manage employee timesheet approvals using Formester with weekly timesheets, smart controls, faster reviews, and clean payroll ready data.","Learn how to create and manage employee timesheet approvals using Formester with weekly timesheets, faster reviews, and clean payroll ready data.",[],"How to Create an Employee Timesheet & Automate Approvals?","2025-12-19T03:51:09.122Z","how-to-create-employee-time-sheets-and-automate-approvals","2026-01-28T04:44:21.335Z","PYZjIR2ZpxJATEdnscZZv5cZKRrIw2T1ckasFu9h7DQ","![How to Make User Research Survey (55).png](https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002FHow_to_Make_User_Research_Survey_55_ca3599a7f6.png)\n\n**In any growing team**, employees spend a lot of time completing tasks, fixing issues, and keeping projects moving forward. This time is important for payroll, billing, performance reviews, and accountability.\n\nBut when time tracking is done manually, problems quickly appear. Employees may enter wrong hours, forget to mark billable work, **submit timesheets** too early, or miss overtime. Approvals also become slow and confusing.\n\nThis is where **[Formester](\u002Ftemplates\u002Fcategories\u002Femployee-management\u002F)** makes timesheet management simple and reliable.\n\n## Why traditional timesheets fail\n\n**Most teams still rely on spreadsheets**. This works at first, but quickly breaks as teams grow.\n\nThere is no daily visibility. Managers only see data after submission. Errors stay hidden until it is too late.\n\nThis leads to payroll mistakes, billing issues, and wasted time.\n\n### Creating a weekly timesheet in Formester\n\nTo fix this, start by creating a weekly timesheet in Formester. This timesheet captures work from Monday to Saturday.\n\nIt collects all the details needed to review employee work in one place. Project, task, hours, and billable status are clearly recorded.\n\nThis single form is used throughout the week.\n\n### How to create the weekly timesheet form\n\nYou can create the timesheet in two simple ways.\n\n#### Option 1. Use the AI form generator\n![a screenshot of ai form builder](https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002F212_16ef49df01.png)\n\nFormester comes with an **[AI form generator](\u002Fai-form-generator\u002F)** to save time.\n\n- Open the form builder and choose AI form generator.\n\n- Enter a simple prompt like create a weekly employee timesheet.\n\n- The AI will automatically create a structured timesheet form for you.\n\n- You can review the form and edit fields as needed.\n\n#### Option 2. Create the form manually\n![a screenshot of form builder](https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002F213_538798ed9e.png)\n\nIf you want full control, you can build the timesheet step by step.\n\n- Add a matrix element to your form.\n\n- Open the matrix properties.\n\n- Change the input type to multi type columns.\n\n- Add days of the week as rows. For example Monday to Saturday.\n\n**Add columns for time tracking details such as**\n\n- Log in time\n\n- Log out time\n\n- Project name\n\n- Task worked on\n\n- Hours worked\n\n- Billable\n\n**Now customize each column input type.**\n\n- Set project name and task worked on as text fields.\n\n- Set hours worked as a number field.\n\n- Set billable as a checkbox.\n\n- Set log in and log out time as time inputs if needed.\n\nThis setup allows employees to enter daily work in a clean table format.\n\n### Logging work daily without submission\n![a screenshot of form builder](https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002F214_4eb4e5a571.png)\n\nEmployees update the same timesheet every day. Each row works like a daily time log. All rows together form one weekly timesheet. To support this, enable **[save and continue](\u002Ffeatures\u002Fsave-and-continue\u002F)** in the form settings. Employees can fill their work for the day, close the form, and return later. Their progress is saved automatically.\n\n### Tracking employee progress in real time\n![a screenshot of form builder](https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002F215_b394b78d4d.png)\n\nEnable **[partial submissions](\u002Ffeatures\u002Fpartial-submissions\u002F)** to track progress. This allows you to see who has started filling their timesheet and who has not updated their work. You get visibility during the week, not after it ends.\n\n### Preventing early timesheet submission\n![a screenshot of form builder](https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002F216_7345b2aa95.png)\n\nTo stop early submissions, add a small text field before the submit button. Disable this field by default. As long as it is disabled, employees cannot submit the form. They can update daily, but submission stays under admin control.\n\n### Sending unique timesheet links to employees\n![a screenshot of form builder](https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002F217_b62e781410.png)\n\nAvoid sharing one common link. Use Formester to create a **[unique URL](\u002Ffeatures\u002Fgenerate-unique-form-submission-url-for-each-respondent\u002F)** for each employee.\n\n- Bulk import employee email addresses.\n\n- Generate private links automatically.\n\n- Send links using a custom email.\n\n**Each employee now has their own timesheet.**\n\n### Enabling submission at the end of the week\n\nAt the end of the week, enable the disabled text field. Publish the form again. Employees can now submit their completed weekly timesheet in one click.\n\n### Reviewing timesheets in one place \nOpen the results section after submission. All timesheets appear in a single dashboard. Use filters to find missing entries, overtime, or unusual hours. This makes reviews fast and simple.\n\n### Sending timesheets for approval\n\nIf something looks off, mark it for review. Send selected submissions to managers for approval. You can also **[invite HR or finance teams into Formester](\u002Ffeatures\u002Fcollaborative-forms\u002F)** and give them review access.\n\n### Preparing for the next week\n\nOnce the week ends, clone the timesheet. Rename it with the new date, make sure all settings remain enabled then repeat the same process for the following weeks.\n\n### Final thoughts\n\nManaging employee timesheet approval does not need to be complicated. With **[Formester](https:\u002F\u002Fapp.formester.com\u002Fusers\u002Fsign_up)**, you avoid errors, save time, and gain full visibility. If you manage payroll, billing, or performance tracking, Formester helps you keep everything simple, accurate, and transparent.\n","blog\u002Fblog\u002Fhow-to-create-employee-time-sheets-and-automate-approvals.md",{"text":28},{"title":51,"author":52,"authorImage":8,"authorProfile":53,"coverImg":54,"coverImgAlt":55,"createdAt":56,"description":57,"featured":14,"jsonld":58,"keywords":59,"metaDescription":60,"metaImage":61,"metaTitle":65,"publishedAt":66,"slug":67,"updatedAt":68,"__hash__":69,"body":70,"id":71,"coverImgWidth":72,"coverImgHeight":26,"readingStats":73},"Mobile Forms vs Desktop Forms - Pros & Cons of Each Form Type","Mriganka Chandra","","https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fmobile_form_vs_desktop_form_hero_0eda01920e.png","Hero image showing title mobile forms vs desktop forms","2024-04-07T10:04:46.862Z","The right kind of form is the one that works for your users. You want to enable your users to engage with you on the device of their preference. TLDR: Ideally choose a form builder that works great on all screen sizes.",[],"mobile forms vs desktop form, pros of mobile forms, tools to build digital forms online","Discover why mobile forms differ from desktop forms and how digital forms benefit data collection. Try Formester for efficient and streamlined form management.",[62],{"id":63,"imageURL":64},125,"https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fmobile_form_vs_desktop_form_hero_9f21924573.png","Mobile Forms Vs Desktop Forms | Online Web Form - Benefits","2022-11-30T05:34:54.396Z","mobile-forms-vs-desktop-forms-pros-cons-of-each-form-type","2025-05-02T04:27:47.967Z","vQmoqS4M6Oj6VemjG41vszYJIkwWvqwgr-JwR5r-avM","## Why choose Digital Forms?\n\nDigital forms have reduced effort, time, and difficulty levels by 10x ratios. We must also consider how sustainability has taken over our lives with a blissful whip and how these digital forms have proved to be the best way for businesses to save paper and replace the traditional methods of drafting, printing, and collecting data physically. Digital forms effortlessly capture information in real-time to assist in the immediate review of the data collected. In the next segment let us cover the benefits of digital forms and justify how they have made our lives efficient and simpler.\n\n![Mobile forms vs Desktop Forms - Pros and Cons of each form type](https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fmobile_form_vs_desktop_form_hero_8279abc250.png \"Mobile forms vs Desktop Forms - Pros and Cons of each form type\")\n\n[Click here](\u002F) to access the one-stop solution to all your form drafting requirements!!\n\n## Major benefits of Digital Forms\n\n1. Supports any work situation - these forms are designed to be readily accessed as well as assessed by individuals while working from home, in remote-area, in office cabins, or while on the move.\n2. Cost-effective and efficient - digital forms incur almost no cost as compared to paper forms where the cost of drafting, printing, and distributing is levied along with labor charges as well hence decreasing the effort of the individuals involved. \n3. User-friendly - these forms are created in a way to duplicate how paper forms appear so that it streamlines the interpretation and process for the user.\n4. Timesaving- digital forms take far less time to be filled by the user as compared to the extensive time-taking process involved in paper forms due to fieldwork.\n5. Real-time access to data - as the data is collected in real-time it is shared immediately with others in the team for quick analysis, authorization, and data interpretation.\n6. Access to additional information - digital forms are self-sufficient as the user can add any extra information like images, videos, documents, etc directly to the form. The hassle of additional documentation is eliminated.  \n\n## Mobile Forms vs Desktop Forms - Comparison with Example\n\nTo access these digital forms the user has two options,  either they use their desktop or their mobile phones. Before we proceed, let us consider two situations, one where a delivery person has to deliver a parcel and take an online signature on the delivery form from the customer, in this situation a form on the mobile phone would be extremely handy whereas if we reverse the same scenario where the customer wants to view their delivery form in detail to check all the aspects mentioned then it would be ideal for them to open the form on the desktop. Hence, there is no right or wrong way to go about it but it depends on the prerequisites of the user.\n\nLet us now hop on to discuss the pros and cons of both alternatives:\n\n1. Availability of screen space (Higher in desktops and lower in mobile phones) - Desktops have a wider screen to view the forms clearly as compared to smartphones. Wider screen space also entitles the user to navigate the form comfortably.\n2. Swapping between multiple tabs (Higher in desktops and lower in mobile phones) - Desktops make it easier to swap between multiple tabs to refer and get back to the form whereas the same option is slightly taxing and inefficient on a user's smartphone. \n3. Addition of media to forms (Higher on mobile phones and lower on desktops) - Through smartphones users can easily add images, voice notes, screenshots, or videos whereas adding the same through desktop is a tedious task.\n4. Efficiency (Higher in mobile phones and lower in desktops) - It is easier to work on a keyboard through the desktop rather than on a keypad on the mobile phone, making the job of filling the form smooth and more efficient for the user through the desktop.\n5. Depending upon the external elements (Higher in desktops and lower in mobile phones) - On a desktop, you have a mouse to navigate the cursor easily on the screen whereas a mobile phone does not give you this option making screen navigation problematic.\n6. Depending upon Adaptability (Higher on desktops and lower on mobile phones) - All online forms designed by businesses are desktop-friendly whereas some of them are not aligned to work on a mobile phone. \n7. Depending upon Accessibility (Higher in mobile phones and lower in desktops)- Mobile phones are considered more accessible as far as productivity is concerned including remote area accessibility when compared to desktops. Forms filled on mobile phones require a desk-free scenario and can be easily converted into PDFs and shared instantly for data analysis.\n\nOnce you have determined your need for mobile\u002Fdesktop forms you should also read [how single page forms are different from multipage forms](\u002Fblog\u002Fsingle-page-vs-multi-page-forms\u002F) and when you should use them.\n\n## Conclusion\n\nWhile mobile forms and desktop forms are both digital forms that can be filled offline\u002Fonline, their functions differ from one another. The user decides to choose which way they would prefer after careful consideration of the pros and cons of both types. This would help them boost efficiency, save time and deliver results as per their requirements. Head onto [Formester](https:\u002F\u002Fapp.formester.com\u002F) to help you with a step-by-step guide on drafting a form for your needs.\n","blog\u002Fblog\u002Fmobile-forms-vs-desktop-forms-pros-cons-of-each-form-type.md",1200,{"text":74},"5 min read",{"title":76,"author":7,"authorImage":8,"authorProfile":9,"coverImg":77,"coverImgAlt":78,"createdAt":79,"description":80,"featured":14,"jsonld":81,"keywords":82,"metaDescription":83,"metaImage":84,"metaTitle":85,"publishedAt":86,"slug":87,"updatedAt":88,"__hash__":89,"body":90,"id":91,"coverImgWidth":25,"coverImgHeight":26,"readingStats":92},"Top 8 No-Code Tools for your business in 2024","https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fno_code_tools_f6c11471b4.png","Illustration with logos of Top 8 No-Code Tools of 2024","2024-04-07T10:04:52.566Z","Explore the top eight no-code tools in 2024. Discover top players like Webflow, Formester, and Zapier, streamlining processes without coding. ",[],"no-code tools, business efficiency, automation, web development, app development, workflow automation, technology trends, productivity tools, 2024 business tools, no-code vs low-code, Formester, Webflow, Bubble, Zapier, Shopify, Mailchimp, Airtable, Wix","Explore the top 8 no-code tools for 2024! Build apps, automate workflows, and boost efficiency without any coding skills needed.",[],"Top 8 No-Code Tools essential for your Business in 2024","2024-06-04T23:57:07.575Z","top-8-no-code-tools-for-your-business-in-2024","2025-08-20T01:34:54.069Z","2XSuXxuKIqvLT93A9c-SwQA9qIAY3EAKgdPDBI6iWFA","The world of technology is constantly evolving, and it's becoming increasingly important for businesses to stay up-to-date with the latest advancements in order to remain competitive. As we approach 2024, it's clear that [no-code tools are becoming an increasingly popular way for businesses](\u002Fblog\u002Ftop-5-typeform-alternatives-in-2023-no-code-form-builders-that-dont-skip-the-visual-appeal\u002F) for e.g. \u003Ca href=\"https:\u002F\u002Fwww.getcone.io\u002Fproposal-software\">proposal software\u003C\u002Fa> to streamline their processes and achieve greater efficiency.\n\nNo-code tools are designed to enable people with little to no coding knowledge to build web applications, mobile applications, and automate workflows without relying on technical expertise. Over the past few years, these tools have grown in popularity, and are increasingly being adopted by [businesses of all sizes](\u002Fblog\u002Fhow-web-form-integrations-improve-workflow-and-boost-business-productivity\u002F).\n\nIn this article, we'll be discussing the top eight no-code tools that your business should be using in 2024 to improve efficiency and productivity.\n\n## Rise of No-Code Tools\n\nOne of the main benefits of using no-code tools is the significant time savings they offer. Traditionally, building software applications or automating workflows required hiring skilled developers and investing weeks, if not months, in coding and testing. However, with no-code tools, businesses can sidestep these lengthy and costly processes. By providing intuitive interfaces and drag-and-drop functionality, these tools enable users with little to no coding knowledge to create applications and automate workflows in a fraction of the time and cost.\n\nMoreover, no-code tools have proven to be game-changers in improving workflows and efficiency. By empowering individuals across an organization to create their own applications or automate tasks, [businesses can eliminate bottlenecks and reduce reliance on IT departments](\u002Fblog\u002Fwhy-your-small-business-needs-web-forms-to-expand-in-2023\u002F). This increased autonomy allows departments to optimize their processes, tailor applications to their unique needs, and respond quickly to changing requirements or market demands. Ultimately, this improved efficiency can lead to cost savings, better resource allocation, and enhanced customer experiences.\n\n### No-Code vs Low-Code\n\nBefore having a look at the top no-code tools for 2023, it is essential to clarify the distinction between no-code and low-code platforms. Both types of tools aim to simplify the development process and reduce the reliance on traditional coding methods. However, there are some key differences between the two.\n\nLow-code tools typically offer a bit more flexibility and allow for some level of coding customization if needed. These platforms provide a visual development environment that can be supplemented with custom code when necessary.\n\nWhen deploying low-code solutions in cloud environments, it's important to consider \u003Ca href=\"https:\u002F\u002Fcloudchipr.com\u002Fblog\u002Fcloud-cost-optimization\">cloud cost optimization\u003C\u002Fa> to avoid unexpected infrastructure expenses.\n\nIn contrast, no-code tools prioritize simplicity and accessibility, enabling users to build applications or automate workflows solely through visual interfaces and pre-built components. No-code tools are designed specifically for individuals with little to no coding knowledge, eliminating the need for any manual code creation.\n\n## Benefits of using No-Code Tools\n\n* **Accessibility:** Democratizes development, fostering collaboration among non-tech professionals.\n* **Cost-effectiveness:** Minimizes expenses by reducing reliance on specialised developers.\n* **Promotes Growth:** Enables rapid adaptation, agility, and thriving in a dynamic business landscape.\n* **Time Efficiency:** Streamlines development, enhancing overall operational efficiency.\n* **Reduced Learning Curve:** User-friendly interfaces, minimal training required for effective contribution.\n* **Adaptability:** Facilitates easy modifications and updates for applications and processes.\n* **Cross-Functional Collaboration:** Encourages collaboration, fostering a holistic approach to problem-solving and innovation.\n* **Innovation at Scale:** Rapidly prototypes and deploys applications, enabling innovation across large enterprises.\n* **Risk Mitigation:** Visual development reduces errors, ensuring a more robust and reliable end product.\n* **Empowers Subject Matter Experts:** Allows experts to directly contribute, aligning technological solutions with specific business needs. \n\n### The Top 8 No-Code Tools for 2024\n\n### 1. Webflow\n\nWebflow, a San Francisco-based platform founded in 2013, revolutionizes web development by enabling users to design, build, and launch custom websites effortlessly—no coding required. Its integrated suite encompasses design, animation, content management, marketing, and ecommerce tools, empowering both non-coders and coders to swiftly create and promote diverse websites.\n\nNotable clients include Allianz, Zendesk, Lattice, Getaround, Upwork, and Dell. Webflow's unique visual canvas allows users to indulge in real-time website creation, utilizing HTML, CSS, and Javascript for seamless collaboration. With a library featuring over 1,000 templates, Webflow accelerates website development, making it an invaluable resource for businesses seeking efficient, professional website creation.\n\n![Webflow Home Page Screenshot](https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fwebflow_screenshot_b4af8b213c.png \"Webflow Home Page Screenshot\")\n\n### 2. Formester\n\n[Formester](\u002F) offers an affordable solution in the form of no-code form builder, allowing creation, editing, and management of forms and documents. Utilize [customizable templates for data collection](\u002Ftemplates\u002F), tracking, and analysis, with real-time collaboration and automatic syncing. \n\nStreamline workflows through automation, visualize data with dynamic dashboards, and standardize forms across your organization—all within a comprehensive platform. Formester caters to diverse teams, from large to small and cross-functional, across various industries, thanks to its intuitive interface and personalisation capabilities.\n\n![Formester Home Page Screenshot](https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fformester_screenshot_f957bece52.png \"Formester Home Page Screenshot\")\n\n### 3. Bubble\n\nBubble, a potent no-code tool, simplifies app development by offering accessibility. Users can create dynamic applications resembling social media giants like Facebook or niche platforms like Teal. Bubble's marketplace provides diverse templates and plugins for customization, balancing ease with functionality. While it offers a free starting point, scaling necessitates a paid subscription for advanced features.\n\nApplications built on Bubble must be hosted on its platform. The platform accelerates app development, attracting over 3 million users, some progressing to top accelerators like Y Combinator and Techstars, securing millions in venture funding. Trusted by HubSpot, Zendesk, VMware, and others, Bubble stands out with support from Insight Partners, SignalFire, Neo, and Betaworks Ventures.\n\n![Bubble Home Page Screenshot](https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fbubble_screenshot_a1bae77bbc.png \"Bubble Home Page Screenshot\")\n\n### 4. Zapier\n\nZapier is a workflow automation tool, streamlining business processes across 6,000+ web apps without coding. It swiftly eliminates time-consuming and repetitive tasks, allowing teams to concentrate on critical work and save costs. With a plethora of integrations, Zapier effortlessly connects your tools, enabling custom workflows tailored to your work style.\n\nFrom automating email attachments to Dropbox to receiving Slack alerts, Zapier's DIY-friendly editor ensures user-friendly customization, leveraging the full potential of automation for enhanced efficiency and productivity.\n\n![Zapier Home Page Screenshot](https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fzapier_screenshot_6d61865712.png \"Zapier Home Page Screenshot\")\n\n### 5. Shopify\n\nShopify, is s cloud-based e-commerce platform which caters to small and medium-sized businesses worldwide. Enabling merchants to effortlessly design, set up, and manage stores across various channels, Shopify ensures a seamless multichannel experience. With a robust back-office and global scalability, it leverages enterprise-level technology for businesses of all sizes.\n\nTrusted by over 800,000 businesses in 150 countries, including renowned brands like Tesla Motors and Budweiser, Shopify is a go-to solution. Its e-commerce website builder, coupled with pre-designed themes and tools for email, social media, and branding, expedites online store launch and professional image building, supported by a vast ecosystem of 6,000+ integrated apps.\n\n![Shopify Home Page Screenshot](https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fshopify_screenshot_7f7b06acce.png \"Shopify Home Page Screenshot\")\n\n### 6. MailChimp\n\nMailchimp is an Email Marketing and Automations platform that supports over 12 million global businesses. With world-class marketing technology, an \u003Ca href=\"https:\u002F\u002Fcreate.vista.com\u002Fsuite-api\u002F\">API for martech\u003C\u002Fa>, and award-winning support, Mailchimp enables users like TEDTalks and Shutterstock to transform emails into revenue. Its comprehensive platform streamlines online selling, audience connection, and multichannel marketing campaigns, unifying email, social media, landing pages, ads, and websites.\n\nFounded in 2001, Atlanta-based Mailchimp, with offices worldwide, boasts 1,200+ employees and joined Intuit in Nov 2021. Mailchimp's user-friendly design tools, templates, and a drag-and-drop builder simplify email and website creation, while 250+ integrations enhance functionality. Editors for landing pages, ads, and more make Mailchimp essential for marketers seeking professional results.\n\n![MailChimp Home Page Screenshot](https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fmailchimp_screenshot_ee8b35fe87.png \"MailChimp Home Page Screenshot\")\n\n### 7. Airtable\n\nAirtable is a powerful no-code platform which fosters collaborative workflows by enabling teams to create custom apps for streamlined processes. With a user-friendly drag-and-drop builder and versatile templates, Airtable centralizes data and synchronizes tasks. Trusted by over 300,000 organizations, including 80% of the Fortune 100, Airtable's Connected Apps Platform goes beyond spreadsheets, offering robust building blocks for modeling, relationship defining, and tailored views.\n\n This adaptable system promotes agility, transparency, and visibility, allowing teams to address diverse use cases without the need for IT resources, making it an indispensable tool for evolving markets and changing goals.\n\n![Airtable Home Page Screenshot](https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fairtable_screenshot_da63e3a470.png \"Airtable Home Page Screenshot\")\n\n### 8. Wix\n\nWix is a web creation and business management platform. Boasting lightning-fast performance, enterprise-grade security, and reliable infrastructure, Wix ensures your site is always operational. Beyond a website builder, Wix offers versatile features, from online scheduling and payments to versatile eCommerce solutions. \n\nWith leading SEO, marketing tools, advanced analytics, and a mobile app, managing your online presence is intuitive and efficient. Choose from 900+ templates, utilize advanced SEO, and tap into full-stack web dev tools for custom functionality. Join millions who've achieved online goals with Wix's comprehensive suite for optimal user experiences and business growth.\n\n![Wix Home Page Screenshot](https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fwix_screenshot_b01e50686d.png \"Wix Airtable Home Page Screenshot\")\n\n**Implementing No-Code Tools**\n\nImplementing no-code tools offers unparalleled ease in enhancing various business operations. Their intuitive interfaces allow users to create solutions without coding expertise, streamlining processes across departments. From app development to workflow automation, no-code tools are adaptable and user-friendly, making them suitable for businesses of all sizes. Small startups benefit from cost-effective solutions, while larger enterprises appreciate rapid deployment and flexibility.\n\nIn the present times, importance of incorporating no-code tools cannot be overstated. They foster agility, reduce development costs, and democratize technology, enabling businesses to innovate and evolve. Adapting to no-code tools has become imperative for staying competitive. We encourage you to explore and leverage these tools to increase your productivity. Please let us know in the comments, which of these tools did you find the most useful.\n","blog\u002Fblog\u002Ftop-8-no-code-tools-for-your-business-in-2024.md",{"text":93},"8 min read",{"title":95,"author":96,"authorImage":8,"authorProfile":97,"coverImg":98,"coverImgAlt":99,"createdAt":100,"description":101,"featured":14,"jsonld":102,"keywords":119,"metaDescription":101,"metaImage":120,"metaTitle":121,"publishedAt":122,"slug":123,"updatedAt":124,"__hash__":125,"body":126,"id":127,"coverImgWidth":25,"coverImgHeight":26,"readingStats":128},"What is Conditional Logic in Forms? A Practical Guide with 8 Examples","Harsh Shah","https:\u002F\u002Flinkedin.com\u002Fin\u002Fharshshahseo","https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002FBlog_post_cover_1_7f09e73c8f.png","an illustration of conditional logic","2024-09-12T19:11:07.554Z","Conditional logic in forms shows or hides questions based on previous answers. See 8 real examples, the 8 builders that support it, and how to set it up in minu",[103],{"@type":104,"image":105,"author":106,"@context":108,"headline":95,"publisher":109,"description":115,"dateModified":116,"datePublished":117,"mainEntityOfPage":118},"Article","https:\u002F\u002Fformester.com\u002Fblog\u002Fwhat-is-conditional-logic-how-to-use-it\u002Fpreview.png",{"url":33,"name":32,"@type":107},"Person","https:\u002F\u002Fschema.org",{"logo":110,"name":113,"@type":114},{"url":111,"@type":112},"https:\u002F\u002Fformester.com\u002Flogo.svg","ImageObject","Formester","Organization","Conditional logic in forms shows or hides questions based on previous answers. See 8 real examples, the 8 builders that support it, and how to set it up in minutes.","2026-06-11","2024-09-13","https:\u002F\u002Fformester.com\u002Fblog\u002Fwhat-is-conditional-logic-how-to-use-it\u002F","conditional logic,\nconditional logic google forms,\nforms with conditional logic,\nwhat is conditional logic,\nform builder with conditional logic,\nbest conditional logic forms,\nconditional logic forms,",[],"Conditional Logic in Forms: 8 Examples + How to Add","2026-06-15T04:44:05.290Z","what-is-conditional-logic-how-to-use-it","2026-06-15T04:44:05.295Z","2M9qh9YhUNTgD-wmkN_SpaNrsb7p7VJHiKuVs70ZwFk","\u003Cstyle>\n\u002F* batch-1 blog normalisation *\u002F\n.fmstr-blog-lead {\n  font-size: 17px !important;\n  line-height: 1.65 !important;\n  color: #475467 !important;\n  font-weight: 400 !important;\n  margin: 0 0 16px !important;\n}\n.fmstr-blog-lead a { color: #6941c6 !important; font-weight: 500; }\n.fmstr-blog-lead a:hover { text-decoration: underline !important; }\n.fmstr-blog-lead strong { color: #101828; font-weight: 700; }\nsection[class^=\"fmstr-cmp-\"], section[class*=\" fmstr-cmp-\"] {\n  padding-top: 28px !important;\n  padding-bottom: 28px !important;\n}\n@media (max-width: 540px) {\n  section[class^=\"fmstr-cmp-\"], section[class*=\" fmstr-cmp-\"] {\n    padding-top: 24px !important;\n    padding-bottom: 24px !important;\n  }\n}\n\u003C\u002Fstyle>\n\n\u003Cstyle id=\"fmstr-blog-mobile-fullwidth-v3\">\n@media (max-width: 760px) {\n  .art-section { padding-left: 12px !important; padding-right: 12px !important; }\n}\n@media (max-width: 540px) {\n  .art-section { padding-left: 6px !important; padding-right: 6px !important; padding-top: 24px !important; }\n  section[class^=\"fmstr-cmp-\"], section[class*=\" fmstr-cmp-\"] {\n    padding-left: 0 !important; padding-right: 0 !important;\n    overflow-x: hidden !important; box-sizing: border-box !important;\n  }\n  section[class^=\"fmstr-cmp-\"] *, section[class^=\"fmstr-cmp-\"] *::before, section[class^=\"fmstr-cmp-\"] *::after { box-sizing: border-box !important; }\n  section[class^=\"fmstr-cmp-\"] > *, section[class^=\"fmstr-cmp-\"] > * > * { min-width: 0 !important; }\n  section[class^=\"fmstr-cmp-\"] [class*=\"__container\"] {\n    padding-left: 0 !important; padding-right: 0 !important;\n    max-width: 100% !important; width: 100% !important;\n  }\n  section[class^=\"fmstr-cmp-\"] [class*=\"__card\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__step\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__panel\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__tool\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__verdict\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__row\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__fix\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__callout\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__quote\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__tldr\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__answer\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__faq\"],\n  section[class^=\"fmstr-cmp-\"] details {\n    padding-left: 14px !important; padding-right: 14px !important;\n    margin-left: 0 !important; margin-right: 0 !important;\n  }\n  section[class^=\"fmstr-cmp-\"] p, section[class^=\"fmstr-cmp-\"] li { font-size: 15px !important; line-height: 1.6 !important; }\n  section[class^=\"fmstr-cmp-\"] h2 { font-size: 22px !important; line-height: 1.22 !important; }\n  section[class^=\"fmstr-cmp-\"] h3 { font-size: 18px !important; line-height: 1.3 !important; }\n  section[class^=\"fmstr-cmp-\"] h4 { font-size: 16px !important; line-height: 1.35 !important; }\n  section[class^=\"fmstr-cmp-\"] table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; width: 100% !important; }\n  section[class^=\"fmstr-cmp-\"] img, section[class^=\"fmstr-cmp-\"] iframe, section[class^=\"fmstr-cmp-\"] video { max-width: 100% !important; height: auto !important; }\n  section[class^=\"fmstr-cmp-\"] pre, section[class^=\"fmstr-cmp-\"] code {\n    white-space: pre-wrap !important; overflow-wrap: anywhere !important; word-break: break-word !important;\n  }\n  section[class^=\"fmstr-cmp-\"] pre { overflow-x: auto; }\n  .fmstr-blog-lead { font-size: 16.5px !important; }\n}\n\u003C\u002Fstyle>\n\n\u003Cp class=\"fmstr-blog-lead\">Conditional logic is what makes a form ask the right question to the right person. If a respondent answers \"yes,\" they see follow-up questions. If they answer \"no,\" the form skips ahead.\u003C\u002Fp>\n\n\u003Cp class=\"fmstr-blog-lead\">The form gets shorter for every person who fills it in, which is why \u003Ca href=\"https:\u002F\u002Fwww.feathery.io\u002Fblog\u002Fwhat-is-conditional-logic\">conditional-logic forms see roughly 30 percent higher completion rates than static forms\u003C\u002Fa> in published builder benchmarks.\u003C\u002Fp>\n\n\u003Cp class=\"fmstr-blog-lead\">This guide covers what conditional logic in forms actually is, eight examples by industry, the eight form builders that support it (with the plan tier you need), and a 6-step walkthrough for setting it up inside \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Fconditional-logic\u002F\">Formester's conditional logic builder\u003C\u002Fa>.\u003C\u002Fp>\n\n\u003Cstyle>\n.fmstr-cmp-tmpl-tldr a { text-decoration: none !important; }\n.fmstr-cmp-tmpl-tldr {\n--c-card: #f7f3ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-500: #7f56d9; --c-violet-600: #6941c6; --c-violet-700: #5b34b1;\n--c-edge: #e4d7ff; --c-border: #d6c2f7;\n--c-shadow: 0 1px 3px rgba(16,24,40,.05);\nbackground: transparent;\npadding: 28px 0 40px;\nfont-family: inherit;\ncolor: var(--c-fg-1);\ntext-align: left !important; overflow-x: hidden; -webkit-text-size-adjust: 100%;}\n.fmstr-cmp-tmpl-tldr *, .fmstr-cmp-tmpl-tldr *::before, .fmstr-cmp-tmpl-tldr *::after { box-sizing: border-box; }\n.fmstr-cmp-tmpl-tldr__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-tmpl-tldr__card {\nbackground: var(--c-card);\nborder: 1px solid var(--c-border);\nborder-left: 4px solid var(--c-violet-500);\nborder-radius: 14px;\npadding: 22px 26px;\nbox-shadow: var(--c-shadow);\ndisplay: flex; flex-direction: column; gap: 10px;\n}\n.fmstr-cmp-tmpl-tldr__label {\nfont-size: 12px !important;\nfont-weight: 700 !important;\nletter-spacing: 0.08em !important;\ntext-transform: uppercase;\ncolor: var(--c-violet-700) !important;\ndisplay: inline-flex;\nalign-items: center;\ngap: 8px;\nmargin: 0 !important;\n}\n.fmstr-cmp-tmpl-tldr__label::before {\ncontent: \"\";\nwidth: 8px; height: 8px; border-radius: 9999px;\nbackground: var(--c-violet-500);\ndisplay: inline-block;\n}\n.fmstr-cmp-tmpl-tldr__body {\nfont-size: 16px !important;\nline-height: 1.65 !important;\ncolor: var(--c-fg-1);\nmargin: 0 !important;\nfont-weight: 500 !important;\n}\n.fmstr-cmp-tmpl-tldr__body strong { color: var(--c-violet-700); font-weight: 700; }\n.fmstr-cmp-tmpl-tldr__body a { color: var(--c-violet-600) !important; font-weight: 600; }\n.fmstr-cmp-tmpl-tldr__body a:hover { text-decoration: underline !important; }\n\n@media (max-width: 540px) {\n.fmstr-cmp-tmpl-tldr { padding: 20px 0 28px; }\n.fmstr-cmp-tmpl-tldr__card { padding: 18px 20px; }\n.fmstr-cmp-tmpl-tldr__body { font-size: 15px !important; }\n}\n\n\n\u002F* mobile-safety-v2 *\u002F\n.fmstr-cmp-tmpl-tldr img, .fmstr-cmp-tmpl-tldr table, .fmstr-cmp-tmpl-tldr pre, .fmstr-cmp-tmpl-tldr iframe, .fmstr-cmp-tmpl-tldr video { max-width: 100%; }\n.fmstr-cmp-tmpl-tldr > * { min-width: 0; }\n.fmstr-cmp-tmpl-tldr [class*='__grid'] > *, .fmstr-cmp-tmpl-tldr [class*='__list'] > *, .fmstr-cmp-tmpl-tldr [class*='__cards'] > * { min-width: 0; max-width: 100%; }\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-tldr pre { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n  .fmstr-cmp-tmpl-tldr table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-tldr\" aria-labelledby=\"fmstr-cmp-tmpl-tldr-label\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-tldr__container\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-tldr__card\">\n\u003Cp class=\"fmstr-cmp-tmpl-tldr__label\" id=\"fmstr-cmp-tmpl-tldr-label\">Quick answer\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-tldr__body\">\u003Cstrong>Conditional logic\u003C\u002Fstrong> in forms is a rule that shows, hides, or reroutes questions based on what the respondent just answered. Every rule has three parts: a trigger field, a condition (equals, contains, is empty), and an action (show, hide, jump, require, route).\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-tldr__body\">Forms with conditional logic see roughly \u003Ca href=\"https:\u002F\u002Fwww.feathery.io\u002Fblog\u002Fwhat-is-conditional-logic\">30 percent higher completion rates\u003C\u002Fa> because respondents only see the questions that apply to them.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-tldr__body\">The 8 examples and builder comparison below cover the patterns that ship most often, plus the 6-step setup inside Formester's conditional logic builder.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003Cstyle>\n\u002F* host-link-override *\u002F\n.fmstr-cmp-wicl-cmp a { text-decoration: none !important; }\n.fmstr-cmp-wicl-cmp {\n--c-bg-section: #f4f4f7; --c-bg-card: #ffffff;\n--c-bg-tint: #f7f3ff; --c-bg-edge: #e4d7ff; --c-bg-row: #fafafb;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-600: #6941c6;\n--c-border: #eaecf0;\n--c-shadow: 0 4px 20px rgba(16,24,40,.06), 0 2px 6px rgba(16,24,40,.04);\n\nbackground: transparent; padding: 56px 24px;\nfont-family: inherit;\ncolor: var(--c-fg-1); overflow-x: hidden; -webkit-text-size-adjust: 100%;}\n.fmstr-cmp-wicl-cmp *, .fmstr-cmp-wicl-cmp *::before, .fmstr-cmp-wicl-cmp *::after { box-sizing: border-box; }\n.fmstr-cmp-wicl-cmp__container { max-width: 1180px; margin: 0 auto; text-align: left; }\n.fmstr-cmp-wicl-cmp__eyebrow {\ndisplay: inline-block; padding: 5px 12px; border-radius: 9999px;\nbackground: var(--c-bg-tint); color: var(--c-violet-600);\nfont-size: 12px; font-weight: 600; letter-spacing: .04em;\ntext-transform: uppercase; border: 1px solid var(--c-bg-edge); margin: 0 0 14px;\n}\n.fmstr-cmp-wicl-cmp__h2 { font-size: clamp(26px, 3vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -.02em; margin: 0; color: var(--c-fg-1); }\n.fmstr-cmp-wicl-cmp__intro { color: var(--c-fg-3); font-size: 17px; line-height: 1.6; max-width: 820px; margin: 14px 0 28px; }\n.fmstr-cmp-wicl-cmp__card { background: var(--c-bg-card); border: 1px solid var(--c-border); border-radius: 20px; overflow: hidden; box-shadow: var(--c-shadow); text-align: left; }\n.fmstr-cmp-wicl-cmp__scroll { overflow-x: auto; }\n.fmstr-cmp-wicl-cmp__table { width: 100%; border-collapse: collapse; font-size: 14.5px; min-width: 720px; }\n.fmstr-cmp-wicl-cmp__table th, .fmstr-cmp-wicl-cmp__table td { padding: 14px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--c-border); }\n.fmstr-cmp-wicl-cmp__table thead th { padding: 12px 16px !important; vertical-align: middle !important; background: var(--c-bg-tint); color: var(--c-violet-600); font-weight: 700; font-size: 12.5px; text-transform: uppercase; letter-spacing: .06em; line-height: 1.3 !important; }\n.fmstr-cmp-wicl-cmp__table thead tr { height: 48px; }\n.fmstr-cmp-wicl-cmp__table tbody th { font-weight: 600; color: var(--c-fg-1); background: var(--c-bg-row); width: 22%; }\n.fmstr-cmp-wicl-cmp__table tbody td { color: var(--c-fg-2); }\n.fmstr-cmp-wicl-cmp__table tbody tr:last-child th, .fmstr-cmp-wicl-cmp__table tbody tr:last-child td { border-bottom: 0; }\n.fmstr-cmp-wicl-cmp__table a { color: var(--c-violet-600) !important; text-decoration: none !important; font-weight: 500; }\n.fmstr-cmp-wicl-cmp__table a:hover { text-decoration: underline !important; }\n.fmstr-cmp-wicl-cmp__table tr.is-pick th { background: linear-gradient(135deg, #7f56d9, #6941c6); color: #ffffff !important; }\n.fmstr-cmp-wicl-cmp__table tr.is-pick th a { color: #ffffff !important; }\n.fmstr-cmp-wicl-cmp__close { margin: 20px 0 0; font-size: 15px; color: var(--c-fg-3); line-height: 1.6; max-width: 880px; }\n.fmstr-cmp-wicl-cmp__close a { color: var(--c-violet-600) !important; font-weight: 500; }\n.fmstr-cmp-wicl-cmp__close a:hover { text-decoration: underline !important; }\n\n@media (max-width: 760px) {\n.fmstr-cmp-wicl-cmp { padding: 40px 16px; }\n.fmstr-cmp-wicl-cmp__intro { font-size: 15.5px; }\n.fmstr-cmp-wicl-cmp__close { font-size: 14.5px; }\n.fmstr-cmp-wicl-cmp__card { background: transparent; border: 0; box-shadow: none; border-radius: 0; padding: 0; }\n.fmstr-cmp-wicl-cmp__scroll { overflow: visible; }\n.fmstr-cmp-wicl-cmp__table { display: block; min-width: 0; width: 100%; }\n.fmstr-cmp-wicl-cmp__table thead { display: none; }\n.fmstr-cmp-wicl-cmp__table tbody { display: block; }\n.fmstr-cmp-wicl-cmp__table tbody tr { display: block; background: #ffffff; border: 1px solid #eaecf0; border-radius: 14px; margin-bottom: 14px; box-shadow: 0 1px 3px rgba(16,24,40,.04); overflow: hidden; }\n.fmstr-cmp-wicl-cmp__table tbody tr:last-child { margin-bottom: 0; }\n.fmstr-cmp-wicl-cmp__table tbody th { display: block; width: 100%; background: #f7f3ff; color: #6941c6 !important; font-size: 16px; font-weight: 700; padding: 12px 16px; border-bottom: 1px solid #e4d7ff; }\n.fmstr-cmp-wicl-cmp__table tbody th a { color: #6941c6 !important; }\n.fmstr-cmp-wicl-cmp__table tbody td { display: block; padding: 10px 16px; border: 0; font-size: 14.5px; line-height: 1.5; color: #475467; }\n.fmstr-cmp-wicl-cmp__table tbody td::before { content: attr(data-h) \": \"; font-weight: 600; color: #101828; }\n.fmstr-cmp-wicl-cmp__table tbody tr.is-pick { box-shadow: 0 4px 14px rgba(127,86,217,.12); border-color: #e4d7ff; }\n.fmstr-cmp-wicl-cmp__table tbody tr.is-pick th { background: linear-gradient(135deg, #7f56d9, #6941c6) !important; color: #ffffff !important; border-bottom-color: transparent; }\n.fmstr-cmp-wicl-cmp__table tbody tr.is-pick th a { color: #ffffff !important; }\n}\n\n\n\u002F* mobile-safety-v2 *\u002F\n.fmstr-cmp-wicl-cmp img, .fmstr-cmp-wicl-cmp table, .fmstr-cmp-wicl-cmp pre, .fmstr-cmp-wicl-cmp iframe, .fmstr-cmp-wicl-cmp video { max-width: 100%; }\n.fmstr-cmp-wicl-cmp > * { min-width: 0; }\n.fmstr-cmp-wicl-cmp [class*='__grid'] > *, .fmstr-cmp-wicl-cmp [class*='__list'] > *, .fmstr-cmp-wicl-cmp [class*='__cards'] > * { min-width: 0; max-width: 100%; }\n@media (max-width: 540px) {\n  .fmstr-cmp-wicl-cmp pre { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n  .fmstr-cmp-wicl-cmp table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-wicl-cmp\" aria-labelledby=\"fmstr-cmp-wicl-cmp-h2\">\n\u003Cdiv class=\"fmstr-cmp-wicl-cmp__container\">\n\u003Cspan class=\"fmstr-cmp-wicl-cmp__eyebrow\">Which builders support conditional logic\u003C\u002Fspan>\n\u003Ch2 class=\"fmstr-cmp-wicl-cmp__h2\" id=\"fmstr-cmp-wicl-cmp-h2\">Conditional logic across 8 form builders, with the plan tier you need\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-wicl-cmp__intro\">Most modern form builders ship conditional logic, but the plan tier required to unlock it varies a lot. The table below maps the major builders against the cheapest paid plan you need to use it, accurate as of 2026.\u003C\u002Fp>\n\u003Cdiv class=\"fmstr-cmp-wicl-cmp__card\">\n\u003Cdiv class=\"fmstr-cmp-wicl-cmp__scroll\">\n\u003Ctable class=\"fmstr-cmp-wicl-cmp__table\">\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Form builder\u003C\u002Fth>\n\u003Cth>Conditional logic supported?\u003C\u002Fth>\n\u003Cth>Cheapest plan that unlocks it\u003C\u002Fth>\n\u003Cth>Notes\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr class=\"is-pick\">\n\u003Cth>Formester\u003C\u002Fth>\n\u003Ctd data-h=\"Conditional logic supported?\">Yes\u003C\u002Ftd>\n\u003Ctd data-h=\"Cheapest plan\">Personal plan ($9\u002Fmo)\u003C\u002Ftd>\n\u003Ctd data-h=\"Notes\">Free plan supports basic rules; Personal+ adds AND\u002FOR operators, skip-page logic, conditional notifications\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Cth>\u003Ca href=\"https:\u002F\u002Fwww.jotform.com\u002Fform-features\u002Fconditional-logic\u002F\">Jotform\u003C\u002Fa>\u003C\u002Fth>\n\u003Ctd data-h=\"Conditional logic supported?\">Yes\u003C\u002Ftd>\n\u003Ctd data-h=\"Cheapest plan\">Free\u003C\u002Ftd>\n\u003Ctd data-h=\"Notes\">Free plan caps total conditions per form; Bronze and above lift the cap\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Cth>\u003Ca href=\"https:\u002F\u002Fwww.typeform.com\u002Fhelp\u002Fa\u002Fconditional-logic-aka-logic-jumps-360029265072\u002F\">Typeform\u003C\u002Fa>\u003C\u002Fth>\n\u003Ctd data-h=\"Conditional logic supported?\">Yes (Logic Jumps)\u003C\u002Ftd>\n\u003Ctd data-h=\"Cheapest plan\">Basic plan ($25\u002Fmo)\u003C\u002Ftd>\n\u003Ctd data-h=\"Notes\">Free plan has no Logic Jumps; Basic unlocks them\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Cth>\u003Ca href=\"https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-to-add-conditional-questions-in-google-forms\u002F\">Google Forms\u003C\u002Fa>\u003C\u002Fth>\n\u003Ctd data-h=\"Conditional logic supported?\">Section-jump workaround only\u003C\u002Ftd>\n\u003Ctd data-h=\"Cheapest plan\">Free\u003C\u002Ftd>\n\u003Ctd data-h=\"Notes\">No true field-level conditional logic; respondents jump between sections, not fields. Walkthrough here\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Cth>\u003Ca href=\"https:\u002F\u002Fwww.gravityforms.com\u002Ffeatures\u002F\">Gravity Forms\u003C\u002Fa>\u003C\u002Fth>\n\u003Ctd data-h=\"Conditional logic supported?\">Yes\u003C\u002Ftd>\n\u003Ctd data-h=\"Cheapest plan\">Basic license ($59\u002Fyr)\u003C\u002Ftd>\n\u003Ctd data-h=\"Notes\">No free plan; all paid tiers include conditional logic\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Cth>\u003Ca href=\"https:\u002F\u002Fwpforms.com\u002Ffeatures\u002Fsmart-conditional-logic\u002F\">WPForms\u003C\u002Fa>\u003C\u002Fth>\n\u003Ctd data-h=\"Conditional logic supported?\">Yes\u003C\u002Ftd>\n\u003Ctd data-h=\"Cheapest plan\">Basic license ($49.50\u002Fyr)\u003C\u002Ftd>\n\u003Ctd data-h=\"Notes\">Lite (free) version does not include conditional logic; Basic license is the entry point\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Cth>\u003Ca href=\"https:\u002F\u002Fsupport.microsoft.com\u002Fen-us\u002Foffice\u002Fuse-branching-logic-in-microsoft-forms-16634fda-eddb-44da-856d-6a8213f0d8bb\">Microsoft Forms\u003C\u002Fa>\u003C\u002Fth>\n\u003Ctd data-h=\"Conditional logic supported?\">Section branching only\u003C\u002Ftd>\n\u003Ctd data-h=\"Cheapest plan\">Free with Microsoft 365\u003C\u002Ftd>\n\u003Ctd data-h=\"Notes\">Branches whole sections, not individual fields; no AND\u002FOR operators\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Cth>\u003Ca href=\"https:\u002F\u002Fwww.fillout.com\u002F\">Fillout\u003C\u002Fa>\u003C\u002Fth>\n\u003Ctd data-h=\"Conditional logic supported?\">Yes\u003C\u002Ftd>\n\u003Ctd data-h=\"Cheapest plan\">Free\u003C\u002Ftd>\n\u003Ctd data-h=\"Notes\">Free plan includes conditional logic; Pro lifts submission caps and unlocks calculations\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-wicl-cmp__close\">Pricing and feature claims verified against each vendor's pricing page as of 2026. Plan tiers change frequently; check the live pricing page before publishing this anywhere downstream.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-wicl-cmp__close\">For multi-branch trees, AND\u002FOR operators, and conditional notifications on a free plan, the cleanest fit is Formester's conditional logic.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003Cstyle>\n\u002F* host-link-override *\u002F\n.fmstr-cmp-wicl-ex a { text-decoration: none !important; }\n.fmstr-cmp-wicl-ex {\n--c-bg-page: #ffffff;\n--c-bg-card: #ffffff;\n--c-bg-violet: linear-gradient(135deg, #ede4ff, #ddd0fb);\n--c-bg-green: linear-gradient(135deg, #dcfce7, #bbf7d0);\n--c-bg-amber: linear-gradient(135deg, #fef3c7, #fde68a);\n--c-bg-blue: linear-gradient(135deg, #dbeafe, #bfdbfe);\n--c-bg-rose: linear-gradient(135deg, #ffe4e6, #fecdd3);\n--c-bg-teal: linear-gradient(135deg, #ccfbf1, #99f6e4);\n--c-bg-orange: linear-gradient(135deg, #ffedd5, #fed7aa);\n--c-bg-slate: linear-gradient(135deg, #e2e8f0, #cbd5e1);\n--c-fg-1: #101828;\n--c-fg-2: #475467;\n--c-fg-3: #697586;\n--c-violet-600: #6941c6;\n--c-border: #eaecf0;\n--c-shadow: 0 1px 3px rgba(16,24,40,.05), 0 1px 2px rgba(16,24,40,.03);\n\nbackground: transparent;\npadding: 56px 24px;\nfont-family: inherit;\ncolor: var(--c-fg-1); overflow-x: hidden; -webkit-text-size-adjust: 100%;}\n.fmstr-cmp-wicl-ex *, .fmstr-cmp-wicl-ex *::before, .fmstr-cmp-wicl-ex *::after { box-sizing: border-box; }\n.fmstr-cmp-wicl-ex__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-wicl-ex__header { margin: 0 0 28px; max-width: 820px; }\n.fmstr-cmp-wicl-ex__h2 { font-size: clamp(26px, 3vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -.02em; margin: 0; color: var(--c-fg-1); }\n.fmstr-cmp-wicl-ex__intro { color: var(--c-fg-3); font-size: 17px; line-height: 1.6; margin: 14px 0 0; }\n.fmstr-cmp-wicl-ex__grid { display: flex; flex-direction: column; gap: 20px; }\n\n.fmstr-cmp-wicl-ex__block {\nbackground: var(--c-bg-card); border: 1px solid var(--c-border);\nborder-radius: 24px; padding: 28px 32px; box-shadow: var(--c-shadow);\n}\n.fmstr-cmp-wicl-ex__head { display: flex; align-items: flex-start; gap: 18px; flex-wrap: wrap; }\n.fmstr-cmp-wicl-ex__thumb {\nwidth: 72px; height: 72px; border-radius: 14px;\ndisplay: grid; place-items: center; flex-shrink: 0; font-size: 28px;\n color: var(--c-fg-1); }\n.fmstr-cmp-wicl-ex__thumb svg { width: 28px; height: 28px; stroke: var(--c-fg-1); }\n.fmstr-cmp-wicl-ex__thumb--lead { background: var(--c-bg-violet); }\n.fmstr-cmp-wicl-ex__thumb--job { background: var(--c-bg-green); }\n.fmstr-cmp-wicl-ex__thumb--health { background: var(--c-bg-rose); }\n.fmstr-cmp-wicl-ex__thumb--ecom { background: var(--c-bg-amber); }\n.fmstr-cmp-wicl-ex__thumb--event { background: var(--c-bg-blue); }\n.fmstr-cmp-wicl-ex__thumb--edu { background: var(--c-bg-teal); }\n.fmstr-cmp-wicl-ex__thumb--hr { background: var(--c-bg-orange); }\n.fmstr-cmp-wicl-ex__thumb--contact { background: var(--c-bg-slate); }\n.fmstr-cmp-wicl-ex__meta { flex: 1; min-width: 240px; }\n.fmstr-cmp-wicl-ex__index {\ndisplay: inline-block; font-size: 12.5px; font-weight: 700;\nletter-spacing: .06em; text-transform: uppercase;\ncolor: var(--c-violet-600); margin: 0 0 4px;\n}\n.fmstr-cmp-wicl-ex__meta h3 { font-size: 22px; font-weight: 700; letter-spacing: -.02em; margin: 0; color: var(--c-fg-1); line-height: 1.25; }\n.fmstr-cmp-wicl-ex__body { font-size: 16px; line-height: 1.65; color: var(--c-fg-2); margin: 16px 0 0; }\n.fmstr-cmp-wicl-ex__body a { color: var(--c-violet-600) !important; font-weight: 500; }\n.fmstr-cmp-wicl-ex__body a:hover { text-decoration: underline !important; }\n\n@media (max-width: 760px) {\n.fmstr-cmp-wicl-ex { padding: 40px 16px; }\n.fmstr-cmp-wicl-ex__grid { gap: 14px; }\n.fmstr-cmp-wicl-ex__block { padding: 22px 20px; border-radius: 18px; }\n.fmstr-cmp-wicl-ex__head { gap: 14px; }\n.fmstr-cmp-wicl-ex__thumb { width: 56px; height: 56px; border-radius: 12px; font-size: 24px; }\n.fmstr-cmp-wicl-ex__meta { min-width: 0; }\n.fmstr-cmp-wicl-ex__meta h3 { font-size: 19px; line-height: 1.25; }\n.fmstr-cmp-wicl-ex__body { font-size: 15px; }\n}\n\n\n\u002F* mobile-safety-v2 *\u002F\n.fmstr-cmp-wicl-ex img, .fmstr-cmp-wicl-ex table, .fmstr-cmp-wicl-ex pre, .fmstr-cmp-wicl-ex iframe, .fmstr-cmp-wicl-ex video { max-width: 100%; }\n.fmstr-cmp-wicl-ex > * { min-width: 0; }\n.fmstr-cmp-wicl-ex [class*='__grid'] > *, .fmstr-cmp-wicl-ex [class*='__list'] > *, .fmstr-cmp-wicl-ex [class*='__cards'] > * { min-width: 0; max-width: 100%; }\n@media (max-width: 540px) {\n  .fmstr-cmp-wicl-ex pre { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n  .fmstr-cmp-wicl-ex table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-wicl-ex\" aria-labelledby=\"fmstr-cmp-wicl-ex-h2\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__container\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__header\">\n\u003Ch2 class=\"fmstr-cmp-wicl-ex__h2\" id=\"fmstr-cmp-wicl-ex-h2\">8 conditional logic examples by use case\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-wicl-ex__intro\">These are the patterns that show up most often in real production forms.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__grid\">\n\n\u003Carticle class=\"fmstr-cmp-wicl-ex__block\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__head\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__thumb fmstr-cmp-wicl-ex__thumb--lead\" aria-hidden=\"true\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpath d=\"M3 3v18h18\"\u002F>\u003Cpath d=\"M7 14l4-4 4 4 6-6\"\u002F>\u003C\u002Fsvg>\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__meta\">\n\u003Cp class=\"fmstr-cmp-wicl-ex__index\">Example 1\u003C\u002Fp>\n\u003Ch3>Lead capture form: qualify by company size\u003C\u002Fh3>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-wicl-ex__body\">Ask \"How many employees does your company have?\" If the answer is over 50, route to a sales-call booking field. If under 50, route to a self-serve trial link. The same form serves both segments without splitting your campaign into two URLs.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-wicl-ex__body\">Pair with \u003Ca href=\"https:\u002F\u002Fformester.com\u002Fblog\u002Fcreate-lead-capture-form-effectively\u002F\">lead capture form best practices\u003C\u002Fa> for the field-order rules that keep conversions high.\u003C\u002Fp>\n\u003C\u002Farticle>\n\n\u003Carticle class=\"fmstr-cmp-wicl-ex__block\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__head\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__thumb fmstr-cmp-wicl-ex__thumb--job\" aria-hidden=\"true\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Crect x=\"3\" y=\"7\" width=\"18\" height=\"14\" rx=\"2\"\u002F>\u003Cpath d=\"M8 7V5a2 2 0 012-2h4a2 2 0 012 2v2\"\u002F>\u003Cpath d=\"M3 13h18\"\u002F>\u003C\u002Fsvg>\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__meta\">\n\u003Cp class=\"fmstr-cmp-wicl-ex__index\">Example 2\u003C\u002Fp>\n\u003Ch3>Job application: filter unqualified candidates\u003C\u002Fh3>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-wicl-ex__body\">Ask \"Do you have authorisation to work in the country this role is based in?\" If no, surface a polite \"We are unable to proceed\" message and skip the rest. The recruiter never sees the application, the candidate never wastes 15 minutes on the rest of the form.\u003C\u002Fp>\n\u003C\u002Farticle>\n\n\u003Carticle class=\"fmstr-cmp-wicl-ex__block\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__head\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__thumb fmstr-cmp-wicl-ex__thumb--health\" aria-hidden=\"true\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpath d=\"M5 4v6a4 4 0 0 0 8 0V4\"\u002F>\u003Cpath d=\"M13 10c0 4 0 6 4 6\"\u002F>\u003Ccircle cx=\"19\" cy=\"18\" r=\"2.2\"\u002F>\u003C\u002Fsvg>\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__meta\">\n\u003Cp class=\"fmstr-cmp-wicl-ex__index\">Example 3\u003C\u002Fp>\n\u003Ch3>Healthcare intake: show only the relevant symptom questions\u003C\u002Fh3>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-wicl-ex__body\">A patient intake form asks \"What are you here for today?\" If they select \"Routine check-up,\" the form skips the symptom section entirely. If they select \"I'm in pain,\" the form opens a body-area selector and a pain-scale field. Cleaner data for the clinician, less friction for the patient.\u003C\u002Fp>\n\u003C\u002Farticle>\n\n\u003Carticle class=\"fmstr-cmp-wicl-ex__block\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__head\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__thumb fmstr-cmp-wicl-ex__thumb--ecom\" aria-hidden=\"true\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Ccircle cx=\"9\" cy=\"20\" r=\"1.5\"\u002F>\u003Ccircle cx=\"17\" cy=\"20\" r=\"1.5\"\u002F>\u003Cpath d=\"M3 4h2.5l2 12h10.5l2-8H7\"\u002F>\u003C\u002Fsvg>\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__meta\">\n\u003Cp class=\"fmstr-cmp-wicl-ex__index\">Example 4\u003C\u002Fp>\n\u003Ch3>E-commerce checkout: conditional shipping fields\u003C\u002Fh3>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-wicl-ex__body\">Ask \"Is the billing address the same as the shipping address?\" If yes, hide the second address block. If no, reveal it. The default field count drops from ten to four for the 70 percent of orders where the addresses match.\u003C\u002Fp>\n\u003C\u002Farticle>\n\n\u003Carticle class=\"fmstr-cmp-wicl-ex__block\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__head\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__thumb fmstr-cmp-wicl-ex__thumb--event\" aria-hidden=\"true\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Crect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\u002F>\u003Cpath d=\"M16 3v4M8 3v4M3 11h18\"\u002F>\u003C\u002Fsvg>\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__meta\">\n\u003Cp class=\"fmstr-cmp-wicl-ex__index\">Example 5\u003C\u002Fp>\n\u003Ch3>Event registration: dietary follow-ups only if attending in person\u003C\u002Fh3>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-wicl-ex__body\">Ask \"Are you attending in-person or virtually?\" If virtual, the form ends after contact details. If in-person, the form opens dietary requirements, t-shirt size, and accessibility needs. One form, two completion paths.\u003C\u002Fp>\n\u003C\u002Farticle>\n\n\u003Carticle class=\"fmstr-cmp-wicl-ex__block\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__head\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__thumb fmstr-cmp-wicl-ex__thumb--edu\" aria-hidden=\"true\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpath d=\"M2 10l10-5 10 5-10 5z\"\u002F>\u003Cpath d=\"M6 12v5c0 1 3 2 6 2s6-1 6-2v-5\"\u002F>\u003C\u002Fsvg>\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__meta\">\n\u003Cp class=\"fmstr-cmp-wicl-ex__index\">Example 6\u003C\u002Fp>\n\u003Ch3>Education quiz: branch by score\u003C\u002Fh3>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-wicl-ex__body\">After a five-question quiz, show one of three result pages depending on the score. Under 3 correct: a remedial-content link. 3 to 4 correct: a \"you're close\" follow-up question. 5 correct: a discount code for the next course. The form delivers a personalised outcome without three separate URLs.\u003C\u002Fp>\n\u003C\u002Farticle>\n\n\u003Carticle class=\"fmstr-cmp-wicl-ex__block\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__head\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__thumb fmstr-cmp-wicl-ex__thumb--hr\" aria-hidden=\"true\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Ccircle cx=\"9\" cy=\"8\" r=\"3.5\"\u002F>\u003Cpath d=\"M2.5 21c0-4 3-6 6.5-6s6.5 2 6.5 6\"\u002F>\u003Ccircle cx=\"17\" cy=\"10\" r=\"2.5\"\u002F>\u003Cpath d=\"M16 21c0-3.5 1.5-5 4-5\"\u002F>\u003C\u002Fsvg>\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__meta\">\n\u003Cp class=\"fmstr-cmp-wicl-ex__index\">Example 7\u003C\u002Fp>\n\u003Ch3>HR survey: anonymous routing\u003C\u002Fh3>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-wicl-ex__body\">Ask \"Would you like to remain anonymous?\" If yes, hide the name and email fields and route the response to a separate anonymised submission inbox. If no, collect contact details and route to the standard HR queue. Use Formester's \u003Ca href=\"https:\u002F\u002Fformester.com\u002Fonline-survey-maker\u002F\">survey maker\u003C\u002Fa> with \u003Ca href=\"https:\u002F\u002Fformester.com\u002Fblog\u002Fbest-survey-questions\u002F\">good survey question patterns\u003C\u002Fa> so the responses you collect are usable.\u003C\u002Fp>\n\u003C\u002Farticle>\n\n\u003Carticle class=\"fmstr-cmp-wicl-ex__block\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__head\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__thumb fmstr-cmp-wicl-ex__thumb--contact\" aria-hidden=\"true\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Crect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\u002F>\u003Cpath d=\"M3 7l9 6 9-6\"\u002F>\u003C\u002Fsvg>\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__meta\">\n\u003Cp class=\"fmstr-cmp-wicl-ex__index\">Example 8\u003C\u002Fp>\n\u003Ch3>Multi-step contact form: department routing\u003C\u002Fh3>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-wicl-ex__body\">Ask \"Which team do you need?\" Map the answer to the destination email: Sales replies go to sales@, Support to support@, Press to press@. The respondent fills out one form, the right team handles the message, your inbox stays clean.\u003C\u002Fp>\n\u003C\u002Farticle>\n\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003Cstyle>\n.fmstr-cmp-tmpl-midcta a { text-decoration: none !important; }\n.fmstr-cmp-tmpl-midcta { background: transparent; padding: 48px 0; font-family: inherit; color: #101828; overflow-x: hidden; }\n.fmstr-cmp-tmpl-midcta *, .fmstr-cmp-tmpl-midcta *::before, .fmstr-cmp-tmpl-midcta *::after { box-sizing: border-box; }\n.fmstr-cmp-tmpl-midcta__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-tmpl-midcta__card { width: 100%; background: linear-gradient(135deg, #f7f3ff 0%, #faf7ff 100%); border: 1px solid #e4d7ff; border-radius: 18px; padding: 48px 32px; text-align: center; box-shadow: 0 4px 24px rgba(127, 86, 217, 0.08); }\n.fmstr-cmp-tmpl-midcta__inner { max-width: 760px; margin: 0 auto; }\n.fmstr-cmp-tmpl-midcta__eyebrow { display: inline-block; padding: 4px 12px; background: #ffffff; border: 1px solid #e4d7ff; border-radius: 9999px; color: #5b34b1 !important; font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: 0.06em !important; text-transform: uppercase; margin: 0 0 14px !important; }\n.fmstr-cmp-tmpl-midcta__h2 { font-size: clamp(22px, 3vw, 28px) !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.02em !important; margin: 0 0 12px !important; color: #101828 !important; }\n.fmstr-cmp-tmpl-midcta__body { font-size: 16px !important; line-height: 1.55 !important; color: #475467 !important; margin: 0 0 22px !important; }\n.fmstr-cmp-tmpl-midcta__cta { display: inline-flex !important; align-items: center; gap: 8px; background: #7f56d9 !important; color: #ffffff !important; border: 1px solid #7f56d9 !important; padding: 12px 26px !important; border-radius: 9999px !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: background .15s ease, transform .15s ease; }\n.fmstr-cmp-tmpl-midcta__cta:hover { background: #6941c6 !important; border-color: #6941c6 !important; color: #ffffff !important; text-decoration: none !important; transform: translateY(-1px); }\n.fmstr-cmp-tmpl-midcta__cta::after { content: \"\\2192\"; transition: transform .15s ease; }\n.fmstr-cmp-tmpl-midcta__cta:hover::after { transform: translateX(2px); }\n.fmstr-cmp-tmpl-midcta__strip { font-size: 13px !important; color: #697586 !important; margin: 20px 0 0 !important; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 14px; width: 100%; }\n.fmstr-cmp-tmpl-midcta__strip span { color: #d6c2f7; }\n@media (max-width: 760px) {\n  .fmstr-cmp-tmpl-midcta__card { padding: 36px 22px; }\n}\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-midcta { padding: 32px 0; }\n  .fmstr-cmp-tmpl-midcta__card { padding: 26px 16px; border-radius: 14px; }\n  .fmstr-cmp-tmpl-midcta__h2 { font-size: 20px !important; }\n  .fmstr-cmp-tmpl-midcta__body { font-size: 15px !important; }\n  .fmstr-cmp-tmpl-midcta__cta { padding: 11px 22px !important; font-size: 14.5px !important; width: 100%; justify-content: center; }\n  .fmstr-cmp-tmpl-midcta__strip { font-size: 12.5px !important; gap: 4px 10px; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-midcta\" aria-labelledby=\"fmstr-cmp-tmpl-midcta-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-midcta__container\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-midcta__card\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-midcta__inner\">\n\u003Cspan class=\"fmstr-cmp-tmpl-midcta__eyebrow\">Conditional logic\u003C\u002Fspan>\n\u003Ch2 class=\"fmstr-cmp-tmpl-midcta__h2\" id=\"fmstr-cmp-tmpl-midcta-h2\">Add conditional logic to any form, without writing a single rule\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-tmpl-midcta__body\">Drag-and-drop logic builder, show or hide by answer, route to the right page. Available on the free plan.\u003C\u002Fp>\n\u003Ca class=\"fmstr-cmp-tmpl-midcta__cta\" href=\"https:\u002F\u002Fapp.formester.com\u002Fusers\u002Fsign_up\" style=\"background: #7f56d9 !important; color: #ffffff !important; border-color: #7f56d9 !important; text-decoration: none !important;\">Start free on Formester\u003C\u002Fa>\n\u003Cp class=\"fmstr-cmp-tmpl-midcta__strip\">Free forever plan\u003Cspan>•\u003C\u002Fspan>No credit card\u003Cspan>•\u003C\u002Fspan>Setup in 2 minutes\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\u003Cstyle>\n\u002F* host-link-override *\u002F\n.fmstr-cmp-tmpl-faq a { text-decoration: none !important; }\n.fmstr-cmp-tmpl-faq {\n--c-card: #ffffff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-600: #6941c6;\n--c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-border: #eaecf0; --c-chip-bg: #f4f4f7;\n--c-shadow: 0 1px 3px rgba(16,24,40,.05);\n\nbackground: transparent; padding: 56px 24px;\nfont-family: inherit;\ncolor: var(--c-fg-1);\ntext-align: left !important; overflow-x: hidden; -webkit-text-size-adjust: 100%;}\n.fmstr-cmp-tmpl-faq *, .fmstr-cmp-tmpl-faq *::before, .fmstr-cmp-tmpl-faq *::after { box-sizing: border-box; }\n.fmstr-cmp-tmpl-faq__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-tmpl-faq__h2 { font-size: clamp(26px, 3vw, 36px) !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -.02em !important; margin: 0 !important; color: var(--c-fg-1); text-align: left; }\n.fmstr-cmp-tmpl-faq__intro { color: var(--c-fg-3); font-size: 17px !important; line-height: 1.6 !important; margin: 14px 0 28px !important; text-align: left; }\n.fmstr-cmp-tmpl-faq__list { display: flex; flex-direction: column; gap: 12px; }\n.fmstr-cmp-tmpl-faq__item {\nbackground: var(--c-card); border: 1px solid var(--c-border);\nborder-radius: 14px; box-shadow: var(--c-shadow); overflow: hidden;\n}\n.fmstr-cmp-tmpl-faq__item > summary {\npadding: 18px 22px; cursor: pointer; font-weight: 600; font-size: 16.5px;\ncolor: var(--c-fg-1); display: flex; align-items: center; gap: 14px;\nlist-style: none;\n}\n.fmstr-cmp-tmpl-faq__item > summary::-webkit-details-marker { display: none; }\n.fmstr-cmp-tmpl-faq__item > summary::before {\ncontent: \"\"; width: 28px; height: 28px; border-radius: 8px; flex-shrink: 0;\nbackground-color: var(--c-chip-bg);\nbackground-image: url(\"data:image\u002Fsvg+xml,%3Csvg xmlns='http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%2375747f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l4 4 4-4'\u002F%3E%3C\u002Fsvg%3E\");\nbackground-repeat: no-repeat; background-position: center;\ntransition: transform .15s ease, background-color .15s ease;\n}\n.fmstr-cmp-tmpl-faq__item[open] > summary::before { transform: rotate(180deg); background-color: var(--c-tint); }\n.fmstr-cmp-tmpl-faq__item[open] > summary { color: var(--c-violet-600) !important; }\n.fmstr-cmp-tmpl-faq__answer { padding: 0 22px 22px 64px; color: var(--c-fg-2); font-size: 15.5px; line-height: 1.7; }\n.fmstr-cmp-tmpl-faq__answer a { color: var(--c-violet-600) !important; text-decoration: none !important; }\n.fmstr-cmp-tmpl-faq__answer a:hover { text-decoration: underline !important; }\n\n@media (max-width: 760px) {\n.fmstr-cmp-tmpl-faq { padding: 40px 16px; }\n.fmstr-cmp-tmpl-faq__intro { font-size: 15.5px !important; text-align: left; }\n.fmstr-cmp-tmpl-faq__item > summary { padding: 16px 16px; font-size: 15.5px; gap: 12px; }\n.fmstr-cmp-tmpl-faq__item > summary::before { width: 26px; height: 26px; }\n.fmstr-cmp-tmpl-faq__answer { padding: 0 16px 18px 16px; font-size: 15px; line-height: 1.65; }\n}\n\n\n\u002F* mobile-safety-v2 *\u002F\n.fmstr-cmp-tmpl-faq img, .fmstr-cmp-tmpl-faq table, .fmstr-cmp-tmpl-faq pre, .fmstr-cmp-tmpl-faq iframe, .fmstr-cmp-tmpl-faq video { max-width: 100%; }\n.fmstr-cmp-tmpl-faq > * { min-width: 0; }\n.fmstr-cmp-tmpl-faq [class*='__grid'] > *, .fmstr-cmp-tmpl-faq [class*='__list'] > *, .fmstr-cmp-tmpl-faq [class*='__cards'] > * { min-width: 0; max-width: 100%; }\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-faq pre { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n  .fmstr-cmp-tmpl-faq table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-faq\" aria-labelledby=\"fmstr-cmp-tmpl-faq-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__container\">\n\u003Ch2 class=\"fmstr-cmp-tmpl-faq__h2\" id=\"fmstr-cmp-tmpl-faq-h2\">Conditional logic FAQs\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-tmpl-faq__intro\">Common questions about how conditional logic works in forms, what builders support it, and how Formester handles it on the free and paid tiers.\u003C\u002Fp>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__list\">\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>What is conditional logic in forms?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Conditional logic is a rule that changes a form based on what the respondent just answered. A trigger field is checked against a condition (equals, contains, is empty), and an action runs: show a field, hide a section, jump to a page, mark a field required, or route the response to a specific email.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>What is an example of conditional logic?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">A customer support form asks \"What do you need help with?\" If the respondent picks \"Billing,\" the form reveals an invoice-number field. If they pick \"Bug report,\" the form reveals a screenshot upload instead. Same form, two paths.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can you do conditional logic in Google Forms?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Partially. Google Forms supports section-jump logic only: the respondent finishes a section, then Google jumps them to a different section based on a single answer. It does not support hiding individual fields, conditional required fields, or AND\u002FOR operators. The workaround is documented in our Google Forms conditional logic guide.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can you use conditional logic in Microsoft Forms?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Yes, but only at the section level. Microsoft calls it \"branching.\" It routes the respondent to a different section based on an answer but does not support field-level show\u002Fhide or AND\u002FOR conditions.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Is conditional logic free in Formester?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Yes for basic rules. Formester's Free plan supports show\u002Fhide and section-jump rules. The Personal plan ($9\u002Fmo) unlocks AND\u002FOR operators, conditional notifications, conditional required fields, and unlimited rules per form.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Does conditional logic slow down a form?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Almost never. Conditional logic runs in the browser the moment the trigger field changes, so there is no extra network round-trip. Forms with hundreds of rules can feel sluggish on older devices; the practical limit before users notice lag is around 200 active rules.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003Cstyle>\n\u002F* host-link-override *\u002F\n.fmstr-cmp-tmpl-rel a { text-decoration: none !important; }\n.fmstr-cmp-tmpl-rel {\n--c-card: #ffffff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-500: #7f56d9; --c-violet-600: #6941c6;\n--c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-border: #eaecf0;\n--c-shadow: 0 4px 20px rgba(16,24,40,.06);\n\nbackground: transparent;\npadding: 56px 24px;\nfont-family: inherit;\ncolor: var(--c-fg-1);\ntext-align: left !important; overflow-x: hidden; -webkit-text-size-adjust: 100%;}\n.fmstr-cmp-tmpl-rel *, .fmstr-cmp-tmpl-rel *::before, .fmstr-cmp-tmpl-rel *::after { box-sizing: border-box; }\n.fmstr-cmp-tmpl-rel__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-tmpl-rel__head { margin: 0 0 28px !important; text-align: left; }\n.fmstr-cmp-tmpl-rel__h2 { font-size: clamp(26px, 3vw, 36px) !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -.02em !important; margin: 0 !important; color: var(--c-fg-1); text-align: left; }\n.fmstr-cmp-tmpl-rel__intro { color: var(--c-fg-3); font-size: 17px !important; line-height: 1.6 !important; margin: 14px 0 0 !important; text-align: left; }\n\n.fmstr-cmp-tmpl-rel__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }\n.fmstr-cmp-tmpl-rel__card {\nbackground: var(--c-card); border: 1px solid var(--c-border);\nborder-radius: 14px; padding: 20px 22px; display: flex; flex-direction: column; gap: 8px;\ntext-decoration: none !important; color: inherit !important; transition: all .15s ease;\nposition: relative;\n}\n.fmstr-cmp-tmpl-rel__card:hover { border-color: var(--c-edge); box-shadow: var(--c-shadow); transform: translateY(-1px); }\n.fmstr-cmp-tmpl-rel__chip {\ndisplay: inline-block; padding: 3px 10px; border-radius: 9999px;\nbackground: var(--c-tint); border: 1px solid var(--c-edge);\ncolor: var(--c-violet-600); font-size: 11.5px; font-weight: 600; letter-spacing: .02em;\ntext-transform: uppercase; align-self: flex-start;\nmargin-bottom: 2px;\n}\n.fmstr-cmp-tmpl-rel__title {\nfont-size: 16px !important; font-weight: 700 !important; color: var(--c-fg-1); margin: 0 !important; line-height: 1.3 !important; text-align: left; }\n.fmstr-cmp-tmpl-rel__body { font-size: 14.5px !important; line-height: 1.55 !important; color: var(--c-fg-2); margin: 0 !important; }\n.fmstr-cmp-tmpl-rel__arrow {\nmargin-top: 6px; color: var(--c-violet-600); font-size: 14px; font-weight: 600;\ndisplay: inline-flex; align-items: center; gap: 6px;\n}\n.fmstr-cmp-tmpl-rel__arrow::after {\ncontent: \"\\2192\"; transition: transform .15s ease; display: inline-block;\n}\n.fmstr-cmp-tmpl-rel__card:hover .fmstr-cmp-tmpl-rel__arrow::after { transform: translateX(3px); }\n\n@media (max-width: 880px) { .fmstr-cmp-tmpl-rel__grid { grid-template-columns: 1fr 1fr; gap: 14px; } }\n@media (max-width: 540px) {\n.fmstr-cmp-tmpl-rel { padding: 40px 16px; }\n.fmstr-cmp-tmpl-rel__grid { grid-template-columns: 1fr; gap: 12px; }\n.fmstr-cmp-tmpl-rel__card { padding: 18px 20px; }\n}\n\n\n\u002F* mobile-safety-v2 *\u002F\n.fmstr-cmp-tmpl-rel img, .fmstr-cmp-tmpl-rel table, .fmstr-cmp-tmpl-rel pre, .fmstr-cmp-tmpl-rel iframe, .fmstr-cmp-tmpl-rel video { max-width: 100%; }\n.fmstr-cmp-tmpl-rel > * { min-width: 0; }\n.fmstr-cmp-tmpl-rel [class*='__grid'] > *, .fmstr-cmp-tmpl-rel [class*='__list'] > *, .fmstr-cmp-tmpl-rel [class*='__cards'] > * { min-width: 0; max-width: 100%; }\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-rel pre { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n  .fmstr-cmp-tmpl-rel table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-rel\" aria-labelledby=\"fmstr-cmp-tmpl-rel-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-rel__container\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-rel__head\">\n\u003Ch2 class=\"fmstr-cmp-tmpl-rel__h2\" id=\"fmstr-cmp-tmpl-rel-h2\">Related on Formester\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__intro\">Next steps for building conditional forms, plus the Google Forms workaround and the AI form generator that writes the rules for you.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-tmpl-rel__grid\">\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Fconditional-logic\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Feature\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Conditional logic form builder\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Show, hide, jump, and route fields with AND\u002FOR rules. Free on every plan, AND\u002FOR on Personal+.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-to-add-conditional-questions-in-google-forms\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Guide\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Conditional questions in Google Forms\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">The section-jump workaround for Google Forms, with screenshots and the routing traps to avoid.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Fdrag-and-drop-form-builder\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Product\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Online form builder\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Drag-and-drop form builder with conditional logic, payments, and unlimited responses on the free plan.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Fai-form-generator\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Feature\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">AI form generator\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Describe the form in one prompt. The AI generates the fields and the conditional logic rules together.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Fblog\u002Fcreate-lead-capture-form-effectively\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Blog\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Create a lead capture form that converts\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Field-order rules, qualifying questions, and the conditional branches that lift form completion above 60 percent.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Fonline-survey-maker\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Product\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Online survey maker\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Build branching surveys with skip logic, anonymous routing, and conditional notifications to the right inbox.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n","blog\u002Fblog\u002Fwhat-is-conditional-logic-how-to-use-it.md",{"text":93},1788439061833]