choose more sample widgets
from the menu on the right
Competizer allows you to create widget to promote competition on other pages.
Widget displays random top or latest entries, optionally with:
- contest title
- contest slogan
- gallery title
- widget title (top entries)
- link to gallery
- entry description: title, author, no of votes
Statistics widget options:
- Show number of entries
- Show number of users
- Show number of votes
- Show number of comments
- Hide number's labels
- Show contest title
- Show contest slogan
- Show widget title
- specify width and height of widget
- display banners.
If you want to present basic statistics on the competition website or somewhere else then create statistics widget. If you want to present it on competition website you can place it in the footer, in description on home page, super header or super footer,as custom widget, as status (more help about home page elements here), on additional custom page, as banner.
It's quite likely, that you would like to style this widget to fit it nicely into the context. Check examples of styling statistics widget here.
Go to admin area, log in and choose Widgets tab by the choosen competition. If you need statistics widget choose Statistics from submenu.
Then customize widget by setting its size and components for content (amount of entries, photo size, widget size, displayed headers, links and descriptions).
Competizer will prepare iframe. Just copy and paste this markup to your site using source code editing.
Styling external widgets
External widgets are displayed as iframes with customized content. They use Theme CSS choosen for competition page and custom CSS file the same as in the competition page.
While customizing custom CSS file:
- use #widgets to affect only on widgets
- some main containers IDs are different then on competition page, so competition styling should not affect them
- entry containers and descriptions have the same ID and classes as on competition page, so they will be styled the same as on competition page, unless they are redefined in custom.css file explicitely.
Scheme of photo widget
<body id="widgets" >
<div id="container" style="width:XXXpx;">
<h1 class="header">Competition title</h1>
<ul class="horizontal_menu tabbs nav">
<a href="" id="widget-top-trg" class="current" target="_blank">Top entries</a>
<div id="widget-top" class="tabbed">
<li class="box" style="width:XXpx">
<a href="" class="sthumb" target="_blank">
<img src="" class="photo" alt="entry title" id="entry_xxx" />
<li class="fn">Etnry title</li>
<span class="dataLabel">by </span>
<span class="contributor fn" >nickname</span>
<li class="votes" title="votes">
<span class="dataLabel accesible">votes</span>
<a href="" target="_blank" class="nav">more entries</a></div>
Track visits from external widgets
If you use Google Analytics then you can track visits from exteral widgets. Go to GA account and check Campaigns in Traffic Sources.
Source and Medium name will be "widget", Campaign name will be title of the competition.