Skip to content
ShipSaaSShipSaaS Docs

Footer Configuration

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

Section titled “Next Steps”

Now that you understand the footer configuration, explore these related topics: