Constant Contact

Adding Spacer and Button

Adding a Spacer Below the Main Text

66

Click and drag a Spacer Block from the block section.

67

Place the spacer block element below the main text.

Note: You will see a Pink Bar showing you where the Spacer Block will be placed. Make sure the pink bar extends beyond the white space of your email.

68

Once you have placed the spacer block, it will appear as shown below.

Adding a Button Below the Spacer

69

Click and drag a Button Block from the block section.

70

Add the button block element below the spacer block you just placed.

Note: You will see a Pink Bar showing you where the Button Block will be placed. Make sure the pink bar extends beyond the white space of your email.

71

Once you have placed the button block element, it will appear as shown below.

Changing your Buttons Text

72

Click on your button to bring up the button tool bar, and edit options.

73

To change the text of the button, highlight the text and type in "See Our Website".

74

The results will appear immediately as show below.

Changing your Buttons Background Colour

75

To change the background colour of your button, click on the "Paint Bucket Icon".

76

Once you have clicked on the paint bucket icon, the Colour Selection Window will appear, as shown below.

77

Select a dark green as a background colour for your button.

78

After selecting the background colour, the changes will appear immediately, as shown below.

Opening the "Insert Link" Window

79

To add a website link to your button, click on the Link button, and select "Web Page".

80

After clicking the web page button, the "Insert Link" window will appear.

Inserting a Link into Your Button

81

To create a link, type in the URL of the web page in the section highlighted below.

82

After typing in the webpage, click on the Insert Button.

83

If the link button is highlighted in blue, you have successfully inserted a web page link.

84

To save your changes, click the "Done" Button.

85

Once you have clicked done, your changes will be saved.

Adding a Spacer Below Your Button

86

Click and drag a spacer block from the block section.

87

Place the spacer block element below the button.

88

Once you have placed the spacer block, it will appear as shown below.