> ## Documentation Index
> Fetch the complete documentation index at: https://moengage-docs-mcp-segmentation-tool-belt.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Editing Elements in a Webpage with Personalize Editor

> Customize webpage appearance, background color, alignment, and call-to-action buttons using the MoEngage Personalize visual editor tools.

You can **Edit elements** to customize the appearance, background color, alignment, and Call to action (CTA) action of the selected elements or buttons.

<img src="https://mintcdn.com/moengage-docs-mcp-segmentation-tool-belt/supxFa7sGkjTrdow/images/moengage_5c27f3.png?fit=max&auto=format&n=supxFa7sGkjTrdow&q=85&s=583339bc391b8080fb6b80973eb1e3e9" alt="edit element.png" style={{ width:"79%" }} width="638" height="530" data-path="images/moengage_5c27f3.png" />

<Tabs>
  <Tab title="Elements">
    You can edit the selected element in the following two sections:

    * **Appearance**
      |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
      | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
      | <ul><li>**Text:** Add relevant text on the selected element.</li><li>**Type Settings:** Customize the Font style, size, color, weight, and alignment of the text.</li><li>**Background:** You can make the following edits to the background of the selected element: <ul><li>Change the background color.</li><li>Embed an image URL.</li><li>Upload a background image from your local storage.</li></ul></li><li>**Dimensions:** Set the Height, Width, and Border radius of the selected element in pixels or percentages.</li><li>**Margin:** Set the Top, Bottom, Left, and Right margins for the selected element in pixels or percentages.</li><li>**Padding:** Set the Top, Bottom, Left, and Right padding to generate space around the text inside the borders of the selected element.</li></ul> | <br /><img alt="Text settings appearance.png" src="https://mintcdn.com/moengage-docs-mcp-segmentation-tool-belt/LWJs2u-oFo9j2Z9M/images/moengage_0ea650.png?fit=max&auto=format&n=LWJs2u-oFo9j2Z9M&q=85&s=5040e6805df62a61f75a2678a7495c68" style={{ display:"inline-block",textAlign:"center",verticalAlign:"middle" }} width="856" height="1657" data-path="images/moengage_0ea650.png" /> |
    * **Advanced**
      |                                                                                                                                                                                                                                                                                                              |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
      | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
      | You can also use custom scripts to edit the selected element. <ul><li>**CSS Classes:** Enter the class name to apply the custom styles to the selected element.</li><li>**Z index:** Enter the Z index value to change how the selected element is displayed when it overlaps with other elements.</li></ul> | <br /> <img alt="text settings advanced.png" src="https://mintcdn.com/moengage-docs-mcp-segmentation-tool-belt/S59VNXdVKjRvWjBD/images/moengage_9bec74.png?fit=max&auto=format&n=S59VNXdVKjRvWjBD&q=85&s=5af858c0ff47af83e865b3130f6172a7" style={{ display:"inline-block",textAlign:"center",verticalAlign:"middle" }} width="854" height="480" data-path="images/moengage_9bec74.png" /> |
  </Tab>

  <Tab title="Buttons">
    You can edit the selected button in the following three sections:

    * **Appearance**
      |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
      | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
      | <ul><li> **Text:** Add a relevant button label.</li><li> **Type Settings:** Customize the Font style, size, color, weight, and alignment of the button label. </li><li> **Background:** You can make the following edits to the button background:   <ul><li>Change the background color.   </li><li> Embed a URL to the button label that redirects the user to the relevant webpage. </li><li>Upload a background button image from your local storage. </li></ul></li><li> **Dimensions:** Set the Height, Width, and Border radius of the button in pixels or percentages. </li><li> **Margin:** Set the Top, Bottom, Left, and Right margins for the button in pixels or percentages. </li><li> **Padding:** Set the Top, Bottom, Left, and Right padding to generate space around the label, and inside the borders of the button. </li></ul> | <br /> <img alt="button appearance.png" src="https://mintcdn.com/moengage-docs-mcp-segmentation-tool-belt/EY1Q_t0ScR82zLBQ/images/moengage_bfdb0c.png?fit=max&auto=format&n=EY1Q_t0ScR82zLBQ&q=85&s=017e49da46285ca01ae01eed401f91e7" style={{ display:"inline-block",textAlign:"center",verticalAlign:"middle" }} width="848" height="1661" data-path="images/moengage_bfdb0c.png" /> |
    * **Redirection**
      |                                                                                                                                 |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
      | ------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
      | <ul><li> **Enter webpage URL:** Enter a URL that redirects the users to the relevant page when they click the button.</li></ul> | <img alt="button redirect.png" src="https://mintcdn.com/moengage-docs-mcp-segmentation-tool-belt/oQjfIYOprSZFXBg_/images/moengage_3647b5.png?fit=max&auto=format&n=oQjfIYOprSZFXBg_&q=85&s=07c15ca46b38eb5c913383344aa21905" style={{ display:"inline-block",verticalAlign:"middle" }} width="816" height="358" data-path="images/moengage_3647b5.png" /> |
    * **Advanced**
      |                                                                                                                                                                                                                                                                                                  |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
      | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
      | You can also use custom scripts to edit the selected button.  <ul><li> **CSS Classes:** Enter the class name to apply custom styles to the button. </li><li> **Z index:** Enter the Z index value to change how the selected button is displayed when it overlaps with other elements.</li></ul> | <br /> <img alt="button advanced.png" src="https://mintcdn.com/moengage-docs-mcp-segmentation-tool-belt/1MEnvyF_AXeu6ipC/images/moengage_01f1e8.png?fit=max&auto=format&n=1MEnvyF_AXeu6ipC&q=85&s=7d2d86a562f2c044ff755276e27a6a1d" style={{ display:"inline-block",textAlign:"center",verticalAlign:"middle" }} width="820" height="514" data-path="images/moengage_01f1e8.png" /> |
  </Tab>
</Tabs>