> ## Documentation Index
> Fetch the complete documentation index at: https://docs.gosendwhale.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Edit your email campaign with the drag-and-drop editor

> Build and refine your campaign using content blocks, layout controls, device preview, HTML view, and automatic revision history in the SendWhale editor.

The campaign editor is where you build and polish your email before it reaches your audience. You can construct layouts visually using drag-and-drop content blocks, switch to raw HTML for advanced customization, preview your design on different devices, and access previous revisions if you need to roll back a change.

## Content blocks

Drag blocks from the panel on the left into your email canvas. Available block types include:

* **Text** — paragraphs, headings, and inline formatting
* **Image** — insert from your media library or upload directly
* **Button** — a styled call-to-action linked to any URL
* **Social links** — icons linked to your social media profiles
* **Divider** — a horizontal rule to separate sections
* **Spacer** — adjustable vertical whitespace
* **Columns** — multi-column layout containers for side-by-side content

## Layout controls

Select any block or section to reveal its layout settings in the right-hand panel:

* **Column structure** — choose single-column or multi-column layouts
* **Padding** — adjust inner spacing on blocks and sections
* **Background colors** — set section and block backgrounds independently
* **Font settings** — choose font family, size, weight, and color for text blocks

## Images

To add an image, drag an Image block onto the canvas and either:

* **Insert from library** — pick from images you have already uploaded to your media library
* **Upload inline** — upload a new image directly from your device

Always add meaningful alt text to every image so your email remains accessible and readable when images are blocked.

## Buttons

A Button block links a call-to-action label to any URL. Set the button text, destination URL, and styling (color, border radius, padding) from the block settings panel.

## Social links

The Social links block lets you add icon links to your brand's social profiles. Configure each platform's URL in the block settings.

## Footer

Every email sent through SendWhale automatically includes an unsubscribe link and your business address in the footer. These are required by law in most jurisdictions and cannot be removed.

## Device preview

Use the device preview toggle in the editor toolbar to switch between **Desktop** and **Mobile** views. Review your layout at both sizes before sending — column-heavy layouts often need adjustments to render well on small screens.

## HTML / code view

Switch to the HTML view from the editor toolbar to edit the raw email HTML directly. Use this for advanced customizations that are not possible with the drag-and-drop blocks. Changes made in code view are reflected in the visual editor, though complex custom HTML may not be fully editable as individual blocks.

## Autosave and revisions

The editor autosaves your changes as you work. To access previous versions:

1. Open the editor toolbar
2. Select **Revisions**
3. Browse the revision history and restore any earlier version

<Warning>
  Restoring a revision replaces your current unsaved changes. Make sure you do not need your current edits before restoring an older version.
</Warning>

## Concurrent edit conflicts

If a teammate saves a new version of the campaign while you are editing, SendWhale displays a conflict notice. Refresh the editor to load their latest version before continuing your edits — otherwise your save may overwrite their changes.

<Note>
  The campaign editor and the hosted-page editor are separate tools with different document models. Edits you make to a campaign in the campaign editor do not affect any hosted pages, and vice versa.
</Note>


## Related topics

- [Import an Email Design into SendWhale: HTML, Figma](/campaigns/import-design.md)
- [Create an Email Campaign: Setup Guide for SendWhale](/campaigns/create.md)
- [How to Draft and Edit Email Campaigns with Swell AI](/swell/draft-and-edit.md)
- [Upload and manage campaign images in your workspace](/workspaces/images.md)
- [Import Contacts and Build Your Audience in SendWhale](/contacts/import.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.