Adobe Target VEC Selectors

Question

Hi All,

We are building an integration for our SPA websites with Target Visual Experience Composer. One thing I wanted to check if the CSS Selectors in VEC. In documentation, its mentioned that we can only use either ID, or CSS class or a default selector based on "Compose" option - https://experienceleague.adobe.com/en/docs/target/using/administer/visual-experience-composer-set-up

Is there an option to use custom data attribute, for example : data-cy= "button-tv-box"

Has someone used custom attribute for selector?

Thank you in advance for your feedback

Best,

Rupal

RajeshManoharan · Accepted Answer

Hi @rupalja ,

Once you pick the element on VEC editor, it will prompt selector value by default on the CSS element selector, There you can edit by adding data attribute and value like below,

Hope this helps !

RiteshY18 · Answer

@rupalja  as a workaround you can have data attribute specific class and apply to DOM element where you are planning to use data-cy and within that class if apply attribute specific CSS selector to make it unique class

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded