# Overview
MailCraft is a no-code, drag-and-drop email builder. It's designed to simplify the email creation process with a focus on user experience and design flexibility. Whether you're sending out newsletters, promotional emails, or updates, MailCraft provides the tools you need to create responsive and professional-looking emails.

Live demo: https://mailcraft-41024.bubbleapps.io/version-test/editor
Editor demo: https://bubble.io/page?type=page&name=editor&id=mailcraft-41024&tab=tabs-1

### Key Features:

- Drag & Drop Interface: Easily build emails with a user-friendly interface, no coding skills required.

- Auto-Save: Work with confidence knowing your progress is saved automatically.

- Components Library: Utilize 9 different components including:
    - Heading
    - Paragraph
    - Button
    - Divider
    - Spacer
    - Image
    - Video
    - Social
    - Code

- Column Layouts: Choose from 8 column layouts to design emails that fit your message and style.

- Customizable Editor: Adjust the editor's colors, logo, and name to match your brand or personal preference.

- Style Settings: Access detailed style settings for Email, Text, Link, Button, Divider, and Colors to ensure brand consistency.

- Undo/Redo: Easily make and revert changes with undo/redo options.

- Responsive HTML Preview: Generate and preview responsive HTML emails with MJML technology.

- Image Upload: Directly upload images from your bubble app for a seamless design process.

- Customizable Functions: Tailor the Save, Send Test Email, and Exit functions to fit your workflow.



### Why Use MailCraft?

MailCraft is built for individuals and teams looking for a straightforward, efficient way to create emails. It's particularly suited for bubble.io users who want to integrate email building into their existing workflows without the need for extensive coding knowledge.



### How to use

1. Drag and drop the MailCraft Element into a blank page
2. Make it full screen (full width and full height)
3. Modify the Element properties to your preferences
4. Go into Workflows
5. Add 3 new events from the MailCraft plugin:
   1. Save data
   2. Exit builder
   3. (Optional) Send test email
6. ???
7. Profit