Skip to main content

Custom header

Available on request means that the feature is turned off by default. To turn on a feature, contact your Instacart representative.

The custom header gives your white label ecommerce site a more distinct and unique style compared to the default header, which is similar to Instacart Marketplace. The custom header supports more links for you to build your ideal customer experience and shopping journeys.

The following image shows where header components display on a desktop browser:

  1. Brand logo
  2. Top bar links
  3. Departments
  4. Search
  5. Cart
  6. Account profile
  7. Bottom bar links
  8. Bottom bar featured links
  9. Shopping context selector

On desktop and mobile web, customers can click the logo to go back to the homepage. On mobile apps, customers can't click the logo. Instead, the mobile app includes a Shop tab that customers can click to go back to the homepage.

You can add links to link blocks in the top bar or bottom bar in the desktop header. In the mobile web menu and the mobile app More menu, you can also add links in link blocks. Navigational links should go to pages that you think are the most popular among your customers, such as Buy it again or Savings. Instacart data shows that placing the Buy it again link in a prominent spot on your storefront can improve customer retention and increase cart sizes. You can also customize the style of a regular link to be a standard link, image or button.

You can add featured links to the desktop header in the top bar featured link block or the bottom bar featured link block. You can customize the style of featured links to be a standard link, image, or button. We recommend using no more than three featured links in the top bar or bottom bar to allow them to stand out.

You can scope links and featured links to specific store groups, so customers browsing different stores see navigation tailored to their location. When you create or edit a link in the header or sidebar, select the store groups where the link displays.

To select store groups for a link, use Instacart Platform Portal. For more information, see:

Departments​

Customers can explore your storefront by browsing through your departments and collections. For more information, see Departments.

Account profile​

Customers can access their account information, including personal information, saved lists, and order history.

For more information, see Accounts.

Essentials​

The header includes the following essential components that are vital to providing a positive and seamless customer shopping journey. You can configure the position of these elements for your desktop experience.

To customize the header and navigation components, use Instacart Platform Portal. For more information, see: