Hide an element

Temporarily hide webpage elements using the MoEngage Personalize editor while keeping them in the DOM, ideal for testing layout changes.

To hide an element,

• Click on the element you want to hide on your web page
• Select Hide element. This will navigate you to the HTML code window of that particular element, where you can edit it in HTML.

When you hide an element on your web page, the element continues to remain in the DOM in its place with its visibility updated.

Consider modifying the layout of your app’s Recommendations section to use MoEngage’s Product Grid. In such cases, you may wish to test the outcome by temporarily hiding the current layout and replacing it with MoEngage’s Product grid before committing to the layout. This is where you can use the hide icon to hide any defined element in your application such as a section, text, image, or button.