Skip to main content

How to Build a Text-Based HTML Email Template

Learn the core building blocks of VipeCloud's HTML email builder so you can create basic branded emails with logos, images, and buttons.

Written by VipeCloud Support

When you want a designed, branded email with images and buttons, use the HTML builder instead of rich text. This article covers the core building blocks so you can arrange them however your design requires.

How to Access the HTML Builder

  1. Click Communication in the left navigation.

  2. Select Email Templates.

  3. Click Create.

  4. Select HTML Builder to open the editor.

Quick Walkthrough

Core Content Blocks

The HTML builder uses drag-and-drop content blocks. Each block serves a specific purpose:

  • Text - body copy, introductions, closing lines, and any written content

  • Image - logos, photos, and graphics

  • Button - calls to action with a clickable URL

  • Spacer - adds breathing room between sections to control visual spacing

How to Add and Arrange Blocks

  1. Find the block you want in the left panel.

  2. Drag it onto the canvas where you want it to appear.

  3. To reorder blocks, drag them up or down on the canvas.

  4. Click any block to select it and edit its content or settings in the right sidebar.

How to Configure a Button

  1. Drag a Button block onto the canvas.

  2. Click the button block to select it.

  3. In the right sidebar, enter the button label text (what the button says).

  4. Enter the destination URL in the URL field.

  5. Adjust button color, size, or alignment as needed.

How to Send a Test to Yourself

  1. In the upper right, click Send Actions

  2. Click Send Test To Yourself

  3. This will send a test email to the email associated with your account

Did this answer your question?