Design stunning emails without writing a single line of code!

Email Designs and Email Templates

Learn how to create and customize email designs and templates in run.events using a drag-and-drop interface for responsive email campaigns.

Article Image Alt

The run.events platform features an integrated email design and email sending functionality, eliminating the need to switch to external apps or platforms for this purpose.

In order to use Email Communication with run.events, please make sure to integrate your email provider in the organizer settings:
Integrating Email Providers with run.events

As next step, create an email design and an email template.

Recommendation: For optimal design quality and responsiveness across devices (desktop, mobile, tablet), we recommend having someone with HTML and CSS knowledge work on or fine-tune the final design. The good news: no code typing is required.

Creating an email design

Go to: Communications -> Email Designs

aaa6dd6beb87c317198ba38371b3b8f7

Click on Add New

38d4abf986b555d6ae80f7c567c74873

Define the email design’s name, description, and recipient type.

783e4c5aa13e7bb15bc4846268b962e9

Click "Create"

You can create as many different email designs as needed. To reduce repetitive work, existing Email Designs can be easily duplicated and modified to suit evolving requirements.

c98c9c350c2ac1d0bf19ed50b15f5566

Click on the email design name in the list view, to start the designing process.

a6789525c2f57a20a436bc41c998c6dd

Creating an email template

Before you can send out a rich email, you need to create an email template from one of your email designs.

Open the email design of your choice and click "Create Template" to create an email template.

17c348e0ae62c9efa33310ce9edf4ae8

Email Design Interface

After creating and opening a new design, you'll see the email builder interface where you can use drag-and-drop functionality to add components such as:

  • Text blocks
  • Images
  • Links
  • And more

image

You can also organize your email into columns.

Note that when using multiple columns, you'll need to make adjustments to ensure proper display across different screen sizes.

image

Key Features & Tools

Device Preview (Left Panel)

View how your email will appear on different devices. Device previews inherit settings from the desktop version by default. Any changes made specifically for mobile (such as orientation or positioning) are saved independently and won't affect the desktop layout.

Design Controls

  • Paint Brush Icon – Opens a side menu where you can make all HTML and CSS modifications without writing any code.
  • Cogwheel Icon – Opens customization options for the selected module. For example, selecting a link module allows you to adjust its properties and settings.
  • Plus Icon – Displays all available drag-and-drop modules you can use to build your email template.

An example:

806f645b75a1ee1a0e0ea02f2cf572dd 4acaf53c733cdc43ed6c10939ad27569

8dda731622aa44352bb0e111e4f63bf9

fc23cb6852ad051e769e3d9d1f57b17b

Once you have created an email template, you can send it out as rich email.