How can I open the CMP from an HTML Embed?

If you want to let users reopen the cookie preferences panel by clicking a custom link, you might try placing the following code inside a Wix HTML Embed block:

<a href="#" onClick="__ucCmp.showSecondLayer();">Privacy Settings</a>

Why it doesn't work

Wix loads all HTML Embed blocks inside an isolated iframe. Code running inside the iframe cannot access objects or functions that belong to the parent page.

The __ucCmp object is injected by Usercentrics into the parent page. When the iframe tries to call __ucCmp.showSecondLayer(), the function does not exist in that scope and nothing happens.

Solution

Use the browser's window.postMessage API to send a message from the iframe to the parent page. The parent page listens for that message and calls __ucCmp.showSecondLayer() in its own context, where it is available.

This requires two pieces of code — one inside the HTML Embed, and one in your Wix Custom Code settings.

Step 1 — Add this code to your HTML Embed block

In the Wix Editor, open your HTML Embed block, click Enter Code, and paste the following:

<a href="#" onclick="openPrivacySettings(); return false;">Privacy Settings</a>

<script>
function openPrivacySettings() {
  window.parent.postMessage('openPrivacySettings', '*');
}
</script>

Step 2 — Add the listener to your Wix Custom Code

Go to Settings → Custom Code in your Wix dashboard. Click + Add Custom Code and paste the following:

<script>
window.addEventListener('message', function(event) {
  if (event.data === 'openPrivacySettings') {

    if (typeof __ucCmp !== 'undefined') {
      __ucCmp.showSecondLayer();
      return;
    }

    var attempts = 0;
    var interval = setInterval(function() {
      attempts++;
      if (typeof __ucCmp !== 'undefined') {
        __ucCmp.showSecondLayer();
        clearInterval(interval);
      }
      if (attempts >= 10) {
        clearInterval(interval);
      }
    }, 500);

  }
});
</script>

Use the following settings when saving the code:

How it works

1. The user clicks the Privacy Settings link inside the iframe.
2. The iframe sends the message 'openPrivacySettings' to its parent window using postMessage.
3. The parent page's event listener receives the message.
4. __ucCmp.showSecondLayer() is called in the parent context, where it exists.
5. The Usercentrics privacy preferences panel opens.