Triggers allow you to show content based directly on a visitor's action on the page or site without creating a segment related to the action. You can use triggers to detect events immediately when they happen, whereas segmentation is only implemented at each new page load.

In this example, when a visitor changes the contents of their shopping cart (adding or removing items), a trigger is fired to change the content displayed on the page. You can use this solution to, for example, upsell products or declare that a campaign is ending soon.You must first create a trigger to detect the time of the day, and then create a placement for using

To implement the example:

1. Create a trigger for detecting when the contents of a visitor's shopping cart changes.
2. Create a placement for the modification.
3. Use the trigger to display the modification.

Creating the trigger

To create the trigger:

1. In the Frosmo Control Panel, select , in the sidebar, select More > Triggers.
2. Click Create trigger.Enter
3. the trigger name as

   Define the following settings:

   • Name: Enter "Shopping cart content changed".
   In 
   • Evaluation point
   , select 
   • : Select Core event.
   In 
   • Event
   , select 
   • type: Select Other predefined event.
   Enter the event name as
   • Event name: Enter "TRIGGER_CART_LINK_DESKTOP".

   Image Removed

   • This means that you can
   show the modification using the 
   • fire the trigger by making the function call frosmo.easy.events.trigger('TRIGGER_CART_LINK_DESKTOP')
    function
   • .
   When you're done, click 

   Image Added

4. Click Save.

Creating the placement

To create the placement:

1. In the Control Panel, select Modifications > Placementsin the sidebar, select Modifications.
2. Select the Placements tab.
3. Select Create placement.

4. Define the following settings:

   • Name: Enter a descriptive name, such as "Shopping cart - after After product list - campaign countdown".
   • Target element: Select CSS selector, and enter the value ".site-cart-product-list" (or whatever is the selector for the target element appropriate on your site) as the selector name.
   • Display method: Select After element. This means that the modification content is displayed below the original content of the target element.

   Image Removed

   Click 
   • Trigger: Click Select trigger
   .

   Image Removed

   In the triggers list
   • , select the
   trigger you created earlier ("
   • Shopping cart content changed
   ")
   • trigger you created above, and
   click 
   • click Select.

   Image Removed

   When you're done, click 

   Image Added

5. Click Save.

Using the trigger in a modification

To use the trigger in a modification:

1. In the Control Panel, select Modifications > Overview.Find on the Modifications page, select the Overview tab.
2. In the modifications list, find the modification to which you want to attach the trigger, and click its the modification name.
3. In the Basic settings view, click Select placement.
4. Select the placement you created, and click Save.

You have now completed the example. The modification is The modification is now only displayed to visitors who change the contents of their shopping cart.

You're done with this example!