Welcome to Supervity, the new home of Techforce.ai. Our rebranding better mirrors our purpose "to make the world more digitally inclusive, creative and productive using technology" click here

Skill Hub

Webflow is a web design and development platform that allows users to create responsive websites visually, without the need to write code. It combines design tools, a content management system (CMS), and hosting services, making it a comprehensive solution for building and managing websites. Webflow is popular among designers, developers, and businesses looking to create custom websites with greater control and flexibility.

Key features of Webflow include Visual Web Design, Responsive Design, CMS and Dynamic Content, Custom Interactions and Animations, E-Commerce Capabilities, Web Hosting, Code Export, Designer and Editor Modes, Webflow University, and Custom Domains.

Webflow empowers designers to create visually stunning and highly functional websites without needing to rely heavily on coding skills. It bridges the gap between design and development, providing a platform where both aspects can be integrated seamlessly.

Skill we have

Webflow - Adding Page Section To Button In-App Walkthrough

This skill shows the steps to be followed to Add a Page Section To the Button This can be used to move quickly over the web page. Prerequisites: To ensure that you have at least one project available in the Webflow dashboard. The webpage contains the naming section and a button. [NOTE: Please make sure that log in to the Webflow website before playing the skill]

Go to Skill

Webflow - Use Rich Text Editor to Format Text Content In-App Walkthrough

This skill shows the steps to be followed to use rich text editor to format text content on Webflow. Prerequisites:To ensure that you have at least one project available in the Webflow dashboard. [NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Create and Style Paragraphs In-App Walkthrough

This skill shows the steps to be followed to create and apply a style to a paragraph that will give more effectiveness to a user reading of a particular thing. Prerequisites:To ensure that you have at least one project available in the Webflow dashboard.[NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Create a New Project In-App Walkthrough

This skill shows the steps to be followed to creating a blank website in webflow.[NOTE: 1. Please make sure that log in to Webflow website before playing the skill 2. For free version you have only 2 projects to be build]

Go to Skill

Webflow - Use The Navigator Panel In-App Walkthrough

This skill shows the steps to be followed to use navigator panel,you can navigate through your project structure, select and edit elements, reorder them, and manage classes effectively, enhancing your workflow and organization within the Webflow Designer. Prerequisite: The web page contains at least one element.[NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Light Boxes In-App Walkthrough

This skill shows the steps to be followed to add and coustomize lightboxes in a webflow.A lightbox is a component that allows you to create interactive pop-up windows or overlays on your website. It is commonly used to display images, videos, or other types of content in a visually appealing and user-friendly way.Prerequisites:To ensure that you have at least one project available in the Webflow dashboard.[NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Edit Text In-App Walkthrough

This skill shows the steps to be followed to edit the test in a web page where you want.Prerequisites:To ensure that you have at least one project available in the Webflow dashboard.[NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Use The Asset Manager In-App Walkthrough

This skill shows the steps to be followed to use asset manger,you can easily manage and utilize your projects assets (images, videos), ensuring efficient organization and seamless integration into your website.Prerequisites:To ensure that you have at least one project available in the Webflow dashboard. [NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Add Pages In-App Walkthrough

This skill shows the steps to be followed to Create new Pages on Webflow. Prerequisites:To ensure that you have at least one project available in the Webflow dashboard. [NOTE: Please make sure that log in to Webflow website before playing the skill and This skill will work only for Paid version if you want to add more than one page.]

Go to Skill

Webflow - Add and Customize Sliders In-App Walkthrough

This skill shows the steps to be followed to create and customize sliders on Webflow. Prerequisites:To ensure that you have at least one project available in the Webflow dashboard. [NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - CSS Embed Component In-App Walkthrough

This skill shows the steps to be followed to CSS embed component.The CSS Embed component in Webflow is a feature that allows you to add custom CSS code directly to your Webflow project. It gives you the flexibility to apply custom styles and make design modifications that may not be possible through the built-in design tools provided by Webflow.When you add a CSS Embed component to your Webflow project, you can enter your custom CSS code within the component. This code will then be injected into the HTML of your website, allowing you to override existing styles or apply new ones.[NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Use the Symbols Panel In-App Walkthrough

This skill shows the steps to be followed to create symbol panel it can be used to you can create reusable components that can save time and maintain consistency across your project. Prerequisite: The web page contains at least one element.[NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Create and Style Div Blocks In-App Walkthrough

This skill shows the steps to be followed to create and style div blocks the div blocks can be used to organize the web page in a descriptive manner. Prerequisites:To ensure that you have at least one project available in the Webflow dashboard.[NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Add and Customize Background Images In-App Walkthrough

This skill shows the steps to be followed to adding background images to the website will create a great impact on the website design.Prerequisites:To ensure that you have at least one project available in the Webflow dashboard.[NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Add Links To Your Website In-App Walkthrough

This skill shows the steps to be followed to add links to your web page that links will be used to move the other website before executing you must have a website URL.Prerequisites:To ensure that you have at least one project available in the Webflow dashboard.[NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Use The Style Panel In-App Walkthrough

This skill shows the steps to be followed to use style panel, you can easily customize the visual appearance of your elements consistent styling, and apply responsive styles to create designs.Prerequisite: The web page contains at least one element.[NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Add and Customize Animations In-App Walkthrough

This skill shows the steps to be followed to you can enhance the visual appeal of your website by adding engaging and interactive animations to your elements. Prerequisite: The web page contains at least one element.[NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Background Image With Overlay Text In-App Walkthrough

This skill guides you to apply background image to the text area. Prerequisites: Need one text element that may be a text block, paragraph, or heading and the images should be in assets. [NOTE: Please make sure that log in to the Webflow website before playing the skill]

Go to Skill

Webflow - Use Sections In-App Walkthrough

This skill shows the steps to be followed to use sections in a webpage. These sections are typically used to organize and group related content together, providing a clear and visually appealing layout for the website. Prerequisites: To ensure that you have at least one project available in the Webflow dashboard. [NOTE: Please make sure that log in to the Webflow website before playing the skill]

Go to Skill

Webflow - Select a Free Template In-App Walkthrough

This skill shows the steps to be followed to create a website using template based on the user needs.[NOTE: 1: Please make sure that log in to Webflow website before playing the skill 2: Please make sure that only one project present in your dashboard for free user]

Go to Skill

Webflow - Publish Your Website In-App Walkthrough

This skill shows the steps to be followed to the publishing process, whether you are using a Webflow subdomain or a custom domain. published website make it accessible to the public.Prerequisites:To ensure that you have at least one project available in the Webflow dashboard.[NOTE: 1. In this skill, we are showing the webflow subdomain if is for free. 2.Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Add and Customize Background Videos In-App Walkthrough

This skill shows the steps to be followed to adding background video to a website from your computer gives more effectiveness to your website the uploaded video file must be less than 30mb. Prerequisites:To ensure that you have at least one project available in the Webflow dashboard.[NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Create Flexbox Layouts In-App Walkthrough

This skill shows the steps to be followed to create Flexbox layouts on Webflow. Prerequisites:To ensure that you have at least one project available in the Webflow dashboard. [NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Customizing The Cart Settings In Webflow In-App Walkthrough

<p>This skill shows the steps to be followed to customize cart settings on Webflow. Prerequisites: Ensurethe &nbsp;that you have at least one project available in the Webflow dashboard. [NOTE: Please make sure that log in to Webflow website before playing the skill and Cart option is available only for E-commerce site].</p>

Go to Skill

Webflow - Add Forms To Your Website In-App Walkthrough

This skill shows the steps to be followed to adding forms to your website that form can be used to getting data from user.Prerequisites:To ensure that you have at least one project available in the Webflow dashboard.[NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Using a Grid In-App Walkthrough

This skill shows the steps to be followed to use the grid in the web flow. The grid system allows you to create responsive layouts for your web pages. It provides a flexible and efficient way to organize and position elements within a grid structure. Prerequisites: To ensure that you have at least one project available in the Webflow dashboard. [NOTE: Please make sure that log in to the Webflow website before playing the skill]

Go to Skill

Webflow - Create and Style Buttons In-App Walkthrough

This skill shows the steps to be followed to create a button and add styles to buttons the style part includes color, height, width, and other factors.Prerequisites:To ensure that you have at least one project available in the Webflow dashboard.[NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Add and Customize Tabs In-App Walkthrough

This skill shows the steps to be followed to create and customize Tabs on Webflow. Prerequisites:To ensure that you have at least one project available in the Webflow dashboard. [NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Making Webflow Responsive In-App Walkthrough

This skill shows the steps to make Webflow responsive. Prerequisites:To ensure that you have at least one project available in the Webflow dashboard. [NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Add Videos In-App Walkthrough

This skill shows the steps to be followed to adding a video to a website before going to execute you must have a video link.Prerequisites:To ensure that you have at least one project available in the Webflow dashboard.[NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Sharing Design With Your Client In-App Walkthrough

This skill shows the steps to be followed to share design with your client on Webflow. Prerequisites:To ensure that you have at least one project available in the Webflow dashboard. [NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Adding Name To Section In-App Walkthrough

This skill shows the steps to be followed to add a name to a selected section that helps us for various reasons, such as creating smooth scrolling navigation or applying specific styles or interactions to that section. Prerequisites: To ensure that you have at least one project available in the Webflow dashboard. [NOTE: Please make sure that log in to the Webflow website before playing the skill]

Go to Skill

Webflow - Edit Pages In-App Walkthrough

This skill shows the steps to be followed to edit pages in webflow.Prerequisites:To ensure that you have at least one project available in the Webflow dashboard.[NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Add Images In-App Walkthrough

This skill shows the steps to be followed to add a images to your web page in a webflow. Prerequisites:To ensure that you have at least one project available in the Webflow dashboard.[NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Password Protection Feature In-App Walkthrough

This skill shows the steps to be followed to add password protection featurue.In Webflow, access control refers to managing permissions and restrictions for different users who have access to your project. Webflow provides access control features to help you control and manage user access levels.[NOTE: Please make sure that log in to Webflow website before playing the skill and this skill is for premium user only]

Go to Skill

Webflow - Create And Style Headings In-App Walkthrough

This skill shows the steps to be followed to create a heading and apply the styles to that heading that gives more effectiveness to the web page.Prerequisites:To ensure that you have at least one project available in the Webflow dashboard.[NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Button With Hover Color In-App Walkthrough

This skill shows the steps to be followed to create a button with hover color.By applying a hover color to the button, you can make it visually interactive and engaging for users. When they hover their cursor over the button, it will transition to the specified hover color, providing a clear visual indication of interactivity.Prerequisites: To ensure that you have at least one project available in the Webflow dashboard.[NOTE: Please make sure that log in to the Webflow website before playing the skill]

Go to Skill

Webflow - Add Text In-App Walkthrough

This skill shows the steps to be followed to adding a text to the web-page where you want in the website.Prerequisites:To ensure that you have at least one project available in the Webflow dashboard.[NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Create a Navigation Menu In-App Walkthrough

This skill shows the steps to be followed to create a navigation menu for the web page which can be used to navigate different pages easily.Prerequisites:To ensure that you have at least one project available in the Webflow dashboard.[NOTE: Please make sure that log in to Webflow website before playing the skill]

Go to Skill

Webflow - Create CSS Class In-App Walkthrough

This skill guides you to create CSS classes in Webflow the CSS class contain some basic styles .Prerequisite: The web page contains at least one element.[NOTE: Please make sure that log in to the Webflow website before playing the skill]

Go to Skill