Publication date : 11/17/2025

Course : Webflow, building a no-code website

Practical course - 3d - 21h00 - Ref. WBW
Price : 1650 € E.T.

Webflow, building a no-code website




Webflow is a comprehensive no-code platform that makes it easy to design, develop and publish high-quality websites. In this training course, you'll learn how to think and design effective conversion websites on Webflow.


INTER
IN-HOUSE
CUSTOM

Practical course in person or remote class
Available in English on request

Ref. WBW
  3d - 21h00
1650 € E.T.




Webflow is a comprehensive no-code platform that makes it easy to design, develop and publish high-quality websites. In this training course, you'll learn how to think and design effective conversion websites on Webflow.


Teaching objectives
At the end of the training, the participant will be able to:
Master Webflow functionalities to create a quality website
Create the essential pages for your first site
Customize and manage your Webflow site

Intended audience
Anyone wishing to develop a website without coding.

Prerequisites
No special knowledge required.

Practical details
Hands-on work
Training alternating theory and practice.

Course schedule

1
Setting up a first project

  • Study of technical requirements.
  • Project overview.
  • Install and register with Webflow.
  • Setting up the project.
  • Familiarize yourself with the Webflow Designer user interface.
Hands-on work
Setting up a web project.

2
Building the visible web page

  • Study of technical requirements.
  • Positioning the body.
  • Building the Hero section.
  • Add background image, accompanying text, call buttons, images, navigation menu.
  • Make the site responsive.
  • Stop point tablet, "mobile landscape".
  • Breaking point "mobile portrait, large screens.
Hands-on work
Develop the main page of the website.

3
Building the rest of the body

  • Study of technical requirements.
  • How it works section added.
  • Modification of the Main features section.
  • Create and add elements to the grid.
  • Added final CTA section and footer section.
Hands-on work
Add elements to the web page.

4
Making the site responsive

  • Make the How it works section, the Key features section and the CTA section responsive.
  • Adapt to large screen sizes, tablet screens, mobile screens.
  • Animate hover transitions, element-triggered transitions, custom page scrolling.
  • Make the footer responsive.
  • Create a parallax effect. Scrolling menu animation.
  • Create a custom floating button. Create and add the interaction.
  • Display text on floating button.
Hands-on work
Make the website responsive.

5
Getting started with Webflow CMS

  • What is a CMS (content management system)? Why Webflow CMS?
  • Webflow CMS - the basics. Project overview.
  • Study of technical requirements.
  • Planning the CMS structure.
  • Create your first CMS project. Study technical requirements.
  • Create and add content to a collection.
  • CMS home page design.
  • Import bulk content.
  • Finalize the project.
Hands-on work
Use of the Webflow CMS to finalize the website.

6
Creating collection pages

  • Project overview.
  • Creation of the library's collection page.
  • Creation of the main section of the library page.
  • Creation of the other libraries section.
  • Fine-tuning the home page.
Hands-on work
Create collection pages.

7
CMS project management

  • Management of collection page parameters.
  • Ensure that the collection's pages are SEO-friendly.
  • Prepare collection pages for social media.
  • Set up an RSS feed for a collection page.
  • Update collections and data in collection fields.
  • Updated field structure.
  • Status management for collection items.
Hands-on work
Manage collection page parameters.

8
Publishing projects on the web and updating them with Webflow Editor

  • Publication of a Webflow project.
  • Using Webflow Editor to update a website.
  • Configuration of project parameters.
  • Use the editor to configure page parameters.
  • Publication of the project.
  • Modify a page live.
  • Export project code.
  • Presentation of a project.
Hands-on work
Website finalization and export.


Dates and locations
Select your location or opt for the remote class then choose your date.
Remote class

Last places available
Guaranteed date, in person or remotely
Guaranteed session

REMOTE CLASS
2026 : 3 June, 25 Nov.

PARIS LA DÉFENSE
2026 : 3 June, 25 Nov.