Snowflake Animation Widget

The Snowflake Animation widget is part of the Special widget category. For more information on the widgets, please refer to Widgets Set-up Guide.



The Snowflake Animation widget enables you to simulate snow falling on any element of the web page with an icon of your choice.

It can be useful to add playfulness to your website during a specific time of year (Christmas, Halloween, Thanksgiving, Valentine's Day, your company anniversary and so on) or to highlight a specific section of the page.


During this configuration step, layout, content and style changes are displayed in real-time.

To apply your changes, proceed as follows:

  1. Go through each and every tab of the configuration form and select the applicable options.
  2. Click “Save” to save your changes.
  3. If necessary, click on “History” in the toolbar on the right-hand side, then click on the widget you added to reopen the configuration form and edit your changes.

 Good to know 💡

An informative message is displayed if you try to create a widget when one has already been configured for that variation or scenario. Once closed, it won’t be displayed again. However, this doesn’t prevent you from creating another widget if necessary.

Three tabs (Layout, Content, Style) are available to configure the widget.


Good to know💡

The Save button will only be enabled once you have gone through each tab.


Layout tab

  1. Select the element of the page on which you want the icons to fall.
  2. Define the position of the widget compared to the layer. You can choose to have your icons fall above or under the layer, or to customize their position.


Content tab

Enter the number of icons you want to fall on your element or page (up to 200). 

Two options are available to configure your widget:

  • Select an icon among the default icons offered by AB Tasty
  • Upload your own image by uploading it from your browser or by entering the image path.


Style tab

Select the style options (Icon size, Average animation duration, Animation direction, Icon rotation during animation) you want to apply to your widget. 


Condition tab


You can choose to stop the animation after a certain amount of time (delay) after the loading of the targeted page. To do this, toggle the “Stop the widget after a delay” toggle and use the scale or the empty field to declare the number of seconds to be reached before stopping the animation. 

Was this article helpful?