Transform your ad into an interactive experience with the Basket Module, a versatile tool that allows users to engage with draggable assets and trigger events. With this module, you can define an area where users can drag and drop assets into a virtual basket, unleashing a world of interactive possibilities. Whether it's collecting items for a virtual shopping experience, organizing elements for a creative project, or simply engaging in playful interactions, the Basket Module empowers users to immerse themselves in your ad content.
Use cases
Incentivize interaction through the user
Giving a sense of wonder as to what will happen for certain items
Highlight features of individual products in a fun, interactive way
Example
This ad demonstrates the basket module, letting the user throw all ingredients into a wok as a little game.
As with all examples, you can request us to copy them over to your company so you can look at how they are built in detail.
Draggable items
You can select the draggable items from this dropdown. All normal image assets can be turned into a draggable item with this.
Number of draggables
This number defines at how many draggables inside the basket, it will trigger the "Basket filled" event. You may not always want the user to have to drag ALL items into the basket to trigger this.
Required overlap
This slider will change the amount of overlap that needs to happen for a draggable to count as being inside the basket when the user releases it. It's generally a good idea to make interacting with the basket not too hard / finicky for the user.
Draggable zoom
This feature will zoom the item that is currently being dragged a little, indicating to the user that he has selected/grabbed it succesfully.
Timeout
The timeout setting can change the amount of time needed to trigger the basket's timeout event, which can be used to change scene to an endcard for example.
Properties & Clickout
As for the Background module, the Basket module allows you to change different properties like the opacity seperately in the "Properties" tab.
Also, you can set up a clickout link for the Basket module as usual.
Interactions
The Basket offers all standard triggers & actions that the Background module offers as well. Furthermore, the Basket module offers:
Triggers
Basket filled = Triggers when the basket has been filled
Basket item added = Triggers when an item has been added to the basket
Basket timed out = Triggers when the basket module's timeout duration has been reached
Basket drop missed = Triggers when a user drops an item outside the basket / without enough overlay
Basket item drag start = Triggers when a user starts dragging a draggable item
Basket item drag start (once) = Triggers when a user starts dragging a draggable item, but only the first time one is dragged (quality interaction/engagement!)
Basket item was dragged = triggers when a basket item was dragged
Furthermore, draggable items will get the following trigger:
Drop element in basket = Triggers when the element has been dropped into a basket (often used to trigger specific animations)
Actions for other modules
The Basket module offers no specific actions to be triggered through other modules.