Skip to main content

How to test/preview weblayer on the page?

Updated

To successfully preview a weblayer for your customer profile, follow these steps. This method allows you to simulate a campaign's appearance for a specific user, using your cookie identifier to target the weblayer.

1. Install the Exponea Console

First, to access detailed information from the JS SDK, such as:

  1. Tracked events
  2. User/customer IDs
  3. SDK configuration
  4. Campaign activations
  5. and more...

You must install the Exponea Console, a browser extension enabling a dedicated tab in your DevTools to monitor and interact with your Bloomreach integration.

👉 Follow this guide to install the Exponea Console: https://documentation.bloomreach.com/engagement/docs/exponea-console

Once installed, you'll see a new Exponea tab when you open DevTools in your browser.

2. Create a weblayer

Now that you've set up the console, let’s create a weblayer. For this example, we’ll use a pre-defined weblayer template from your project’s library:

  • Navigate to Campaigns > Weblayers
  • Click Create from the template
  • Choose any visual or functional template you want to test
  • Configure the appearance and content as needed (you can leave the default for now)

3. Find Your Cookie Identifier

To target the weblayer specifically to your profile, you’ll need to obtain your unique cookie-based identifier.

  • Go to your website (with the JS SDK properly integrated)
  • Right-click anywhere on the page and select Inspect to open DevTools
  • Click the Exponea tab
  • Go to the Customer section
  • Locate and copy the value under the Cookies field – this is your customer’s cookie ID

đź’ˇ Tip: This ID is what Bloomreach uses to recognize anonymous users across sessions.

4. Set Audience to Use the Cookie Identifier

Next, go back to your weblayer settings:

  • Navigate to the Audience section
  • In the Identifier dropdown, select the cookie
  • Paste the value you copied from the Exponea Console into the field

It means the weblayer will only be visible to the browser session using that exact cookie value — essentially, only you.

5. Adjust Page Targeting Settings

To ensure the weblayer appears correctly:

  • Go to the Show on section in the weblayer settings
  • Choose either:
    • Any page – the weblayer will appear on any URL where the SDK is loaded
    • Or, specify the exact URL(s) where the weblayer should display

  • Ensure your live website URL is included if you're testing in a production or staging environment

You will also need to set consent. You can also safely use General consent, especially if you aren't sure what consents your customer profile has granted.

6. Save and Launch the weblayer

Once all settings are in place:

  • Click Save
  • Activate the weblayer by clicking Start
  • Refresh the tab with your website

If everything is set correctly, the weblayer should be visible only for your session using the specified cookie ID.

Final Checks

  • Make sure the website has the JS SDK properly integrated and initialized
  • Check the browser’s developer console (Exponea tab) to confirm that the JS SDK and event tracking are working
  • If the weblayer isn’t showing, clear the cache or try Incognito Mode with a new cookie if needed

 

Related articles