Tee Contest
User’s Guide
Tee Contest is a WordPress plugin developed to create a dedicated tee contest page
that can help you improve your t-shirt campaign while at the same time make it
go viral. Through this plugin, you can create engaging contests for visitors to
join offering the contestants free stuff in exchange for their details. The
plugin equips each tee contest page the ability to set an expiration date and
redirects the user accessing the page to a specific URL once the expiry date
has been reached. Lastly, each tee contest page contains a statistics section
that displays how well each tee page is performing.
Note: There is a
lite version available for this plugin. However, the lite version
does not include the following options: Restricted user, Open Graph
Image URL, Favicon URL, Tracking Code, Ribbon Setting, Contest Style, Top Style
and Social Icon Style.
If you have the LITE version and
wish to upgrade, visit your WordPress admin area and view the installed
plugins. There will be a link in the LITE version description to upgrade page.
Table of Contents
This guide
assumes that you have already logged in to your WordPress admin area
and that you have already installed and activated Tee
Contest. Once the
plugin has been activated, you should see from the left admin panel its plugin
option.
To add a new tee contest page, hover your cursor over
the plugin’s menu item from the left admin panel then click Add Contest Page.
Ø Page Name.
This field should be filled out with a unique name to easily identify the tee
contest page from the rest when managing the pages.
Ø Permalink.
This field will determine the structure of the tee contest page’s link. You can
leave this field out as the system will automatically generate the permalink
based on the page name supplied. However, if you prefer to add use your own
permalink entry, please remember to only use alphanumeric characters and the
following symbols ( - ) and ( _ ).
Ø Status. The
switch determines whether you would like to set the tee contest page to go live
immediately right after you click Add tee contest page (Publish) or save it as
Draft until all edits are in place.
Ø Restricted User. The switch sets a restriction to users who can access the tee contest
page. When turned On,
the tee contest page will then only be exclusively available to users who are
logged in to the sites. When switched Off, the tee contest page is open for access to all users of
the site regardless of the login status. Note that this option is not available
on the lite version of the plugin.
Ø Restricted Contestant. When this switch is turned On, it sets up a restriction
that allow a contestant’s entry to be only once. It is recommended that this is
always set to On
unless you are doing some testing.
Once all necessary details and settings have
been reviewed and finalized, click Add Contest Page button to save and add the
tee contest page.
Once the contest page has been successfully
added, the page will then refresh showing additional tabs that contain fields
and settings to customize the content, layout and functions of the tee contest
page including a tab designed to display statistics of how well your tee
contest page is performing.
The general tab contains all the information
and settings you have initially supplied when you first created the tee contest
page.
Ø SEO. This tab contains fields where you can supply the
Meta data for the tee contest page to make it SEO friendly and rank in search
engines based on the targeted keyword.
Ø
Meta Title. Enter in this field the meta
title for the tee contest page.
Ø
Meta Description. This field should be supplied with the Meta
description that lets search engines know what this page is all about.
Ø
Meta Keywords. Fill this field with relevant keywords for the tee
contest page and separate each keywords with a comma ( ,
).
Ø
Open Graph Image URL. Enter the complete URL of the image you would like
to use when a user shares the tee contest page to social media sharing sites.
Note that this option is not available on the lite version of the plugin.
Ø
Favicon URL. Supply this field with the complete URL of the
favicon you would like to display on the tee contest page. Note that this
option is not available on the lite version of the plugin.
Ø
Tracking Code. Enter in this field the tracking code to track the
performance of your tee contest page. Note that this option is not available on
the lite version of the plugin.
Ø CONTENT
TAB - This tab contains fields
and settings that manages the contents to be displayed on the tee contest page.
Ø Main
Headline. Supply this field with the
tee contest page’s title or main heading.
Ø Sub
Headline. Enter in this field the sub
heading or the tagline or the tee contest page.
Ø Contest
Text. Fill this field with
relevant details and further information regarding the contest being offered.
Ø Contest
Image. Click the Select Image
button to upload an image from your computer or use ones already available from
your media library to use as the contest image.
Ø
Get Free Content
Ø Get
Free Title. Supply this field with
the title or the heading of the free content section.
Ø Get
Free Info. This field should be filled
in with details and information on the free content.
Ø Reserve Your Spot Content
Ø Order
Now Headline. Supply this field with
the heading or title of the reserve your spot section.
Ø Order
Now Sub Headline. Fill out
this field with the sub heading or tagline of the reserve your spot section.
Ø
Order Now URL. Enter the complete URL of the page that details the
offer in the reserve your spot section.
Ø
Order Now Button Text. Enter in this field the text label that will be
displayed on the order now button.
Ø
Order Now Button Style. Select the button style from the list of predefined
styles in the dropdown which one you would like to apply on the order now
button.
Ø
Below the Fold Content
Ø
Show/Hide Content. Determines whether to enable the display of the
“below the fold” content on the tee contest page.
Ø
Main Content. Use the WYSIWYG editor to supply this field with
contents that will serve as the main content for “below the fold” section.
Ø
Show/Hide Share Button. Determines whether to enable the display of the
share buttons so a user can easily share the page to his social media sharing
account or hide it on the tee contest page.
Ø
Footer Content. Use the WYSIWYG editor to supply this field with
contents that will be displayed on the tee contest page’s footer area.
Ø DESIGN
TAB - This tab contains settings
that will define the style and layout of the tee contest page.
Ø Top
Style. This section of the
settings tab manages the style for the tee contest page’s header. Note that this
section is not available on the lite version of the plugin.
Ø Style.
Choose from the 3 predefined
styles in the dropdown which one you would like to apply to the tee contest
page’s header.
Ø
Logo. Click the Select Image button to upload your logo from your
computer or use one that is already available on your site through the media
library.
Ø Background
Color. Set the switch to Show
if you would like to apply a background color to the header area of the tee
contest page then use the built-in color picker to select the desired
background color to apply. Select Hide if you would like to apply a
transparent background.
Ø
Border. Set the switch to Show if you would like to apply a border to
your tee contest page’s header. You will then have to define the border
parameters by supplying the input field next to the switch with the
width/thickness of the border in pixels. Next, choose from the dropdown the
desired style of the border. Lastly, use the color picker to select the color
that the border will be displayed in. Choose Hide if you prefer not to
apply any borders at all.
Ø
Border Radius. Use the dropdown to define and apply border radius
or curves on the edges on the header.
Ø Footer
Style. This section of the design
settings defines the style to be applied to the footer section of the tee
contest page.
Ø
Text Color. Use the color picker to set the color to apply to
the texts displayed on the footer.
Ø
Background Color. Set the switch Show to apply a background
color to the footer area using the color picker right next to the switch.
Selecting Hide will apply a transparent background on the footer.
Ø
Border. Click Show to display a border on the footer area. You would have
to define the border through the field’s right next to the switch. First is the
width or the thickness of the border in pixels followed by the border style
that you can choose from the dropdown and finally the color of the border using
the color picker. Select Hide
if you prefer not to apply any border on the footer.
Ø
Border Radius. Use the dropdown to define and apply border radius
or curves on the edges on the footer.
Ø
Font Family. Select the font family you would like to use to display
the texts in the footer section of the tee contest page.
Ø Content
Style. This section defines the
style and layout of the main content of the tee contest page. Note that this
section is not available on the lite version of the plugin.
Ø
Style. Choose from the 3 predefined styles in the dropdown which one you would
like to apply to the main content of the tee contest page.
Ø
Text Color. Using the color picker, select the desired color to
apply to the texts of the main content.
Ø
Background Color. Select the background color you would like to apply
to the main content using the color picker.
Ø
Border. If you wish to set a border for the main content, turn the switch to Show
and define the width or the thickness of the border in pixels through the input
field right next to the switch. Then, from the dropdown select the border style
to apply. Lastly, use the color picker to determine the color that the border
will be displayed in. Set the switch to Hide if
you prefer not to apply any border.
Ø
Border Radius. Choose from the dropdown whether you would like to
apply border radius or curvatures on the edge of the main content section.
Ø
Font Family. Use the dropdown to determine the font to use in
displaying the contents of the main content section.
Ø Background
Settings. This section defines the
background setting to be applied in general to the tee contest page.
Ø
Background Image. Click the Select Image button to upload the
desired background image from your computer or choose previously uploaded image
on your site through the media library.
Ø
Background Image Transparency. Determines how visible the background is on the tee
contest page.
Ø
Background Color. Use the color picket to set the background color to
be applied in general to the tee contest page.
Ø Countdown
Style. This section sets the style
and layout of the countdown.
Ø
Text Color. Use the color picker to define the color of the
texts to be displayed on the countdown timer.
Ø
Background Color. Select the countdown timer’s background color using
the system’s built-in color picker.
Ø
Border. Click Show to display a border surrounding the countdown timer. Define
the border through the field’s right next to the switch. First, set the width
or the thickness of the border in pixels. Then choose the border style from the
dropdown. Finally, pick the color of the border using the color picker. Select Hide if you prefer not to apply any border on the
countdown timer.
Ø
Border Radius. Use the dropdown to specify the border radius or
whether not to apply any border radius at all.
Ø
Font Family. Choose from the list of available fonts in the
dropdown the one you would like to apply to the countdown timer.
Ø Ribbon
Settings. Defines the content and
style of the ribbon section of the tee contest page. Note that this section is
not available on the lite version of the plugin.
Ø
Show/Hide. Determines whether to display or hide the ribbon
section of the tee contest page.
Ø
Ribbon Style. Choose the 5 predefined ribbon styles in the
dropdown which one you would like to apply to the ribbon section of the tee
contest page.
Ø
Ribbon Headline. Supply this field with the title or heading of the
ribbon section.
Ø
Text Color.
Use the color picker to define the color of the texts to be displayed in the
ribbon section.
Ø
Background Color. Use the built-in color picker to set the background
color of the ribbon section.
Ø
Font Family. From the dropdown, select which font you would like
to use to display all text contents on the ribbon section.
Ø EMAIL
TAB - This tab contains fields
and settings to integrate your autoresponder to the tee contest page.
Ø Auto
Responder Code. Use only with the raw “HTML” code
generated from your autoresponder service provider. Once the system has
successfully processed the form code you have provided, it will display
additional fields.
Ø
Action URL. The system will automatically generate the URL from
the form code you have provided.
Ø
Form Email Field. From the dropdown, select email to assign the
corresponding field to the email field of your autoresponder code. Then supply
the text field with the desired label for the email field. Note that if you
prefer not to display the labels on the form, the entry supplied in this field
will be used as a placeholder instead.
Ø
Form Name Field. If your form contains a name field, turn the switch
on then from the dropdown, select name. Then, supply the text field with the
desired label of the name field to be displayed on the form of the tee contest
page. Note that if you prefer not to display the labels on the form, the entry
supplied in this field will be used as a placeholder instead.
Ø
Show/Hide Form Label. Determines whether to display or hide the form
labels. Hiding the form labels will turn the entries supplied to the name and
email field to placeholders.
Ø
Submit Button Style. From the dropdown, select the button style you wish
to apply to the submit button of the form.
Ø SHARE
TAB - This tab contains settings
for the sharing feature of the tee contest page.
Ø
Show/Hide Share Button. This determines whether to enable the display of the
share buttons on the tee contest page or hide it.
Ø
Button Activate. Click the icon of the social media sharing site you
would like to be displayed on the tee contest page. Activated buttons are
indicated by displaying the icon in full color while deactivated buttons will
be displayed in gray.
Ø
Button Icon. From the dropdown containing predefined button icon
styles, choose which one you would like to apply to the social sharing button
icons of the tee contest page. (note that this
option is not available on the lite version of the plugin).
Ø
Preview. Displays a preview of the selected button icon style.
Ø
Title. Supply this field with the title of the share section.
Ø
Info. Should be filled out with details and information regarding the share
section.
Ø
Button
Text. Supply the label to use on the button that will trigger the display of
the shar section.
Ø
Button Style. From the dropdown, select the button style you wish
to apply to the share section’s button.
Ø COUNTDOWN
TAB - This section defines the
settings of the countdown timer reflecting the remaining time before the
contest expires.
Ø
Show/Hide Countdown. Determines whether to enable the display of the
countdown timer or hide it.
Ø
Expiry Date. Define the date when the timer should start running
and the date when it expires.
Ø
Expiry Redirect URL. Supply this field with the complete URL where users
will be taken into once countdown expires.
Ø CONTESTANTS
TAB - This tab displays the list
of contestants that joined through the autoresponder form of your tee contest
page.
Ø STATISTIC
TAB - This tab contains data
reflecting the performance of the tee contest page.
Ø
Views. The views section displays the number of views the tee contest page has
received. There is also a graphical representation of the data available when
you click the blue views box with the eye icon. Additionally, you can filter
the data being displayed by date.
Ø
Contestants. Displays the number of contestants that joined the
contest. A graphical representation of the data is also available. You can also
filter the results by date.
Ø
Orders. Shows the number of Completed orders.
Ø
Shares. Shows the number of shares users made on the tee contest page. A
graphical representation of the graph is also available. Results can be
filtered by date.
Once settings have been reviewed and finalized, click the Save Change
button to update the tee contest page and apply the changes made. You can then
view the page live by clicking the View Page button. DO NOT LEAVE PAGE BEFORE SAVING OR YOU WILL LOSE YOUR WORK!
Ø To
manage tee contest pages, click Tee
Contest’s menu item from the left admin panel to open the plugin’s dashboard.
Listed in the dashboard the tee contest pages created both published and draft.
Ø
Each tee contest page is displayed with the status of the page beside the tee contest
page’s name and the statistics on the far right portion along with the
three-bar icon containing options to manage the tee contest page.
Ø
To edit the tee contest page, click the title or the three-bar icon then click
the Edit Page button thereafter.
Ø
To view the page, click the blue View Page button.
Ø To
delete the tee contest page, click the
red Delete Page button. Note that you will be prompted to confirm your action
when deleting the tee contest page as this is irreversible and you will lost
all the data and settings permanently.
The settings
page of WP Tee Contest is accessible when you hover your cursor on the plugin’s
menu item from the left admin panel then click on Settings. It only has
one option which is the base path of the permalink.
HIGHLY RECOMMEND
SETTING ONCE AND LEAVING ALONE. If you do change at a later date expects some issues and
you will most likely have to update the entire WordPress site permalinks.