Configuration
Footer Configuration
Configure links in the footer of your website
Defines the links in the footer of your website. Each item is a MenuItemConfig.
src/config/footer-config.ts
export function getFooterLinks(): MenuItemConfig[] {
const productItems: MenuItemConfig[] = [];
productItems.push({
title: m.features,
href: Routes.Features,
external: false,
});
if (websiteConfig.payment?.enable) {
productItems.push({
title: m.pricing,
href: Routes.Pricing,
external: false,
});
}
productItems.push({
title: m.faq,
href: Routes.Faqs,
external: false,
});
// More sections: resources, company, legal...
return [
{ title: m.product, items: productItems },
{ title: m.resources, items: resourcesItems },
{ title: m.company, items: companyItems },
{ title: m.legal, items: legalItems },
];
}Footer links are organized into four columns: Product, Resources, Company, and Legal. Each column contains a title and a list of links. Links are displayed conditionally based on feature toggles (such as payment.enable and blog.enable).
Next Steps
Now that you understand the footer configuration, explore these related topics:
-
Website Configuration - Configure core website settings
-
Navbar Configuration - Configure the header navigation menu
-
Social Configuration - Configure social media links
-
Sidebar Configuration - Configure the dashboard navigation menu