Sponsored Products will be displayed on:
- Publisher recipe pages
- Web Shopping List (Main Shopping List page and Basket page)
- Mobile Shopping List (Main Shopping List page and Basket page) (coming early 2020)
- Throughout the purchase funnel (Email, Print) (coming early 2020)
Publisher Recipe Page
Sponsored Product can be positioned anywhere on page. Units are displayed in a responsive manner and therefore display differently depending on the block size the recipe Publisher has made available for them (let's call that a
parent element ).
Single Units height is fixed at 85px. The width depends on parent element and varies from 270px to 350px for desktop and 270px to 100% of parent element width for mobile.
Horizontal Carousels height is fixed at 85px. Carousels width is responsive and adapts to the parent block with the minimal width set to 350px (85px and 300px for mobile respectively).
Vertical Carousels width is responsive and adapts to the parent block width in the range of 270px to 350px for desktop screens and 270px to to 100% of parent element (for mobile).
Height is fixed and is defined by the number of visible blocks at integration time: 2, 3, 4, 5 or 6 with the total corresponding heights: 180px, 270, 360, 450 or 540px.
Publisher Integration Shopping List
Whisk's publisher integration windows may include up to two Single Units or a Carousel. Units snap to the end of the scrollable list and their dimensions automatically adapt to the Shopping List window. Unit height is fixed at 85px. Width is stretching depending on number of Units displayed to always consume 100% of the parent element width.
Publisher Integration Basket
Basket window has the same properties as Shopping List except for the number of Units displayed: 1 or 2 Single Units or a Carousel.
Whisk Web App Shopping List
Unit properties are similar to Publisher Integration Shopping List.
Whisk Web App Basket
Unit properties are similar to Publisher Integration Basket.
Email and Printed Shopping List
Sponsored Product Units in emails and printed shopping lists may only include Single Units and their width is always 100% of the parent element size.