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 6.8

...

  1. In the Control Panel, create or edit the modification.
  2. In the Basic settings view, in the Advanced settings section, click Define settings.

    Enabling test mode for the modificationImage RemovedEnabling test mode for the modificationImage Added

  3. In the Audience section, set the Test mode toggle to Enabled.

    Enabling test mode for the modificationImage RemovedEnabling test mode for the modificationImage Added

  4. Click Save.
  5. If the modification is deactivated, activate it.

...

  1. In the browser, open a page that contains the modification.
  2. Activate test mode by adding the following query parameter to the page URL and pressing ENTER:

    Code Block
    languagetext
    themeRDark
    frosmotest=on

    If the URL does not contain an existing query string, add "?" between the URL and the above parameter. If the URL already contains a query string, add "&" followed by the above parameter at the end of the existing query string. For more information about query strings, see Wikipedia.

    The following figure shows an example of a URL with just the test mode query parameter included.

    Activating test mode in the browserImage RemovedActivating test mode in the browserImage Added

    The following figure shows an example of a URL with the test mode query parameter appended to an existing query string.

    Activating test mode in the browserImage RemovedActivating test mode in the browserImage Added

    The browser now shows the modification on the site.

    Note
    While test mode is active, you will also see all other modifications for which test mode is enabled (and that are shown to segments to which you belong).


  3. Test the modification to make sure it displays and functions correctly.
  4. After you're done, deactivate test mode by adding the following query parameter to the page URL and pressing ENTER:

    Code Block
    languagetext
    themeRDark
    frosmotest=off

    The following figure shows an example of a URL with the test mode query parameter included.

    Deactivating test mode in the browserImage RemovedDeactivating test mode in the browserImage Added

    The browser no longer shows the modification on the site.

...

  1. In the Control Panel, edit the modification.
  2. In the Basic settings view, in the Advanced settings section, click Define settings.

    Disabling test mode for the modificationImage RemovedDisabling test mode for the modificationImage Added

  3. In the Audience section, set the Test mode toggle to Disabled.

    Image RemovedImage Added

  4. Click Save.

You have disabled test mode for the modification. If activated, any visitor can now see the modification irrespective of whether test mode is enabled or disabled in their browser. (They must still belong to a segment to which the modification is normally shown, if defined.)

...

You can use the visitor settings in Frosmo Preview to activate and deactivate test mode. For more information, see Viewing and configuring site-specific settings with Frosmo Preview.

Test mode setting in the Frosmo DebuggerImage Modified

Figure: Test mode setting in Frosmo Preview

...

  1. Go to the site.
  2. Open the browser console.
  3. Activate test mode by calling frosmo.easy.states.set() with the parameters frosmo.easy.STATE_MODE, frosmo.easy.STATE_MODE_TEST, and frosmo.easy.STATE_TYPE_SESSION.

    Code Block
    languagejs
    themeRDark
    frosmo.easy.states.set(frosmo.easy.STATE_MODE, frosmo.easy.STATE_MODE_TEST, frosmo.easy.STATE_TYPE_SESSION);


  4. Deactivate test mode by calling frosmo.easy.states.remove() with the parameter frosmo.easy.STATE_MODE.

    Code Block
    languagejs
    themeRDark
    frosmo.easy.states.remove(frosmo.easy.STATE_MODE);


Activating and deactivating test mode from the browser consoleImage RemovedActivating and deactivating test mode from the browser consoleImage Added

Figure: Activating and deactivating test mode from the browser console

...

  • Looking for modifications with the Test mode label

    Modification with the test mode labelImage RemovedModification with the test mode labelImage Added

  • Filtering the modifications list by Modes > Test mode disabled / Test mode enabled

    Filter modifications that have test mode enabledImage RemovedFilter modifications that have test mode enabledImage Added