Patrick's workspace

Patrick HuijsMay 19, 2026

Building a Platform Page in Webflow 🌐

1view

Building a Platform Page in Webflow 🌐

Patrick Huijs

Watch a step-by-step walkthrough of building a new platform page in Webflow. Learn how to efficiently format content, structure layouts, and generate schema markup in under 15 minutes.

Building a Platform Page in Webflow 🌐

Patrick Huijs

Watch a step-by-step walkthrough of building a new platform page in Webflow. Learn how to efficiently format content, structure layouts, and generate schema markup in under 15 minutes.

Chapters

00:00

Introduction

Introduction to building a platform page using a template.

00:42

Hero and Layout

02:04

Content Formatting

04:46

Structuring Information

06:42

AI Content Refinement

09:42

Schema Markup

11:09

Publishing

Transcript

00:01

In this video I'm gonna build a platform page using the copy document just to show how I approach this.

00:13

So I already have a platform folder and I duplicated the complaints management page.

00:22

From here I take the SEO title, the meta description, Click Save.

00:42

for this one we do have an image.

00:45

So I'm gonna change the hero here.

00:48

I'm gonna do image text.

00:52

I'm gonna start with label.

01:04

If you copy paste it, sometimes it automatically adds a bold text as well.

01:11

you can reverse that by clicking command B.

01:29

If you book a demo and download first offense data sheet.

01:33

Now I know that that one is going to be on the on the bottom of the page.

01:41

So I'm going to remove that here.

01:47

So I'm going to remove this one here.

01:52

Then I think this is already the right image for the adverse events.

02:00

Yeah, it is.

02:04

Then you can see this, this kind of text is quite long.

02:09

Core capabilities.

02:13

I'm going to scan what kind of sections I need.

02:17

So I have here a very long text.

02:21

Yes.

02:21

well, very long text.

02:24

And here some sort of a sum up.

02:27

And this is all within core capabilities.

02:31

So this is, this is really going to be like a long form.

02:34

so I'm gonna remove these and then go immediately to the long form.

02:46

Copy all of this in.

02:54

You can see the bold text I mentioned.

02:58

So make sure to check these.

03:04

This since this is the first setting is always H1, then the H.

03:15

The second one is H2.

03:17

So these have to be H3.

03:20

All of these I can see all of the core capabilities.

03:26

let me.

03:28

This is a capture.

03:29

That's not very nice.

03:31

core capabilities.

03:35

We don't need the tag to hide the tag.

03:44

Why this matters?

03:47

let's see, it's again very long description without any additional any additional graphics.

04:01

so this is already too long for people to actually read.

04:06

So what we want to do is break this up, Download the data sheet.

04:23

Download the data sheet.

04:24

We don't have any check marks here, so we're going to check those off.

04:31

let's see, can we add the button text download data, sheet so it matches the title.

04:44

And let's see why this matters.

04:46

See, let's see if we can cut that up.

04:59

So what I see is like there are like three paragraphs here and a top line.

05:05

So move this here.

05:07

So this will be a title and a subtitle and then it will be three blocks.

05:12

because they are not the same, I can't.

05:15

The Same length.

05:16

I can't really put them into a nice, USB grid because then, it will be very wobbly.

05:25

So what I will do instead.

05:33

Is I will create the tabs, the system and let's see, Let me find on which page.

05:47

I already used that, so here are the info cards.

05:52

It's maybe a good one for this actually.

05:54

So press events, zoom, info cards, okay, capabilities you don't need.

06:11

And the FAQ comes after that probably.

06:14

So the info cards, it's already dark, so that's nice.

06:17

So why this matters.

06:20

It's in cap, so that's not nice why this matters.

06:26

Should supply in here.

06:30

Already have the demo button there.

06:42

Now what I'm gonna do, I'm gonna grab this co.

06:55

And then I'm gonna add it to cloud and ask it to.

07:09

Fit this copy into my three cards.

07:15

Three info, car content, close to the original copy I've provided as possible.

07:39

It is in my smartiva project, so it does have extra context, if it needs to from all your documents.

07:49

And the Typically, it doesn't create this little layout, for it.

08:04

But that's that's fine for now.

08:07

Take that here.

08:15

So, And this one.

08:29

Now I don't need the fourth card.

08:33

I can see in this game case.

08:36

yeah, here visibility.

08:38

I will make that, also in his own little tab.

08:44

and then we have three cards here.

08:46

Then we have the qa.

09:05

So filling them out.

09:12

So make sure there are no enters at the bottom.

09:15

Sometimes automatically it adds enters to it.

09:20

Zoom.

09:26

And so, and now we have the full page.

09:35

Same action.

09:37

So.

09:42

And this way we have the full page.

09:44

schema markups are mentioned here.

09:46

What you can do is you can generate them in webflow here, scroll down.

09:51

generate schema markup.

09:56

I believe they do not per se include, FAQs.

10:02

Let's see, Just quickly.

10:23

A minute or so.

10:25

I can see here the, the web page one, feature list product.

10:34

Okay.

10:35

And they already included the FAQ as well.

10:42

See, somehow it only, generated the FAQ for only three questions.

10:49

And I believe we have four.

10:50

otherwise you just paste this into Claude Ask, Say this is my current schema and we only have three.

11:02

add this one here and that way you can, paste it here again.

11:09

But for now this is all good.

11:10

We have indeed only three.

11:12

Now from here, publish and then you Build in under 15 minutes a full page including schema markups.

11:25

So we just created the basic page.

11:26

Now I want to improve it a little bit.

11:30

So if you click Preview here, you see we have quite some space left.

11:37

and instead of filling this with a lot of text, I'm going to fill it with three bullets based on the headings that we have here.

11:46

So that way we don't overload with all the text.

11:49

What else do we might want on this page?

11:57

We probably want something for to guide them to either the Smartifa orchestra or to the different industries.

12:07

So what I'm gonna do is I'm gonna use this one, the comp cards marquee, so that's the looping cards.

12:27

And then from there I'm gonna take away the paragraph because I don't have additional text.

12:33

I'm gonna move this down so you have the intro here, the core capabilities, the download, the resource, why this matters, who is it built for?

12:49

And I don't really like the very short switch from black to white very often.

12:56

So I'm gonna keep this all white from there.

13:01

Keep it base and here as well.

13:08

And that way you extend the page a little bit longer.

13:11

You don't see the animation here but then you also mention the logos so it has a little bit more body and convincing power.

13:22

Let me see if anything is missing.

13:25

See if we have something we can add here.

13:30

On some pages you might want to add a chance chart block if you have specific stats to make the page more dynamic and cut the content up in more smaller pieces.

13:47

now I don't think that is relevant for this page per se if I look at the content.

13:53

But that might be something you can add in other pages.

13:57

Otherwise it's going to be like reading a construction document or things like that.

14:05

And that's not really what we are going for here.

14:09

But I think like this, the page is complete.

Building a Platform Page in Webflow 🌐 — Tella