--- title: "Email Message Editing Stage and Properties Panel" slug: "message-editing-stage-and-properties-panel" updated: 2025-05-22T09:03:57Z published: 2025-05-22T09:03:57Z canonical: "help.csgi.com/message-editing-stage-and-properties-panel" --- > ## Documentation Index > Fetch the complete documentation index at: https://help.csgi.com/docs/llms.txt > Use this file to discover all available pages before exploring further. # Email Message Editing Stage and Properties Panel The Xponent Communications Control (XCC) template creation area contains two main components: the main message **Stage** in the center and the **Properties Panel** on the left. ![EditorWindow](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/EditorWindow.png?sv=2026-02-06&spr=https&st=2026-10-26T12%3A27%3A43Z&se=2026-10-26T13%3A27%3A43Z&sr=c&sp=r&sig=%2BfM14kudwyc5S%2B4wV%2F6i5GaaljbHrpEsGvsrYwaK0iw%3D) You generally drag and drop content elements onto the **Stage** and then edit their properties. This is true for entire structures (for example, a single-column row) and individual content blocks (for example, a text content block). The **Properties Panel** contains three sections: - **CONTENT**: This is where you choose and edit specific content elements that make up your message: buttons, images, and text blocks, for example. - **ROWS**: Here you can select different structural elements (e.g. a single-column vs. three-column row) to organize your content. - **SETTINGS**: This is where you define some overall settings that affect the entire message – for example, a default font family. **Message Editing Stage Item Descriptions** | Item | Description | | --- | --- | | **Editor Stage**: Area you use to compose your email template. ![](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/2025-01-06_18-14-20.png?sv=2026-02-06&spr=https&st=2026-10-26T12%3A27%3A43Z&se=2026-10-26T13%3A27%3A43Z&sr=c&sp=r&sig=%2BfM14kudwyc5S%2B4wV%2F6i5GaaljbHrpEsGvsrYwaK0iw%3D) | | Desktop View ![Desktop_Stage_icon](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/2024-09-06_14-33-44 copy(3).png?sv=2026-02-06&spr=https&st=2026-10-26T12%3A27%3A43Z&se=2026-10-26T13%3A27%3A43Z&sr=c&sp=r&sig=%2BfM14kudwyc5S%2B4wV%2F6i5GaaljbHrpEsGvsrYwaK0iw%3D) | Click to view and edit your email template in Desktop mode. | | Mobile Portrait View ![](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/2024-09-06_14-40-10(1).png?sv=2026-02-06&spr=https&st=2026-10-26T12%3A27%3A43Z&se=2026-10-26T13%3A27%3A43Z&sr=c&sp=r&sig=%2BfM14kudwyc5S%2B4wV%2F6i5GaaljbHrpEsGvsrYwaK0iw%3D) | Click to view and edit your email template in Mobile Portrait mode. | | Mobile Landscape View ![Mobile_Landscape_icon](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/2024-09-06_14-40-18(1).png?sv=2026-02-06&spr=https&st=2026-10-26T12%3A27%3A43Z&se=2026-10-26T13%3A27%3A43Z&sr=c&sp=r&sig=%2BfM14kudwyc5S%2B4wV%2F6i5GaaljbHrpEsGvsrYwaK0iw%3D) | Click to view and edit your email template in Mobile Landscape mode. | | Template name/Save ![MMSTemplateNameSave](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/2024-09-06_14-44-19(1).png?sv=2026-02-06&spr=https&st=2026-10-26T12%3A27%3A43Z&se=2026-10-26T13%3A27%3A43Z&sr=c&sp=r&sig=%2BfM14kudwyc5S%2B4wV%2F6i5GaaljbHrpEsGvsrYwaK0iw%3D) | Identifies your template name. Click the disk icon to save your template. | | Clone/Delete ![MMSCloneDelete](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/2024-09-06_14-44-19(2).png?sv=2026-02-06&spr=https&st=2026-10-26T12%3A27%3A43Z&se=2026-10-26T13%3A27%3A43Z&sr=c&sp=r&sig=%2BfM14kudwyc5S%2B4wV%2F6i5GaaljbHrpEsGvsrYwaK0iw%3D) | Click the down arrow to view options to clone or delete your template. | | Channel/Status indicator ![EmailChannelStatus](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/2024-09-06_14-40-52(1).png?sv=2026-02-06&spr=https&st=2026-10-26T12%3A27%3A43Z&se=2026-10-26T13%3A27%3A43Z&sr=c&sp=r&sig=%2BfM14kudwyc5S%2B4wV%2F6i5GaaljbHrpEsGvsrYwaK0iw%3D) | Identifies the channel to which the template belongs and the template status. | | Convert to/Create New ![](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/2025-01-06_18-09-52.png?sv=2026-02-06&spr=https&st=2026-10-26T12%3A27%3A43Z&se=2026-10-26T13%3A27%3A43Z&sr=c&sp=r&sig=%2BfM14kudwyc5S%2B4wV%2F6i5GaaljbHrpEsGvsrYwaK0iw%3D) Click **+** icon to access the features for converting an email template to SMS or creating templates for different channels. | | Convert to ![](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/2025-01-06_18-09-34 copy.png?sv=2026-02-06&spr=https&st=2026-10-26T12%3A27%3A43Z&se=2026-10-26T13%3A27%3A43Z&sr=c&sp=r&sig=%2BfM14kudwyc5S%2B4wV%2F6i5GaaljbHrpEsGvsrYwaK0iw%3D) ![](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/2025-05-14_17-04-08.gif?sv=2026-02-06&spr=https&st=2026-10-26T12%3A27%3A43Z&se=2026-10-26T13%3A27%3A43Z&sr=c&sp=r&sig=%2BfM14kudwyc5S%2B4wV%2F6i5GaaljbHrpEsGvsrYwaK0iw%3D) | The Convert to SMS feature allows you to convert an email template into an SMS template with a single click using Generative AI. The system automatically summarizes the email content, focusing on the most important information and preserving key variables, to generate a **160-character** compliant SMS message. Only the alphanumeric content will be included, excluding any multimedia such as images or videos. The converted SMS template will be saved with the same name as the original email template and grouped together for easy access. > ![Note](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/Note.png?sv=2026-02-06&spr=https&st=2026-10-26T12%3A27%3A43Z&se=2026-10-26T13%3A27%3A43Z&sr=c&sp=r&sig=%2BfM14kudwyc5S%2B4wV%2F6i5GaaljbHrpEsGvsrYwaK0iw%3D) > > We recommend reviewing the SMS template after conversion to ensure it aligns with your intended message, especially for time-sensitive or compliance-critical notifications. | | Create New ![](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/2025-01-06_18-09-34(1).png?sv=2026-02-06&spr=https&st=2026-10-26T12%3A27%3A43Z&se=2026-10-26T13%3A27%3A43Z&sr=c&sp=r&sig=%2BfM14kudwyc5S%2B4wV%2F6i5GaaljbHrpEsGvsrYwaK0iw%3D) ![](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/2025-01-07_20-14-39.gif?sv=2026-02-06&spr=https&st=2026-10-26T12%3A27%3A43Z&se=2026-10-26T13%3A27%3A43Z&sr=c&sp=r&sig=%2BfM14kudwyc5S%2B4wV%2F6i5GaaljbHrpEsGvsrYwaK0iw%3D) | This feature allows users to create templates for different channels, such as SMS and MMS, using the same name as an existing Email template within the template editor. The newly created templates are blank but can be easily populated by copying content from other templates. Each channel template opens in a new tab, and all templates with the same name are grouped together on the dashboard for streamlined organization. > [!NOTE] > ![Note](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/Note.png?sv=2026-02-06&spr=https&st=2026-10-26T12%3A27%3A43Z&se=2026-10-26T13%3A27%3A43Z&sr=c&sp=r&sig=%2BfM14kudwyc5S%2B4wV%2F6i5GaaljbHrpEsGvsrYwaK0iw%3D) Using one Email template, you can create only one SMS template and one MMS template with the same name. Once these templates are created, the **+ icon** will no longer be available. To create a new template with a similar name, you must delete the existing one first. | | Notifications ![](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/2024-09-06_14-33-44 copy (5)(1).png?sv=2026-02-06&spr=https&st=2026-10-26T12%3A27%3A43Z&se=2026-10-26T13%3A27%3A43Z&sr=c&sp=r&sig=%2BfM14kudwyc5S%2B4wV%2F6i5GaaljbHrpEsGvsrYwaK0iw%3D) | Click to view and manage notifications you have set up. | | Preview ![](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/2024-09-06_14-33-44 copy (4)(1).png?sv=2026-02-06&spr=https&st=2026-10-26T12%3A27%3A43Z&se=2026-10-26T13%3A27%3A43Z&sr=c&sp=r&sig=%2BfM14kudwyc5S%2B4wV%2F6i5GaaljbHrpEsGvsrYwaK0iw%3D) | Click to toggle **Preview** mode on and off. | | Test Send Information ![GearIcon](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/2024-09-06_14-33-44 copy (6)(1).png?sv=2026-02-06&spr=https&st=2026-10-26T12%3A27%3A43Z&se=2026-10-26T13%3A27%3A43Z&sr=c&sp=r&sig=%2BfM14kudwyc5S%2B4wV%2F6i5GaaljbHrpEsGvsrYwaK0iw%3D) ![](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/2024-09-06_14-27-34.png?sv=2026-02-06&spr=https&st=2026-10-26T12%3A27%3A43Z&se=2026-10-26T13%3A27%3A43Z&sr=c&sp=r&sig=%2BfM14kudwyc5S%2B4wV%2F6i5GaaljbHrpEsGvsrYwaK0iw%3D) | Click to open your default email settings for configuring test email information, including the following: - **Subject** - The subject that appears in your recipients' inbox. - **From Name** - The name that appears in the recipients' inbox. - **From Email Local Part** - The part of the email address before the @ symbol that appears' in the recipients' inbox. - **Reply To** - The email address to which recipients' reply to. | | Send test email ![](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/2024-09-06_14-33-44 copy (3)(1).png?sv=2026-02-06&spr=https&st=2026-10-26T12%3A27%3A43Z&se=2026-10-26T13%3A27%3A43Z&sr=c&sp=r&sig=%2BfM14kudwyc5S%2B4wV%2F6i5GaaljbHrpEsGvsrYwaK0iw%3D) ![](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/2024-09-06_15-06-28(1).png?sv=2026-02-06&spr=https&st=2026-10-26T12%3A27%3A43Z&se=2026-10-26T13%3A27%3A43Z&sr=c&sp=r&sig=%2BfM14kudwyc5S%2B4wV%2F6i5GaaljbHrpEsGvsrYwaK0iw%3D) | Click to open your default email settings for sending test emails: - Enter the email ID to which the test email will be sent. - Multiple email IDs can be added, separated by commas. - Click "**Send Test**" to send the test email, or click "**Cancel**" to cancel the email sending process. | | Submit for review ![SubmitforReviewIcon](https://cdn.document360.io/c578bb14-e570-4b6e-93ed-f6c5b8a2d8a1/Images/Documentation/2024-09-06_14-33-44 copy (1)(2).png?sv=2026-02-06&spr=https&st=2026-10-26T12%3A27%3A43Z&se=2026-10-26T13%3A27%3A43Z&sr=c&sp=r&sig=%2BfM14kudwyc5S%2B4wV%2F6i5GaaljbHrpEsGvsrYwaK0iw%3D) | Click this menu to display options to submit your template for review. | | Stage | Area you drag and drop content elements to build your email template. |