<commit_before>---
layout: page
weight: 80
title: Design Editor
navigation:
  show: true
seo:
  title: Design Editor
  override: true
  description:
---

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.

* [Getting Started With the Design Editor](#-Getting-Started-With-the-Design-Editor)
* [Using Drag & Drop Modules](#-Using-Drag-&-Drop-Modules)
    * [Drag & Drop Module Descriptions and Styles](#-Drag-&-Drop-Module-Descriptions-and-Styles)
* [Using Global Styles](#-Using-Global-Styles)
* [Editing Module HTML](#-Editing-Module-HTML)
* [Code Modules](#-Code-Modules)
* [Adding Images](#-Adding-Images)
* [Using Substitution Tags](#-Using-Substitution-Tags)
* [Previewing Your Campaign](#-Previewing-Your-Campaign)
* [Importing Custom HTML With Drag & Drop Markup](#-Importing-Custom-HTML-With-Drag-&-Drop-Markup)
    * [Drag & Drop Markup](#-Drag-&-Drop-Markup)
    * [Drag & Drop Code Examples](#-Drag-&-Drop-Code-Examples)
* [Exporting HTML From the Design Editor](#-Exporting-HTML-From-the-Design-Editor)
    
{% 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**.<commit_msg>adding in missing link<commit_after>---
layout: page
weight: 80
title: Design Editor
navigation:
  show: true
seo:
  title: Design Editor
  override: true
  description:
---

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.

* [Getting Started With the Design Editor](#-Getting-Started-With-the-Design-Editor)
* [Using Drag & Drop Modules](#-Using-Drag-&-Drop-Modules)
    * [Drag & Drop Module Descriptions and Styles](#-Drag-&-Drop-Module-Descriptions-and-Styles)
* [Using Global Styles](#-Using-Global-Styles)
* [Editing Module HTML](#-Editing-Module-HTML)
* [Code Modules](#-Code-Modules)
* [Adding Images](#-Adding-Images)
* [Using Substitution Tags](#-Using-Substitution-Tags)
* [Previewing Your Campaign](#-Previewing-Your-Campaign)
* [Editing the HTML Head](#-Editing-the-HTML-Head)
* [Importing Custom HTML With Drag & Drop Markup](#-Importing-Custom-HTML-With-Drag-&-Drop-Markup)
    * [Drag & Drop Markup](#-Drag-&-Drop-Markup)
    * [Drag & Drop Code Examples](#-Drag-&-Drop-Code-Examples)
* [Exporting HTML From the Design Editor](#-Exporting-HTML-From-the-Design-Editor)
    
{% 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**.
{'fraction_non_alphanumeric': 0.1199616122840691, 'fraction_numerical': 0.003838771593090211, 'mean_word_length': 4.421326397919376, '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': '1559312', 'n_tokens_mistral': 1264, 'n_tokens_neox': 1184, 'n_words': 448}