Placeholder Picture

Learn step by step

Step n.º 1

Export your design.

Once your creation is complete, click the Export icon in the top toolbar. You'll be prompted to choose where you would like to save your project on your local machine.

Placeholder Picture
Step n.º 2

Pick your export location.

You will be asked to designate a folder on your computer where to export the email.html file and the images from your email (or create a new folder to organize your project) and click Open.

Placeholder Picture
Placeholder Picture
Step n.º 3

Review warning dialog.

A warning dialog will appear to notify you that the image hosting workflow has changed. Read the brief recap of these steps and click OK to continue.

Placeholder Picture
Step n.º 4

Image resources path.

A pop-up dialog will ask you to set the path where you will upload your files. If you want to upload your files to a third-party server such as Cyber Duck enter the full link path for the folder destination. To upload to the CoffeeCup S-Drive servers, press the S-Drive button.

Step n.º 5

Access resources.

When the final dialog appears, click on Upload Resources located in the center. The exported folder will open with the files needed for your email. Leave the action dialog open to get the code or run a send.

Placeholder Picture
Step n.º 6

Upload to a server.

For images hosted on CoffeeCup S-Drive, first log into your account. Then go to your S-Drive Sites Dashboard. Click on Upload File and then select both exported files (the .html file and image folder) to publish them.

If you are using a third party location, upload the exported files to the path specified in Step 4.

PRO TIP: If you send multiple email campaigns, we suggest you rename the email.html file to match your project file title. This way the files stay organized while uploaded to the same destination.

Placeholder Picture
Step n.º 7

Copy Code.

If you will be sending your email through Mailchimp or Constant Contact return to the Export Dialog box and choose Copy the Code.

Placeholder Picture

Watch the video tutorial

Placeholder Picture

Community forum

Share and get help from out community.

go to forums ➔
Placeholder Picture

Contact support

We’re available Monday - Friday, 24 / 7

contact us ➔