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

...

To create the trigger:

  1. In the Frosmo Control Panel, select select Triggers.
  2. Click Create trigger.
  3. Define the following settings:

    • Name: Enter
    the trigger name as
    • "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 Frosmo Control Panel, select select Modifications > Placements.
  2. Select Create placement.
  3. 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

  4. Click Save.

Using the trigger in a modification

To use the trigger in a modification:

  1. In the Frosmo Control Panel, select select Modifications > Overview.
  2. 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!