Orgamax / Managing Navigation and Footer Links and CTA Links๐
Orgamax / Managing Navigation and Footer Links and CTA Links๐
Sachin Aathreyaa
Learn how to manage navigation, footer, and call-to-action links using the backend CMS and component settings.
Orgamax / Managing Navigation and Footer Links and CTA Links๐
Sachin Aathreyaa
Learn how to manage navigation, footer, and call-to-action links using the backend CMS and component settings.
Chapters
00:00
Introduction to Links
Introduction to managing website links, navigation, and footer links
00:11
Navigation & Hubs
02:02
Editing Component Links
03:14
Footer Links
05:18
Button & CTA Links
Transcript
00:00
Hi team.
00:01
Welcome Axe.
00:01
So this video is all about links, how to manage the navigation links, the footer links, any links, CT links, you know.
00:11
So first I would like to talk about navigation.
00:15
So you can just always go to navigation page where you can manage the navigation, for both footer and the navigation.
00:27
Right.
00:27
you can see that this looks broken here.
00:30
because this is.
00:31
All this data is coming from the back end, the cms, right.
00:36
So we will fix this in.
00:37
In Live, for example, if you can see it's already fixed in live, generating some JavaScript to, you know, sort things out.
00:44
So all these links are automatically handled through the backend example if you come to hubs.
00:52
Because you can see here that we have a mixture of hubs and functions.
00:57
so these are the hubs and you can just say you can add the If you check the slug changes, the link changes.
01:06
You can update the link here.
01:08
It will be automatically updated.
01:10
So all the links are managed through here.
01:13
just.
01:17
Yeah, we don't have this page, so.
01:20
Yeah.
01:20
So coming back to the functions again, all the links are managed through here, right?
01:29
Because obviously the slug will be taking you to the page.
01:35
But how do you set up what to show is this thing, right?
01:39
You have this nav group options.
01:41
You can say, okay, I want this particular function to be sent to current function or wait function.
01:49
So you can just choose the options, based on that.
01:52
It will be shown like you know where it needs to be shown.
01:57
So that is how this works, right?
01:59
You got the point, right?
02:00
How this is rendering.
02:02
this is all static because this was.
02:06
This required some dynamic activity.
02:07
But this.
02:08
You can also directly link pages here, through this, you know this will go to branch and hand work.
02:16
This will go to branch and so the name, you know, you can just bring the URL slash, the template page and the name that will be taken there.
02:26
If this is wrong, you can always come here like edit component and just click on the canvas.
02:33
It will be taken to the settings page where you can see link and just add the link.
02:38
Even this you can just add link, right?
02:41
This just added this links.
02:43
if it's wrong you can always come back and just change the links here.
02:48
So even it goes for the same for this open this click on the component and you can just see link.
02:56
Just update the links here, right?
02:58
You can select page if.
03:00
If already the page exists, like in terms of page, you can link the page or you can also select the URL option where you can just add the URL or you can choose a collection page.
03:09
If it's already a collection page, you can choose whatever they want from here.
03:15
So that also goes for, for this footer again you, you have to, you can see footer.
03:21
You go to edit component and just hover over the links, right?
03:27
So this should not be a link.
03:31
I think it should not be going anywhere.
03:32
I'm not sure if it's.
03:34
If it doesn't need to be a link, you can just leave it like reset, right?
03:41
So even this doesn't need to be link reset.
03:45
But if this needs to be a link you can just select.
03:48
Okay, I know this page exists, select a page or I know this is a function.
03:55
You can also choose collection page, right?
03:58
And you can select which function and you can just select.
04:05
Right, you can also do this.
04:07
But you can see if, if the slug changes then this link might break.
04:11
it goes the same whatever ways you, you try to add.
04:16
Even with, with this method, you know the initial method which was this, even if you change link, this also will play.
04:23
So it's up to you what is flexible for you.
04:26
You can just do that.
04:28
here we did not go with the CMS approach because having a lot of CMS in the page, it's also not good.
04:36
We might hit some limitations.
04:38
So I'm hoping that this won't change in the future.
04:41
And it's also faster for you just come and change the function name or hub name or anything and just update the URL then making.
04:49
Making things more complex with cms, you know.
04:52
So that is my intention.
04:54
Please go and check if all the links are proper.
04:58
I did not get most of the links where this goes.
05:02
You know, I'm not sure about all these things where this will lead.
05:06
So please take a look at all the links and just let me know if all.
05:13
Fine.
05:14
So that is about the navigation and footer.
05:18
So for the button links.
05:24
You can just come here, right?
05:28
Select the element this button.
05:30
You know that we have a link here.
05:32
You can just select a page, URL, anything what this button is to do.
05:38
So I'm also not sure most of the links where they need to go.
05:42
so you just have to go to each CTA's, click on the CTA's and just select the circle lens, right?
05:49
Select what they need to do.
05:51
So if it's inside a component like this, if you go inside a component you see you are affecting six instance means this component is in six other places.
06:02
And whatever you update here will, will be affected everywhere.
06:07
So for example, I've made it local now, but you can just do.
06:13
If you, if you decide I want this component locally needs to have a separate links, you can do it.
06:19
But if you say no, I want everything to be going somewhere, then you come here.
06:25
Then you come here and you can yeah, you can click on the button and you can just come to link, right?
06:36
Edit settings.
06:37
Then link from here.
06:39
So now what happens is it this will be updated to six instance places.
06:45
but if, if you are manually overriding somewhere then it would not update.
06:48
You have to go and reset those because you are, you are doing a global update, edit and you made a local edit somewhere else then that would not affect.
06:57
So you have to reset there.
06:58
But if you have not done any global edits, local edits, you can just make a global edit here.
07:03
Then where this needs to go right?
07:07
So that is how the links work.
07:09
Just click on the component link.
07:11
So if it's like a global component, then you would need to go and make it updated globally.
07:20
So I hope I am clear these.
Comments
Comments
No comments yet
Orgamax / Managing Navigation and Footer Links and CTA Links๐ โ Tella