<commit_before>---
layout: page
weight: 80
title: Design Editor
navigation:
  show: true
seo:
  title: Design Editor
  override: true
  description:
---
[Getting Started with the Design Editor](#-Getting-Started-with-the-Design-Editor)
[Drag & drop modules](#-Drag-&-drop-modules)
  - [Drag & Drop Module Descriptions and Styles](#-Drag-&-Drop-Module-Descriptions-and-Styles)
  - [Code Modules](#-Code-Modules)
  - [Custom Modules](#-Custom-Modules)

The design editor is where you build your templates and campaigns using drag & drop WYSIWYG tools. You can use the design editor to make changes to the various modules like text, images, buttons, links, columns, or custom code that make up the content you include in your campaigns.

{% anchor h3 %}
Getting Started with the Design Editor
{% endanchor h3 %}

1. From the left-hand navigation, select **Marketing**, and then click **Campaigns**.  
1. Click **Create Campaign**.  

   To create a campaign using an existing campaign, find the campaign you want to use and click the action cog next to the campaign and then select Edit or Duplicate.
   ![]({{root_url}}/images/duplicate_campaign.png)
   
1. Select the template that you want to use for your campaign. You can select a Blank Template, a custom template that you have already created, or one of SendGrid's pre-built templates. 

   For more information, see [Working With Templates](https://sendgrid.com/docs/User_Guide/Marketing_Campaigns/templates.html). 

1. Select **Design Editor**, and then click **Continue**. 

   The Design Editor opens.

{% anchor h3 %}
Drag & drop modules
{% endanchor h3 %}

Drag & drop editing helps you swiftly build your campaign using pre-built content modules. You can easily edit individual modules in the left-hand sidebar and reorder modules in your campaign body with a simple click and drag of your mouse.

*To add a drag & drop module:*

1. Navigate to the **Build** tab, and then click **Add Modules**.
   ![]({{root_url}}/images/design_editor_drag_drop.png)
2. Find the module tile you want to add to your campaign and drag and drop it into your content area.  
3. Edit the module settings and add your custom content to build your campaign.   <commit_msg>Fixed a typo<commit_after>---
layout: page
weight: 80
title: Design Editor
navigation:
  show: true
seo:
  title: Design Editor
  override: true
  description:
---
[Getting Started with the Design Editor](#-Getting-Started-with-the-Design-Editor)
[Drag & drop modules](#-Drag-&-drop-modules)
  - [Drag & Drop Module Descriptions and Styles](#-Drag-&-Drop-Module-Descriptions-and-Styles)
  - [Code Modules](#-Code-Modules)
  - [Custom Modules](#-Custom-Modules)

The design editor is where you build your templates and campaigns using drag & drop WYSIWYG tools. You can use the design editor to make changes to the various modules like text, images, buttons, links, columns, or custom code that make up the content you include in your campaigns.

{% anchor h3 %}
Getting Started with the Design Editor
{% endanchor h3 %}

1. From the left-hand navigation, select **Marketing**, and then click **Campaigns**.  
1. Click **Create Campaign**.  

   To create a campaign using an existing campaign, find the campaign you want to use and click the action menu next to the campaign and then select Edit or Duplicate.
   ![]({{root_url}}/images/duplicate_campaign.png)
   
1. Select the template that you want to use for your campaign. You can select a Blank Template, a custom template that you have already created, or one of SendGrid's pre-built templates. 

   For more information, see [Working With Templates](https://sendgrid.com/docs/User_Guide/Marketing_Campaigns/templates.html). 

1. Select **Design Editor**, and then click **Continue**. 
The Design Editor opens.

{% anchor h3 %}
Drag & drop modules
{% endanchor h3 %}

Drag & drop editing helps you swiftly build your campaign using pre-built content modules. You can easily edit individual modules in the left-hand sidebar and reorder modules in your campaign body with a simple click and drag of your mouse.

*To add a drag & drop module:*

1. Navigate to the **Build** tab, and then click **Add Modules**.
   ![]({{root_url}}/images/design_editor_drag_drop.png)
2. Find the module tile you want to add to your campaign and drag and drop it into your content area.  
3. Edit the module settings and add your custom content to build your campaign.   
{'fraction_non_alphanumeric': 0.09008601177003168, 'fraction_numerical': 0.005885015844273427, 'mean_word_length': 4.096885813148789, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2491693', 'n_tokens_mistral': 1247, 'n_tokens_neox': 1174, 'n_words': 584}