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

How To Use Plugin. 3

Setup Contest Pages 4

How To Setup Content Pages 6

How To Manage Contest Pages 19

Contest Permalink Settings 20

                               

 

 


 

How To Use Plugin

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.

Setup Contest Pages

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.

 

 


 

How To Setup Content Pages

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!

 

 

 

 

 

 

How To Manage Contest Pages

 

Ø  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.

 

 


 

Contest Permalink Settings

 

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.