With App Badges

About this block

With App Badges is a four-column footer. Three columns hold labeled link groups for Product, Company, and Resources, each with four navigation links beneath a small bold heading. The fourth column is a "Get the app" section with two pill-shaped download buttons, one for iOS and one for Android, each showing a small icon, a secondary label line, and the store name in bold. A horizontal rule below the grid holds a brand wordmark on the left and a copyright line on the right.

All three link columns are independent, so you can rename the headings, swap or reorder the links, or drop a column entirely. The app badge group is equally self-contained: you can add a third store, remove one, or replace the store labels with your own. The brand bar copy and the copyright string are plain text and need no structural changes to update.

When to use

Reach for this block when your product has a companion mobile app and you want the footer to do double duty as a lightweight download prompt. It suits a creative agency or studio that ships a client-facing mobile companion, a portfolio site with an app, or any launch page where app store conversion is a secondary goal alongside basic site navigation. Compared to a newsletter-centered footer, this layout drives installs rather than signups, and compared to a minimal single-row footer it provides enough link depth for a site with several distinct sections.

A natural flow around it on a Marketing Pro page:

Before

• A CTA block to convert visitors before they reach the footer
• A Testimonials section to close on social proof just above the download prompt

After

• Nothing follows the footer, but pairing it with a Features section higher on the page ensures the app's value is clear before visitors scroll down

What you can display

The most direct use is a site footer that funnels visitors toward your mobile app while still covering essential navigation. A few other ways to use the layout:

• App launch landing page. Use the badge column as the primary CTA and keep the link columns focused on product and support pages.
• Agency project showcase. List case-study links in the columns and point the badges to a client app delivered as part of the work.
• Dual-platform product. Feature both store badges prominently so neither iOS nor Android users feel like an afterthought.

Tip: keep each link column to four or five items so the grid stays visually balanced with the taller badge column beside it.