Creating first Webflow template

3 views
4 minutes watched
0 completions

Creating a dynamic CMS template page in Webflow for showcasing Shopify apps, including a hero section and a collection list with customized app cards.

Video thumbnail

Get full access

You need to subscribe to get full access to the video and lesson content.

Join 4.6K+ learners from companies like Shopify, Microsoft, Tiktok, AppSumo and Instacart.

$197
one-time payment

Building Dynamic CMS Template Pages in Webflow

Setting Up the Template

To begin building our CMS template pages, we'll start with the Best Shopify Apps template. Let's populate this blank page with some essential elements:

  1. Add a navigation section
  2. Create a hero header element

Creating the Hero Section

First, add a section and a container within it:

  1. Set the container's max-width to 1200 pixels
  2. Center-align the content

Now, let's add the following elements to our hero section:

  • H1 heading
  • Body text
  • Subheader tag (above the heading)

To center these elements without affecting the global H1 style:

  1. Add a custom centered...

Subscribe now to get full access to the lesson content.

Get started →