Custom header
This capability is available with Storefront Pro 5.
The custom header gives your white label e-commerce 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:
The following image shows where header components display on a mobile app:
The following image shows where header components display on a mobile web browser:
Review the following sections to learn more about each component:
Brand logo
On desktop and mobile web, customers can click the logo to go back to the homepage. On mobile apps, customers cannot click the logo. Instead, the mobile app includes a Shop tab that customers can click to go back to the homepage.
Primary links
The header supports up to two primary links. Primary links should go to pages that you think are the most popular among your customers, such as Buy it again or Savings. By default, Buy it again is preconfigured as one of your links. Based on Instacart data, adding the Buy it again link to a prominent area on your storefront improves customer retention and increases cart sizes.
Departments
Customers can explore your storefront by browsing through your departments and collections. For more information, see Departments.
Secondary links
Secondary links appear after primary links. Use secondary links to help guide additional customer experiences, such as weekly ads, contact information, store locator, recipes, and coupons. The header supports an infinite number of secondary links but consider adding less than 10 links to ensure a good customer experience as customers browse through the menu.
Featured links
Featured links are additional links that you can add to the header. You can change the styling of featured links to be an image, plain text, or a button.
Account profile
Customers can easily 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:
- Search bar
- Shopping context, including the address for delivery or pickup
- Earliest available time slot
- Cart
Configuration
Contact your Instacart representative to configure the following header components:
- Change brand logo
- Change the Departments menu to always show in the sidebar
Use Instacart Platform Portal to configure the following header components: