LogoShipSaaS
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:

On this page