Hootsuite Campaigns Your guide to customizing social campaigns

Table of Contents 3

Campaign User Flow

4

Photo Contest

7

Video Contest

10

Sweepstakes

13

Full-screen Social Feed

16

Commenting Sweepstakes

19

Caption Contest

22

Quiz

25

Instant Poll

Campaign User Flow The typical user flow of direct-upload campaigns including photo, video, and essay contests:

3

HOOTSUITE CAMPAIGNS USER GUIDE

Photo Contest Create visually stunning photo contests that inspire your audience to submit, share, vote and comment on their favorite photos.

Photo Contest Please note that customization changes made on one page (Ex. background color) are reflected throughout your campaign.

1

2

Header image (970x500px)

1. Background This could be an uploaded image (tiled or fixed), or a color (hex value).

Tip: Hex values can be selected when using the built-in color editor.

2. Header image Upload a .jpg or .png file that is at least 970px wide. The image height is flexible, but we recommend between a maximum of 500px. 3. Active tab color Color is a visual indicator for a selected or active tab. Because the font color is black, choosing a lighter color (hex value) is recommended. 4. Tab color Choose a color (hex value) that is complementary to your color scheme. 5. Registration page (optional) A registration page can be added to the space above “Step 1 - Create Your Entry”. It might include a disclaimer, images, or company logo. 6. Body text color Choose a color (hex value) that is complementary to your color scheme, and easy for users to read. 7. Question fields Questions for your target audience can be added below the general data capture fields.

Tab

3

Active Tab

4

Tab

5

6

S T E P 1 - C RE A T E Y O U R E NT RY

7

8. Button color Choose a color (hex value) that is complementary to your color scheme. 9. Footer color Choose a color (hex value) that is complementary to your color scheme.

AVAILABLE FONTS Arial, Arial Black, Arial Narrow, Arial Rounded MT Bold, Calibri, Gill Sans, Helvetica, Tahoma, Trebuchet MS, Verdana, Lucida Sans Typewriter, Baskerville,

C U S T O MIZ A B LE F IE LD

C U S T O MIZ A B LE FI E L D

Book Antiqua, Georgia, Lucida Bright, Palatino, Times New Roman, Courier New. TIP: Google and Adobe TypeKit fonts are compatible with the Campaigns platform.

8

5

NEXT

HOOTSUITE CAMPAIGNS USER GUIDE

9

Photo Contest Mobile landing page elements 1. Campaign title Your campaign title is visible in the upper-left corner at all times.

Tip: Tapping “Menu” directs users to your campaign content (tabs/pages) .

1

CA MP A IG N T IT LE

ME NU

2. Mobile header image Ensure optimum resolution by using a .jpg or .png file that is at least 480px in width. The image height is flexible, but we recommend a maximum of 300px.

Tip: Limit text and increase font size.

3. Tabs Customized tabs are formatted as a drop-down menu in a mobile campaign.

Header image (480x300px) 3

A LL E NT RIE S

6

HOOTSUITE CAMPAIGNS USER GUIDE

Video Contest Design interactive video contests that encourage your community to share, vote and comment on their favorite videos.

Video Contest Please note that customization changes made on one page (Ex. background color) are reflected throughout your campaign.

1

2

Header image (970x500px)

1. Background This could be an uploaded image (tiled or fixed), or a color (hex value).

Tip: Hex values can be selected when using the built-in color editor.

2. Header image Upload a .jpg or .png file that is at least 970px wide. The image height is flexible, but we recommend between a maximum of 500px. 3. Active tab color Color is a visual indicator for a selected or active tab. Because the font color is black, choosing a lighter color (hex value) is recommended. 4. Tab color Choose a color (hex value) that is complementary to your color scheme. 5. Registration page (optional) A registration page can be added to the space above “Step 1 - Create Your Entry”. It might include a disclaimer, images, or company logo. 6. Body text color Choose a color (hex value) that is complementary to your color scheme, and easy for users to read.

Tab

3

Active Tab

4

Tab

5

6

S T E P 1 - C RE A T E Y O U R E NT RY

7. Question fields Questions for your target audience can be added below the general data capture fields. 8. Button color Choose a color (hex value) that is complementary to your color scheme. 9. Footer color Choose a color (hex value) that is complementary to your color scheme.

AVAILABLE FONTS Arial, Arial Black, Arial Narrow, Arial Rounded MT Bold, Calibri, Gill Sans, Helvetica, Tahoma, Trebuchet MS, Verdana, Lucida Sans Typewriter, Baskerville,

7

C U S T O MIZ A B LE F IE LD

C U S T O MIZ A B LE FI E L D

Book Antiqua, Georgia, Lucida Bright, Palatino, Times New Roman, Courier New. TIP: Google and Adobe TypeKit fonts are compatible with the Campaigns platform. 8

8

NEXT

HOOTSUITE CAMPAIGNS USER GUIDE

9

Video Contest Mobile landing page elements 1. Campaign title Your campaign title is visible in the upper-left corner at all times.

Tip: Tapping “Menu” directs users to your campaign content (tabs/pages) .

1

CA MP A IG N T IT LE

2

ME NU

2. Tabs Customized tabs are formatted as a drop-down menu in a mobile campaign. 3. Mobile header image Ensure optimum resolution by using a .jpg or .png file that is at least 480px in width. The image height is flexible, but we recommend a maximum of 300px.

Tip: Limit text and increase font size.

3

Header image (480x300px) 3

A LL E NT RIE S

9

HOOTSUITE CAMPAIGNS USER GUIDE

Sweepstakes Run exciting yet simple sweepstakes contests your audience can’t wait to enter, while growing your email database, acquiring leads and gaining demographic insights.

Sweepstakes Please note that customization changes made on one page (Ex. background color) are reflected throughout your campaign.

1 1

2

1. Background This could be an uploaded image (tiled or fixed), or a color (hex value).

Header image (970x500px)

Tip: Hex values can be selected when using the built-in color editor.

2. Header image Upload a .jpg or .png file that is at least 970px wide. The image height is flexible, but we recommend between a maximum of 500px. 3. Active tab color Color is a visual indicator for a selected or active tab. Because the font color is black, choosing a lighter color (hex value) is recommended. 4. Tab color Choose a color (hex value) that is complementary to your color scheme.

Tab

3

Active Tab

4

5

Tab

5. Tabs Add new tabs and update existing tabs. 6. Registration page (optional) A registration page can be added to the space above “Step 1 - Create Your Entry”. It might include a disclaimer, images, or company logo.. 7. Body text color Choose a color (hex value) that is complementary to your color scheme, and easy for users to read.

6

7

S T E P 1 - C RE A T E Y O U R E NT RY

8. Question fields Questions for you target audience can be added below the general data capture fields. 9. Button color Choose a color (hex value) that is complementary to your color scheme. 10. Footer color Choose a color (hex value) that is complementary to your color scheme.

AVAILABLE FONTS Arial, Arial Black, Arial Narrow, Arial Rounded MT Bold, Calibri, Gill Sans, Helvetica, Tahoma, Trebuchet MS, Verdana, Lucida Sans Typewriter, Baskerville,

8

C U S T O MIZ A B LE F IE LD

C U S T O MIZ A B LE FI E L D

Book Antiqua, Georgia, Lucida Bright, Palatino, Times New Roman, Courier New. TIP: Google and Adobe TypeKit fonts are compatible with the Campaigns platform. 9

11

SUBMIT

HOOTSUITE CAMPAIGNS USER GUIDE

10

Sweepstakes Mobile landing page elements 1. Campaign title Your campaign title is visible in the upper-left corner at all times.

Tip: Tapping “Menu” directs users to your campaign content (tabs/pages) .

1

CA MP A IG N T IT LE

2

ME NU

2. Tabs Customized tabs are formatted as a drop-down menu in a mobile campaign. 3. Mobile header image Ensure optimum resolution by using a .jpg or .png file that is at least 480px in width. The image height is flexible, but we recommend a maximum of 300px.

Tip: Limit text and increase font size.

3

Header image (480x300px) 3

4. Button color Choose a color (hex value) that is complementary to your color scheme.

S T E P 1 - C RE A T E Y O U R E NT RY NA ME

E MA IL

CU S T O M Q U E S T IO N

4

12

HOOTSUITE CAMPAIGNS USER GUIDE

S U B MIT

Full-screen Social Feed Use images and videos curated from Instagram, Twitter and Vine to create rich branded social feeds powered by hashtags.

1

2

Full-screen Social Feed 2. Body text color Choose a color (hex value) that is complementary to your color scheme, and easy for users to read.



Tip: Should you have a favicon (favorite icon) you’d like to use as the small tab icon in your browser window, it can be uploaded using the Builder.

AVAILABLE FONTS

Arial, Arial Black, Arial Narrow, Arial Rounded MT Bold, Calibri,

Gill Sans, Helvetica, Tahoma, Trebuchet MS, Verdana, Lucida Sans Typewriter, Baskerville, Book Antiqua, Georgia, Lucida Bright, Palatino, Times New Roman, Courier New. TIP: Google and Adobe TypeKit fonts are compatible with the Campaigns platform.

14

HOOTSUITE CAMPAIGNS USER GUIDE

P RIZ E S

Header image (3600x800px)

1. Campaign tabs Name your campaign tabs with clear page titles. Popular examples include: About, Prizes and Contest Rules.

4. Background color Enter the color code or select a hex value through our built-in color editor.

ABOUT

3

Please note that customization changes made on one page (Ex. background color) are reflected throughout your campaign.

3. Header image Ensure optimum resolution by using a .jpg or .png file that is 3600x800px. Larger images will be scaled down for size.

C O NT E S T RU LE S

4

Full-screen Social Feed Mobile landing page elements

1

A B O U T RU LE S P RIZ E S

1. Campaign tabs Your campaign tabs are visible at the top of the screen at all times. 2. Mobile header image Ensure optimum resolution by using a .jpg or .png file that is at least 480px in width. The image height is flexible, but we recommend a maximum of 300px.

15

Tip: Limit text and increase font size.

HOOTSUITE CAMPAIGNS USER GUIDE

2

Header image (480x300px)

Commenting Sweepstakes Empower your audience to “voice their opinion” — while growing your email database — by launching a commenting sweepstakes.

Please note that customization changes made on one page (Ex. background color) are reflected throughout your campaign.

1

CA M PA I GN T I T L E H E R E

Header image

400-500px

Commenting Sweepstakes

2 U R C A M PA I G N TA G L I N E G O E S H E R E YO

S H O R T E X P L A N AT I O N O F T H E C A M PA I G N G O E S H E R E

(970x500px)

# H A S H TA G H E R E 1. Background This could be an uploaded image (tiled or fixed), or a color (hex value).

Tip: Hex values can be selected when using the built-in color editor.

2. Header image Upload a .jpg or .png file that is at least 970px wide. The image height is flexible, but we recommend between a maximum of 500px. 3. Body text color Choose a color (hex value) that is complementary to your color scheme, and easy for users to read.

970px

3

C O MME NT

4. Button color Choose a color (hex value) that is complementary to your color scheme. 5. Footer color Choose a color (hex value) that is complementary to your color scheme.

Tip: Should you have a favicon (favorite icon) you’d like to use as the small tab icon in your browser window, it can be uploaded using the Builder.

AVAILABLE FONTS Arial, Arial Black, Arial Narrow, Arial Rounded MT Bold, Calibri, Gill Sans, Helvetica, Tahoma, Trebuchet MS, Verdana, Lucida Sans Typewriter, Baskerville,

4

NEXT STEP

Book Antiqua, Georgia, Lucida Bright, Palatino, Times New Roman, Courier New. TIP: Google and Adobe TypeKit fonts are compatible with the Campaigns platform.

MO S T RE CE NT A LP H A B E T ICA L F i rs t La s t Na m e Co m m en t w i l l a p p ea r h ere F i rs t La s t Na m e Co m m en t w i l l a p p ea r h ere F i rs t La s t Na m e Co m m en t w i l l a p p ea r h ere 17

HOOTSUITE CAMPAIGNS USER GUIDE

5

Commenting Sweepstakes Mobile landing page elements

1

CA MP A IG N T IT LE

2

ME NU

1. Campaign title Your campaign title is visible in the upper-left corner at all times. 2. Tabs Customized tabs are formatted as a drop-down menu in a mobile campaign. 3. Mobile header image Ensure optimum resolution by using a .jpg or .png file that is at least 480px in width. The image height is flexible, but we recommend a maximum of 300px.

3

Header image (480x300px) 3

Tip: Limit text and increase font size.

4. Button color Choose a color (hex value) that is complementary to your color scheme.

C O MME NT

4

NEXT STEP

MO S T RE C E NT A LP H A B E T ICA L F i rs t La s t Na m e Co m m en t h ere

18

HOOTSUITE CAMPAIGNS USER GUIDE

Caption Contest Engage your audience with graphics they can’t wait to caption, while capturing emails and demographic insights.

Caption Contest 1

CA M PA I GN T I T L E H E R E

Header image

400-500px

Please note that customization changes made on one page (Ex. background color) are reflected throughout your campaign.

2 U R C A M PA I G N TA G L I N E G O E S H E R E YO

S H O R T E X P L A N AT I O N O F T H E C A M PA I G N G O E S H E R E

(970x500px)

1. Background This could be an uploaded image (tiled or fixed), or a color (hex value).

# H A S H TA G H E R E

Tip: Hex values can be selected when using the built-in color editor.

2. Header image Upload a .jpg or .png file that is at least 970px wide. The image height is flexible, but we recommend between a maximum of 500px. 3. Body text color Choose a color (hex value) that is complementary to your color scheme, and easy for users to read. 4. Button color Choose a color (hex value) that is complementary to your color scheme.

970px

3

C A P T IO N

5. Footer color Choose a color (hex value) that is complementary to your color scheme.

Tip: Should you have a favicon (favorite icon) you’d like to use as the small tab icon in your browser window, it can be uploaded using the Builder.

AVAILABLE FONTS Arial, Arial Black, Arial Narrow, Arial Rounded MT Bold, Calibri, Gill Sans, Helvetica, Tahoma, Trebuchet MS, Verdana, Lucida Sans Typewriter, Baskerville, Book Antiqua, Georgia, Lucida Bright, Palatino, Times New Roman, Courier New. TIP: Google and Adobe TypeKit fonts are compatible with the Campaigns platform.

4

NEXT STEP

MO S T RE CE NT A LP H A B E T ICA L F i rs t La s t Na m e Ca p t i o n w i l l a p p ea r h ere F i rs t La s t Na m e Ca p t i o n w i l l a p p ea r h ere F i rs t La s t Na m e Ca p t i o n w i l l a p p ea r h ere 20

HOOTSUITE CAMPAIGNS USER GUIDE

5

Caption Contest Mobile landing page elements 1. Campaign title Your campaign title is visible in the upper-left corner at all times. 2. Tabs Customized tabs are formatted as a drop-down menu in a mobile campaign.

1

CA MP A IG N T IT LE

2

ME NU

3. Mobile header image Ensure optimum resolution by using a .jpg or .png file that is at least 480px in width. The image height is flexible, but we recommend a maximum of 300px.

Tip: Limit text and increase font size.

4. Button color Choose a color (hex value) that is complementary to your color scheme.

3

Header image (480x300px)

C A P T IO N

4

NEXT STEP

MO S T RE CE NT A LP H A B E T IC A L F i rs t La s t Na m e C a p t i o n h ere

21

HOOTSUITE CAMPAIGNS USER GUIDE

Quiz Collect valuable demographic insights while your participants answer fun and engaging custom questions for results to share with friends.

Quiz 1

CA M PA I GN T I T L E H E R E

Header image

400-500px

Please note that customization changes made on one page (Ex. background color) are reflected throughout your campaign.

2 U R C A M PA I G N TA G L I N E G O E S H E R E YO

S H O R T E X P L A N AT I O N O F T H E C A M PA I G N G O E S H E R E

(970x500px)

1. Background This could be an uploaded image (tiled or fixed), or a color (hex value).

# H A S H TA G H E R E

Tip: Hex values can be selected when using the built-in color editor.

2. Header image Upload a .jpg or .png file that is at least 970px wide. The image height is flexible, but we recommend between a maximum of 500px. 3. Active tab color Color is a visual indicator for a selected or active tab. Because the font color is black, choosing a lighter color (hex value) is recommended.

970px

4. Tab color Choose a color (hex value) that is complementary to your color scheme.

Tab

3

Active Tab

5. Tabs Add new tabs and update existing tabs. 6. Body text color Choose a color (hex value) that is complementary to your color scheme, and easy for users to read. 7. Button color Choose a color (hex value) that is complementary to your color scheme. 8. Footer color Choose a color (hex value) that is complementary to your color scheme.

Tip: Should you have a favicon (favorite icon) you’d like to use as the small tab icon in your browser window, it can be uploaded using the Builder.

6

CA MP A IG N T IT LE A ND INS T RU C T IO NS Q U E S T IO N 1 O F 5 Q U E S T IO N # 1 An sw er # 1 An sw er # 2 An sw er # 3

AVAILABLE FONTS Arial, Arial Black, Arial Narrow, Arial Rounded MT Bold, Calibri,

An sw er # 4

Gill Sans, Helvetica, Tahoma, Trebuchet MS, Verdana, Lucida Sans Typewriter, Baskerville, Book Antiqua, Georgia, Lucida Bright, Palatino, Times New Roman, Courier New. TIP: Google and Adobe TypeKit fonts are compatible with the Campaigns platform.

23

7

NEXT QUESTION

HOOTSUITE CAMPAIGNS USER GUIDE

8

4

5

Tab

Quiz Mobile landing page elements 1. Tabs Customized tabs are formatted as a drop-down menu in a mobile campaign.

1

ME NU

2. Mobile header image Ensure optimum resolution by using a .jpg or .png file that is at least 480px in width. The image height is flexible, but we recommend a maximum of 300px.

Tip: Limit text and increase font size.

3. Button color Choose a color (hex value) that is complementary to your color scheme.

2

Header image (480x300px)

Q U E S T IO N 1 O F 5 W H A T IS T H E MO S T C O MMO N O W L? B arn o w l G reat h o rn ed o w l Sn o w y o w l Sp o t t ed o w l 3

24

HOOTSUITE CAMPAIGNS USER GUIDE

NEXT

Instant Poll Get your audience’s opinion on anything. Products, service or just something fun to help shape your future marketing efforts.

Instant Poll 1

400-500px

Please note that customization changes made on one page (Ex. background color) are reflected throughout your campaign.

CA M PA I GN T I T L E H E R E

Header image

2 U R C A M PA I G N TA G L I N E G O E S H E R E YO

S H O R T E X P L A N AT I O N O F T H E C A M PA I G N G O E S H E R E

(970x500px)

1. Background This could be an uploaded image (tiled or fixed), or a color (hex value).

# H A S H TA G H E R E

Tip: Hex values can be selected when using the built-in color editor.

2. Header image Upload a .jpg or .png file that is at least 970px wide. The image height is flexible, but we recommend between a maximum of 500px. 3. Body text color Choose a color (hex value) that is complementary to your color scheme, and easy for users to read.

970px

4. Button color Choose a color (hex value) that is complementary to your color scheme. 5. Footer color Choose a color (hex value) that is complementary to your color scheme.

Tip: Should you have a favicon (favorite icon) you’d like to use as the small tab icon in your browser window, it can be uploaded using the Builder.

AVAILABLE FONTS Arial, Arial Black, Arial Narrow, Arial Rounded MT Bold, Calibri,

3

Q U E S T IO N # 1 An sw er # 1 An sw er # 2 An sw er # 3

Gill Sans, Helvetica, Tahoma, Trebuchet MS, Verdana, Lucida Sans Typewriter, Baskerville, Book Antiqua, Georgia, Lucida Bright, Palatino, Times New Roman, Courier New. TIP: Google and Adobe TypeKit fonts are compatible with the Campaigns platform.

An sw er # 4

4

26

SUBMIT

HOOTSUITE CAMPAIGNS USER GUIDE

5

Instant Poll Mobile landing page elements 1. Mobile header image Ensure optimum resolution by using a .jpg or .png file that is at least 480px in width. The image height is flexible, but we recommend a maximum of 300px.

Tip: Limit text and increase font size.

2. Button color Choose a color (hex value) that is complementary to your color scheme.

1

Header image (480x300px)

3. Footer color Choose a color (hex value) that is complementary to your color scheme.

W H A T IS Y O U R F A V O U RIT E T Y P E O F O W L? Lo n g-eared o w l Sp o t t ed o w l G reat G rey o w l B u rro w i n g o w l

2

NEXT

3

27

HOOTSUITE CAMPAIGNS USER GUIDE