All Collections
Sharing & integrating your web story
How to set up a story banner for my website A-Z
How to set up a story banner for my website A-Z
Snackeet Team avatar
Written by Snackeet Team
Updated over a week ago

Once installed on your website, this banner will grab your visitors' attention, increase retention, and reduce bounce rates. You can highlight products and promotions, get feedback, and much more.

It can be placed on the home page, product page, or page requiring visual assistance.

1 - Create your stories

a) Create a story and choose Google Webstories (Display) or Snackeet Webstories

๐Ÿ’ก We recommend Google Webstories for eshops because it's fast and well-fitted for displaying video.

Snackeet Webstories (cookie-less) are best for quizzes, forms, games, contests, micro-sites, etc.

โš ๏ธ You cannot mix the two technologies in the same banner.

b) Design it or use our templates

c ) Add call to actions or interactive elements if you need to.

  • Quick Quiz or survey questions: to engage or get feedback

  • Popup: Display more info or insert iframes

  • Form: Get new subscribers or leads

  • Link: to redirect

2 - Go in "Banner Widgets" and create a new banner on the top right

2 - Add all the stories that you want to it

3 - Customize the appearance and size according to the device.

You can choose Bubble or Card formatting. Card Formatting will give you the choice to set the exact ratio you need (vertical or horizontal)

4 - Choose where you want it to be displayed.

๐Ÿ”ฅ Use custom if you need to target the position with a div ID.

Custom position is useful if you insert the script through Google Tag Manager or in the footer.

5 - Copy the script and paste it into your website.

According to your CMS, the setup can be different.

In other, it is generally a CODE block.

Please don't hesitate to chat with us; we will gladly help you.

Did this answer your question?