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
Copy
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, 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.
03:12
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.
03:48
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.
04:10
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.
04:34
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 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.
06:07
Okay.
06:08
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 and the.
08:00
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.
08:26
And this one Now I don't need the fourth card 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, generate schema markup.
09:55
I believe they do not per se include FAQs.
10:02
Let's see, Just quickly.
10:23
A minute or so 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 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:03
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.
Comments
Comments
No comments yet
Building a Platform Page in Webflow ๐ โ Tella