# The Basics

To add content to your email simply drag and drop a component from the left sidebar onto your canvas, then click the component element and a toolbar will appear.  

To enter blocks of text, use the Paragraph component.

![](https://d2x3xhvgiqkx42.cloudfront.net/e0384b56-4f90-47bf-9077-d8a44f0eb175/2a05d828-eb35-44b0-9b70-bfc4c7204e36/2018/12/19/dbf2e10c-bce6-43bb-9bdc-76f74309c7ff.gif)

Just like the subject line, text in your email can be personalized to each contact. 

![](https://d2x3xhvgiqkx42.cloudfront.net/e0384b56-4f90-47bf-9077-d8a44f0eb175/2a05d828-eb35-44b0-9b70-bfc4c7204e36/2018/12/19/8d8e8de2-2ac1-496c-b482-73e0e978d3e4.png)

![](https://d2x3xhvgiqkx42.cloudfront.net/e0384b56-4f90-47bf-9077-d8a44f0eb175/2a05d828-eb35-44b0-9b70-bfc4c7204e36/2018/12/19/12c17c45-5ad1-4016-8ea1-512b6f578718.png)

To add images to your message drag and drop the image component onto the canvas, select the placeholder, click the upload icon and choose the image from your hard drive.

![](https://d2x3xhvgiqkx42.cloudfront.net/e0384b56-4f90-47bf-9077-d8a44f0eb175/2a05d828-eb35-44b0-9b70-bfc4c7204e36/2018/12/19/b4ba3c79-55ff-462e-84d6-ad811da39291.gif)

Adjust the proportions of your images with the scale icon.

![](https://d2x3xhvgiqkx42.cloudfront.net/e0384b56-4f90-47bf-9077-d8a44f0eb175/2a05d828-eb35-44b0-9b70-bfc4c7204e36/2018/12/19/53f3e90c-da27-40a0-ba39-2290cb196035.gif)

Add a hyperlink to an image by clicking on the link icon and dropping in a URL.

![](https://d2x3xhvgiqkx42.cloudfront.net/e0384b56-4f90-47bf-9077-d8a44f0eb175/2a05d828-eb35-44b0-9b70-bfc4c7204e36/2018/12/19/cd84560e-f887-403b-b90d-f00b37cddb60.png)

Drop in a button component onto the canvas and choose a background color that matches your theme.

![](https://d2x3xhvgiqkx42.cloudfront.net/e0384b56-4f90-47bf-9077-d8a44f0eb175/2a05d828-eb35-44b0-9b70-bfc4c7204e36/2018/12/19/bf8b9445-b446-4f61-b2cd-645194f45275.png)

Click the text icon and make the button's wording specific to the action being accomplished instead of something generic like "Click Here" .

![](https://d2x3xhvgiqkx42.cloudfront.net/e0384b56-4f90-47bf-9077-d8a44f0eb175/2a05d828-eb35-44b0-9b70-bfc4c7204e36/2018/12/19/a4f2c193-536b-4745-b406-54545691e973.png)

Adding a hyperlink to a button works like an image, click on the link icon, drop in a URL, and your button will now be clickable.

![](https://d2x3xhvgiqkx42.cloudfront.net/e0384b56-4f90-47bf-9077-d8a44f0eb175/2a05d828-eb35-44b0-9b70-bfc4c7204e36/2018/12/19/07702f12-c994-4b3f-92d4-1a27814b3ea0.png)

Now our button is crowding into our snail mail address.

Solve that by dropping in a spacer component.

![](https://d2x3xhvgiqkx42.cloudfront.net/e0384b56-4f90-47bf-9077-d8a44f0eb175/2a05d828-eb35-44b0-9b70-bfc4c7204e36/2018/12/19/f1079326-2369-483c-a3e7-a1f8b7fb79bc.gif)