Current project

Build a curation site in Webflow

1 .

In this lesson, start your website by adding categories and tools to your site and add categories to the home page of your site.

13:50

Current project

Build a curation site in Webflow

2 .

In this lesson learn how to create a unique page for each category and add filtering so only the tools in a specific category will display on the category page.

7:41

Current project

Build a curation site in Webflow

3 .

Learn how to add animations when hovering over a block. You''ll make the category block rise up and change it''s background color on hover.

11:37

Current project

Build a curation site in Webflow

4 .

In this lesson, learn more techniques to improve the styling on your webflow site as well as how to add an individual page for each tool.

19:09

Current project

Build a curation site in Webflow

5 .

In this lesson we''ll add styling to our site so that each page looks good regardless of screen size.

6:18

Part of course

The Complete Guide to Webflow

Build a custom landing page in Webflow

1 .

Set up a full screen background image

3:07

Build a custom landing page in Webflow

2 .

Set up your email capture form

7:01

Build a custom landing page in Webflow

3 .

Make your design responsive

5:24

Build a curation site in Webflow

1 .

In this lesson, start your website by adding categories and tools to your site and add categories to the home page of your site.

13:50

Build a curation site in Webflow

2 .

In this lesson learn how to create a unique page for each category and add filtering so only the tools in a specific category will display on the category page.

7:41

Build a curation site in Webflow

3 .

Learn how to add animations when hovering over a block. You''ll make the category block rise up and change it''s background color on hover.

11:37

Build a curation site in Webflow

4 .

In this lesson, learn more techniques to improve the styling on your webflow site as well as how to add an individual page for each tool.

19:09

Build a curation site in Webflow

5 .

In this lesson we''ll add styling to our site so that each page looks good regardless of screen size.

6:18

Build a paid membership site in Webflow and Memberstack

1 .

Set up your sign up page in Webflow

7:18

Build a paid membership site in Webflow and Memberstack

2 .

Add login/logout buttons to nav bar

3:52

Build a paid membership site in Webflow and Memberstack

3 .

Set up membership and add sign up link to Webflow

4:49

Build a job board site like Indeed in Webflow

1 .

Create your first CMS collections, add sample jobs to your CMS, and start building your site

11:18

Build a job board site like Indeed in Webflow

2 .

Build out the structure of your job board site

15:22

Build a job board site like Indeed in Webflow

3 .

Add global styles to your Webflow site

3:05

Build a job board site like Indeed in Webflow

4 .

Set up images so they scale proportionally

5:05

Build a job board site like Indeed in Webflow

5 .

Integrate Jetboost into Webflow to add real time search and filtering

12:20

Build a job board site like Indeed in Webflow

6 .

Add styling to your job board

16:05

Build a job board site like Indeed in Webflow

7 .

Learn how to add custom style to checkboxes, add reusable symbols, and finish your site!

15:20

Build an upvote site like Product Hunt in Webflow

1 .

Set up the CMS and build initial page

8:05

Build an upvote site like Product Hunt in Webflow

2 .

Add Upvote Buttons using Jetboost + set up Memberstack

15:10

Build an upvote site like Product Hunt in Webflow

3 .

Configure Memberstack so only signed in users can upvote.

4:46

Build an upvote site like Product Hunt in Webflow

4 .

Design a product page with an upvote button

5:38

Build an upvote site like Product Hunt in Webflow

5 .

Create a navbar as a symbol in Webflow

2:43

Build an upvote site like Product Hunt in Webflow

6 .

Create a login/logout button using Memberstack

1:59

Build an upvote site like Product Hunt in Webflow

7 .

Build a workflow and approval process for when users submit products to push to your Webflow CMS

18:34

Build an upvote site like Product Hunt in Webflow

8 .

Styling the home page and product page

22:23

Build an upvote site like Product Hunt in Webflow

9 .

More styling on the product page + adding a related products section

23:29

Build an upvote site like Product Hunt in Webflow

10 .

Add a my upvotes page on Webflow using Jetboost

6:03

Build an upvote site like Product Hunt in Webflow

11 .

Update zap in Zapier after adding Airtable fields

6:55

Build an upvote site like Product Hunt in Webflow

12 .

Add a unique comment section to each Webflow CMS collection page using Disqus

5:04

Integrate Circle with Webflow and Memberstack

1 .

Embed Circle topics on Webflow CMS pages so each page has it''s own comment seection.

14:50

Integrate Circle with Webflow and Memberstack

2 .

Enable SSO (single sign on) so users use the same login on both Circle and Memberstack.

5:19

Build a Substack clone in Webflow and Memberstack

1 .

Build a landing page to collect emails

12:30

Build a Substack clone in Webflow and Memberstack

2 .

Connect your landing page to Mailchimp

3:44

Build a Substack clone in Webflow and Memberstack

3 .

Create a blog in the Webflow CMS and build blog home page

18:35

Build a Substack clone in Webflow and Memberstack

4 .

Create blog post page

7:43

Build a Substack clone in Webflow and Memberstack

5 .

Add nav bar as a symbol on all pages

6:36

Build a Substack clone in Webflow and Memberstack

6 .

Summary of our progress so far

2:19

Build a Substack clone in Webflow and Memberstack

7 .

Add Memberstack and create first membership

4:47

Build a Substack clone in Webflow and Memberstack

8 .

Build page to subscribe to membership using Webflow''s tab component

11:46

Build a Substack clone in Webflow and Memberstack

9 .

Make the subscribe email form a symbol on all pages

3:15

Build a Substack clone in Webflow and Memberstack

10 .

Hide and show blog content based on if user has premium membership

8:23

Build a Substack clone in Webflow and Memberstack

11 .

Use Zapier to add tags in Mailchimp to subscribers when they purchase or cancel a subscription

6:37

Build a Substack clone in Webflow and Memberstack

12 .

Review of our progress so far

2:08

Build a Substack clone in Webflow and Memberstack

13 .

Optimize your site''s design for all screen sizes

6:26

Build a Substack clone in Webflow and Memberstack

14 .

Use Memberstack to add login/logout buttons

1:49

Build a Substack clone in Webflow and Memberstack

15 .

Add premium icon to article if its for paid users using visibility settings

2:34

Real Time Search Bar on Webflow

1 .

Set up Webflow site with 2 collections to search

4:58

Real Time Search Bar on Webflow

2 .

Set up Jetboost account

6:18

Real Time Search Bar on Webflow

3 .

Set up a basic search using Jetboost

7:26

Real Time Search Bar on Webflow

4 .

Makes search work on the nav bar

3:01

Real Time Search Bar on Webflow

5 .

Add a no search results found section

1:31

Real Time Search Bar on Webflow

6 .

Search on multiple collections at once

8:16

Real Time Search Bar on Webflow

7 .

Update styling of the search bar and search results

6:01

Build a pop up email capture form in Webflow

1 .

In this lesson you''ll learn how to set up a pop up form in Webflow and add animations and triggers in Webflow to show and hide the pop up.

11:29

Build a pop up email capture form in Webflow

2 .

Track cookies to only show the form to users once every 7 days

7:45

Build a pop up email capture form in Webflow

3 .

Learn how to add exit intent to your pop up, so it only shows up when the user mouses out of the web page

6:05

Build a client dashboard in Webflow

1 .

Set up initial Webflow site & Memberstack login for clients

9:18

Build a client dashboard in Webflow

2 .

Use Zapier to sync members between Memberstack and Webflow for member-specific page

6:49

Build a client dashboard in Webflow

3 .

Build the dashboard in Webflow

9:33

Build a client dashboard in Webflow

4 .

Set up a messaging system to leave updates for clients

6:24

Webflow Design Fundamentals

1 .

Set up Section and Container styling

3:19

Webflow Design Fundamentals

2 .

Create a Design Guide page

9:36

In this lesson learn how to create a unique page for each category and add filtering so only the tools in a specific category will display on the category page.