Pages

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Published by Scroll Versions from this space and version 16.0

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".

    Creating the triggerImage 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 

    Defining the trigger settingsImage 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.

    Creating the placementImage Removed

    Click 
    • Trigger: Click Select trigger
    .

    Selecting the trigger for the placementImage Removed

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

    Selecting the trigger for the placementImage Removed

    When you're done, click 

    Defining the placement settingsImage 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!