Your guide to customizing social campaigns
Hootsuite Campaigns
Table of ContentsCampaign User Flow
Photo Contest
Video Contest
Sweepstakes
Full-screen Social Feed
Commenting Sweepstakes
Caption Contest
Quiz
Instant Poll
3
4
7
10
13
16
19
22
25
3 HOOTSUITE CAMPAIGNS USER GUIDE
Campaign User FlowThe typical user flow of direct-upload campaigns including photo, video, and essay contests:
Photo Contest Create visually stunning photo contests that inspire your audience to submit, share, vote and comment on their favorite photos.
5 HOOTSUITE CAMPAIGNS USER GUIDE
Photo ContestPlease note that customization changes made on one page (Ex. background color) are reflected throughout your campaign.
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.
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.
Tab Active Tab Tab
Header image
STEP 1 - CREATE YOUR ENTRY
(970x500px)
2
3
5
6
7
4
1
NEXT
CUSTOMIZABLE FIELD CUSTOMIZABLE FIELD
8
9
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.
6 HOOTSUITE CAMPAIGNS USER GUIDE
Photo ContestMobile 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) .
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.
3
Header image
ALL ENTRIES
CAMPAIGN TITLE MENU1
(480x300px)
Video Contest Design interactive video contests that encourage your community to share, vote and comment on their favorite videos.
8 HOOTSUITE CAMPAIGNS USER GUIDE
Video ContestPlease note that customization changes made on one page (Ex. background color) are reflected throughout your campaign.
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.
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.
Tab Active Tab Tab
Header image
STEP 1 - CREATE YOUR ENTRY
(970x500px)
2
3
5
6
7
4
1
NEXT
CUSTOMIZABLE FIELD CUSTOMIZABLE FIELD
8
9
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.
9 HOOTSUITE CAMPAIGNS USER GUIDE
Video ContestMobile 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) .
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
ALL ENTRIES
CAMPAIGN TITLE MENU1
3
2
(480x300px)
SweepstakesRun exciting yet simple sweepstakes contests your audience can’t wait to enter, while growing your email database, acquiring leads and gaining demographic insights.
11 HOOTSUITE CAMPAIGNS USER GUIDE
SweepstakesPlease note that customization changes made on one page (Ex. background color) are reflected throughout your campaign.
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. 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.
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.
1
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.
Tab Active Tab Tab
Header image
STEP 1 - CREATE YOUR ENTRY
(970x500px)
2
3 5
6
7
4
1
SUBMIT
CUSTOMIZABLE FIELD CUSTOMIZABLE FIELD
9
8
10
12 HOOTSUITE CAMPAIGNS USER GUIDE
SweepstakesMobile 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) .
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.
4. Button color Choose a color (hex value) that is complementary to your color scheme.
3
Header image
STEP 1 - CREATE YOUR ENTRY
CAMPAIGN TITLE MENU1
NAME
CUSTOM QUESTION
SUBMIT
2
3
4
(480x300px)
Full-screen Social FeedUse images and videos curated from Instagram, Twitter and Vine to create rich branded social feeds powered by hashtags.
14 HOOTSUITE CAMPAIGNS USER GUIDE
Full-screen Social FeedPlease note that customization changes made on one page (Ex. background color) are reflected throughout your campaign.
1. Campaign tabs Name your campaign tabs with clear page titles. Popular examples include: About, Prizes and Contest Rules.
2. Body text color Choose a color (hex value) that is complementary to your color scheme, and easy for users to read.
3. Header image Ensure optimum resolution by using a .jpg or .png file that is 3600x800px. Larger images will be scaled down for size.
4. Background color Enter the color code or select a hex value through our built-in color editor.
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.
Header image(3600x800px)
CONTEST RULES ABOUT PRIZES1 2
3
4
AVAILABLE FONTS Arial, Arial Black, Arial Narrow, Arial Rounded MT Bold, Calibri, Gill Sans, Helvetica, Tahoma, Trebuchet MS, Verdana, Lucida Sans Typewriter, Basker-ville, Book Antiqua, Georgia, Lucida Bright, Palatino, Times New Roman, Courier New. TIP: Google and Adobe TypeKit fonts are compatible with the Campaigns platform.
15 HOOTSUITE CAMPAIGNS USER GUIDE
Full-screen Social FeedMobile landing page elements
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.
Tip: Limit text and increase font size.
Header image
ABOUT RULES PRIZES
2
1
(480x300px)
Commenting SweepstakesEmpower your audience to “voice their opinion” — while growing your email database — by launching a commenting sweepstakes.
17 HOOTSUITE CAMPAIGNS USER GUIDE
Commenting SweepstakesPlease note that customization changes made on one page (Ex. background color) are reflected throughout your campaign.
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.
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.
Y O U R C A M P A I G N T A G L I N E G O E S H E R ES H O R T E X P L A N A T I O N O F T H E C A M P A I G N G O E S H E R E
# H A S H T A G H E R E
CAMPAIGN TITLE HERE40
0-5
00
px
970px
Header image
COMMENT
MOST RECENT ALPHABETICAL
First Last NameComment will appear here
First Last NameComment will appear here
First Last NameComment will appear here
(970x500px)
21
NEXT STEP
3
4
5
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.
18 HOOTSUITE CAMPAIGNS USER GUIDE
Commenting SweepstakesMobile 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.
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
CAMPAIGN TITLE1
3
MENU2
COMMENT
NEXT STEP
MOST RECENT ALPHABETICAL
First Last NameComment here
4
(480x300px)
Caption Contest Engage your audience with graphics they can’t wait to caption, while capturing emails and demographic insights.
20 HOOTSUITE CAMPAIGNS USER GUIDE
Caption ContestPlease note that customization changes made on one page (Ex. background color) are reflected throughout your campaign.
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.
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.
Y O U R C A M P A I G N T A G L I N E G O E S H E R ES H O R T E X P L A N A T I O N O F T H E C A M P A I G N G O E S H E R E
# H A S H T A G H E R E
CAMPAIGN TITLE HERE40
0-5
00
px
970px
Header image
CAPTION
MOST RECENT ALPHABETICAL
First Last NameCaption will appear here
First Last NameCaption will appear here
First Last NameCaption will appear here
(970x500px)
21
NEXT STEP
3
4
5
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.
21 HOOTSUITE CAMPAIGNS USER GUIDE
Caption ContestMobile 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.
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.
Header image
CAMPAIGN TITLE1
3
MENU2
CAPTION
NEXT STEP
MOST RECENT ALPHABETICAL
First Last NameCaption here
4
(480x300px)
QuizCollect valuable demographic insights while your participants answer fun and engaging custom questions for results to share with friends.
23 HOOTSUITE CAMPAIGNS USER GUIDE
QuizPlease note that customization changes made on one page (Ex. background color) are reflected throughout your campaign.
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. 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.
Y O U R C A M P A I G N T A G L I N E G O E S H E R ES H O R T E X P L A N A T I O N O F T H E C A M P A I G N G O E S H E R E
# H A S H T A G H E R E
CAMPAIGN TITLE HERE40
0-5
00
px
970px
Tab TabActive Tab
Header image
QUESTION 1 OF 5QUESTION #1
CAMPAIGN TITLE AND INSTRUCTIONS
Answer #1
Answer #2
Answer #3
Answer #4
(970x500px)
21
NEXT QUESTION
6
7
8
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.
3 54
24 HOOTSUITE CAMPAIGNS USER GUIDE
QuizMobile landing page elements
1. Tabs Customized tabs are formatted as a drop-down menu in a mobile campaign.
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. Header image
1
2
QUESTION 1 OF 5
NEXT3
WHAT IS THE MOST COMMON OWL?
(480x300px)
Barn owl
Great horned owl
Snowy owl
Spotted owl
MENU
Instant PollGet your audience’s opinion on anything. Products, service or just something fun to help shape your future marketing efforts.
26 HOOTSUITE CAMPAIGNS USER GUIDE
Instant PollPlease note that customization changes made on one page (Ex. background color) are reflected throughout your campaign.
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.
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.
Y O U R C A M P A I G N T A G L I N E G O E S H E R ES H O R T E X P L A N A T I O N O F T H E C A M P A I G N G O E S H E R E
# H A S H T A G H E R E
CAMPAIGN TITLE HERE40
0-5
00
px
970px
Header image
QUESTION #1
(970x500px)
21
SUBMIT
3
4
5
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.
Answer #1
Answer #2
Answer #3
Answer #4
27 HOOTSUITE CAMPAIGNS USER GUIDE
Instant PollMobile 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.
3. Footer color Choose a color (hex value) that is complementary to your color scheme.
Header image1
NEXT2
WHAT IS YOUR FAVOURITE TYPE OF OWL?
(480x300px)
Long-eared owl
Spotted owl
Great Grey owl
Burrowing owl
3
Top Related