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 the trigger to display the modification.

Creating the trigger

To create the trigger:

1. In the Control Panel, select Triggers.
2. Click Create trigger.
3. Enter the trigger name as "Shopping cart content changed".
4. In Evaluation point, select Custom event.

5. In Event, select Other predefined event. Enter the event name as "TRIGGER_CART_LINK_DESKTOP".

   Image Added

   This means that you can show the modification using the frosmo.easy.events.trigger('TRIGGER_CART_LINK_DESKTOP') function.

6. When you're done, click Save.

Creating the placement

To create the placement:

1. In the Control Panel, select Modifications > Placements.
2. Select Create placement.

3. Define the following settings:

   • Name: Enter a descriptive name, such as "Shopping cart - 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 on your site).
   • Display method: Select After element. This means that the modification content is displayed below the original content of the target element.

   Image Added

4. Click Select trigger.

   Image Added

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

   Image Added

6. When you're done, click Save.

Using the trigger in a modification

To use the trigger in a modification:

1. In the Control Panel, select Modifications > Overview.
2. Find the modification to which you want to attach the trigger, and click its 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 displayed to visitors who change the contents of their shopping cart.