--- title: "Build a Deliver Designer Template" slug: "build-a-deliver-designer-template" description: "Build a Deliver Designer email template with rows, HTML content, and reusable components. Configure the layout and choose which content users can customize." status: "update" updated: 2026-10-26T18:51:28Z published: 2026-10-26T18:51:28Z canonical: "knowledge.technolutions.net/build-a-deliver-designer-template" --- > ## Documentation Index > Fetch the complete documentation index at: https://knowledge.technolutions.net/llms.txt > Use this file to discover all available pages before exploring further. # Build a Deliver Designer Template Arrange components and HTML content in a Deliver Designer template. Set the layout and choose which content mailing authors can customize. > [!NOTE] > 🔑 **Required permissions:** [Deliver](/v1/docs/system-permissions#deliver), Deliver Templates Before you begin, [create the components](/docs/create-reusable-deliver-designer-components) that the template will use. ## Create the template To create a new template: 1. From the main navigation, select **Deliver**. The **Deliver** page appears. 2. On the right side of the page, select **Designer**. The **Designer Templates** page appears. 3. Select **New Template.** A pop-up appears. 4. Configure the following settings: - **Name**: Enter a unique, descriptive name. - **Status**: Set to Active. - **Folder**: Keep templates organized by using a clear folder structure. Select **Other** to create a new folder. - **Custom CSS**: Enter any custom CSS code if desired. - **Email Width**: Specify an email width if desired. - **Body Background**: Specify the color of the template's background if desired. - **Table Background**: Specify the color of table elements in the template if desired. 5. Select **Save**. The template summary page appears. By default, a new template will contain one single blank row. Elements can now be added to the template. A green bar will appear when an element is selected, and the element can be dragged to the desired location. The three options available for template creation are: ## Add rows and content ### New Row One of six column configurations can be added to the template. ### HTML Content A blank area where the message content will be added. It might be helpful to include some sample text, such as "Lorem ipsum dolor sit amet" in this area. ### Component Select from the list of previously-designed graphical elements to add to the template. [![New_Row__HTML_Content__Component.png](https://cdn.us.document360.io/cd8ea7a6-07f3-4846-a554-627ac016d3e3/Images/Documentation/6585905288219.png?sv=2026-02-06&spr=https&st=2026-11-09T11%3A20%3A16Z&se=2026-11-09T12%3A20%3A16Z&sr=c&sp=r&sig=nqT70XyFtvQqeWyA9Cz9dsa5auZof8L%2B63IokYdupys%3D)](https://cdn.us.document360.io/cd8ea7a6-07f3-4846-a554-627ac016d3e3/Images/Documentation/6585905288219.png?sv=2026-02-06&spr=https&st=2026-11-09T11%3A20%3A16Z&se=2026-11-09T12%3A20%3A16Z&sr=c&sp=r&sig=nqT70XyFtvQqeWyA9Cz9dsa5auZof8L%2B63IokYdupys%3D) ## Edit rows and customization settings Once a row has been added to the template, it can be edited or moved by hovering over the row and selecting from the palette on the left side. [![mceclip0.png](https://cdn.us.document360.io/cd8ea7a6-07f3-4846-a554-627ac016d3e3/Images/Documentation/6576229707163.png?sv=2026-02-06&spr=https&st=2026-11-09T11%3A20%3A16Z&se=2026-11-09T12%3A20%3A16Z&sr=c&sp=r&sig=nqT70XyFtvQqeWyA9Cz9dsa5auZof8L%2B63IokYdupys%3D)](https://cdn.us.document360.io/cd8ea7a6-07f3-4846-a554-627ac016d3e3/Images/Documentation/6576229707163.png?sv=2026-02-06&spr=https&st=2026-11-09T11%3A20%3A16Z&se=2026-11-09T12%3A20%3A16Z&sr=c&sp=r&sig=nqT70XyFtvQqeWyA9Cz9dsa5auZof8L%2B63IokYdupys%3D) Options for editing include: - Move Row - Edit Row Properties - Allow Customization: By default, all rows are locked for user customization. Selecting **Allow** enables content editing of the row for users. - Delete Row ## Check the layout Preview the template and check the layout before you use it for a mailing. Check that components and HTML content work for mobile readers. [Optimize Emails for Mobile Devices](/docs/optimizing-emails-for-mobile-devices-mobile-responsiveness) ## Up next > [!NOTE] > ➡️ [Create a Mailing From a Designer Template](/docs/create-a-mailing-from-a-designer-template)