Tutorials

The video offers a behind-the-scenes look at Unicorn Factory's freelancer dashboard, built with no-code tools like Webflow, Memberstack, and Parabola. Conor showcases features such as a job board, analytics dashboard, and profile management. The system updates analytics nightly and supports dynamic content, emphasizing modular design for future expansion.

Connor from Unicorn Factory demonstrates a lead automation system using Webflow, Integromat, Airtable, and Zapier. The workflow captures client inquiries on freelancer profiles, processes them in Airtable, and sends approved inquiries via email. Integromat is used for cost-effective task handling, saving $31/month. Connor emphasizes resourcefulness and supporting new software companies.

This video guides viewers on connecting Webflow forms with Airtable and Zapier. Nelson and Aaron demonstrate automating data management from Webflow form submissions to Airtable, and using Zapier to streamline content publishing. Key highlights include embedding Airtable forms in Webflow and leveraging Zapier for seamless data automation.

The video offers tips for learning Webflow, a web design tool. Connor, founder of Unicorn Factory, suggests starting with templates, using Webflow University for courses, and exploring the Webflow Showcase for inspiration. He emphasizes that mastering Webflow can open opportunities in web design without needing coding skills.

In this video, the speaker demonstrates using Airtable as a backend for a Webflow job board, addressing API key security with NoCode API. He shows how to fetch and display job listings using custom JavaScript, emphasizing real-time updates and design flexibility. Future videos will cover pagination and detailed job pages.

Connor's Webflow tutorial highlights the efficiency of global swatches for consistent color management. By creating and managing reusable color palettes, users can quickly update designs across a project. A style guide page is recommended for organization. This feature saves time and ensures design consistency, especially with brand colors.

In this tutorial, Connor from Unicorn Factory demonstrates how to populate multi-reference fields in Webflow using Zapier and Airtable. Key steps include setting up collections, using Webhooks by Zapier for custom PATCH requests, and formatting data for Webflow's API. This technique enhances content management automation.

Connor, founder of Unicorn Factory, explains using Webflow reference fields to create data-rich profile pages for freelancers on marketplace platforms. He demonstrates setting up single and multi-reference fields, automating connections with Zapier, and emphasizes the SEO and user experience benefits. Airtable is recommended for managing these connections.

The video by Conor demonstrates using Airtable Webhooks to automate workflows without third-party tools like Zapier. Examples include capturing Webflow form submissions, Memberstack sign-ups, and Stripe payments. Conor explains setting up webhooks and configuring Airtable Automations, emphasizing cost-effectiveness and the expanded capabilities of no-code tools.

Joe Crew from FinSuite demonstrates adding interactions to a dynamic slider in Webflow using the CMS Library. Key interactions include a slider change trigger and a mouse move effect on hover. Emphasis is placed on applying interactions at the class level for compatibility with dynamically added slides.

Connor, founder of Unicorn Factory, built a custom e-learning platform using Webflow, Airtable, Memberstack, and Zapier to share tutorials with clients. Despite enjoying the process, he recommends existing platforms like Teachable or Podia for most users due to their cost-effectiveness and built-in e-learning functionalities.

In this video, Connor from Unicorn Factory demonstrates how to create editable member profile pages in Webflow using Webflow, Zapier, and Airtable. The system enables freelancers to update their profiles via an Airtable form, with automation handling updates and approvals. Key steps include storing Webflow and Airtable IDs for seamless integration.

The video introduces "Project Overview," showcasing personal and client projects. The first project, "Membership Toolbox," is a resource directory for online businesses, featuring a colorful mosaic-style header. The design process included multiple iterations and responsive layouts. Available on Webflow Discover, it can be cloned and adapted by others.

In this video tutorial, learn to create a custom animated burger menu in Webflow without using built-in components. The presenter covers advanced animation techniques, responsiveness tips, and best practices for element layering. Highlights include creating a clickable burger icon, menu overlay, and smooth animations using Webflow's interaction panel.

In this video tutorial, learn to create an animated button in Webflow with a sliding arrow effect on hover. Key steps include styling the button, adding an SVG arrow, and adjusting background positioning and padding. The presenter emphasizes attention to detail and smooth transitions. Like, subscribe, and comment for more web design tips.

This video is a comprehensive guide on Webflow's new nested symbols feature. Host Nelson explains how nested symbols enhance web design using atomic design principles, allowing for dynamic, reusable components. Key highlights include an introduction to nested symbols, atomic design concepts, and a practical demonstration showcasing their efficiency and flexibility.

Connor, founder of Unicorn Factory, demonstrates how to add dynamic search and filtering to a Webflow CMS using JetBoost. The tutorial covers connecting JetBoost, selecting search fields, embedding code, and styling input fields. For filtering, it includes setting up dynamic list filtering, adding class names, and creating dropdowns.

In this video, Nelson from PixelGeek demonstrates how to customize Webflow forms, covering basics like adding forms, customizing placeholders, and integrating with Zapier. He also enhances multi-select fields using the Select2 library for better user experience.