knockoutbunny

<p>The KnockoutBunny Plugin</p>
<p>The KnockoutBunny wordpress plugin can be used to create a fun game for your site visitors to play to help them pick their favourite from a list of eight items that you set using an admin screen. You can then analyse the results of these choices.</p>
<blockquote>
<p>They PLAY whilst you LEARN!</p>
</blockquote>
<h3>Setup</h3>
<ul>
<li>Use the admin screen to create a game for your users to play</li>
<li>Simply use the shortcode [[knockoutbunny]] to add the game to your site</li>
</ul>
<h3>Playing the game</h3>
<ul>
<li>The user plays a series of one-v-one matches to help them decide their favourite from your eight items</li>
<li>The results from the game are displayed as a simple image which your user can easily share with their friends</li>
</ul>
<h3>Analysis</h3>
<ul>
<li>You can see a summary of choices users have made via your Dashboard</li>
</ul>
<h3>Demo Video</h3>
<p><iframe loading="lazy" title="KnockoutBunny WordPress Plugin" src="https://player.vimeo.com/video/598863803?dnt=1&app_id=122963" width="750" height="422" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write"></iframe></p>
<h3>Tech</h3>
<p>The plugin is written using php, CSS and javascript.</p>
<h3>WordPress</h3>
<p>The plugin uses the following WordPress functionality:<br />
  – Shortcodes<br />
  – Custom Posts and Metadata<br />
  – Settings Api<br />
  – Dashboard Widgets<br />
  – REST Api<br />
  – Translation</p>
<p>Feel free to take a look and comment using the Review and/or Support sections.</p>


KnockoutBunny

Enable site visitors to have fun whilst picking their favourite from 8 items of your choosing.

Ingram Braun

<p>WP Tournament Registration is a plugin that provides shortcodes intended for registering players with hobby sport events. As a matter of fact, it was made for the championship of my <a href="https://schach-goettingen.de/" rel="nofollow ugc">local chess club</a>. There are four shortcodes for different views:</p>
<ul>
<li><code>[wptournregedit tournament_id="myID" /]</code> is an editor for the players’ data.</li>
<li><code>[wptournregexport tournament_id="myID"]...[/wptournregexport]</code> is a plain text export filter</li>
<li><code>[wptournregform tournament_id="myID"]...[/wptournregform]</code> is a form where people can register with the competition. It covers some <code>[wptournregfield field="fieldname" /]</code> shortcodes which customize the desired inputs.</li>
<li><code>[wptournreglist tournament_id="myID" /]</code> is a sortable list view of all approved participants.</li>
</ul>
<p>All these shortcodes are customizable through a set of optional attributes.</p>
<h4>Available fields</h4>
<ul>
<li><code>address</code> [text]: self-explanatory.</li>
<li><code>affiliation</code> [text]: club or association.</li>
<li><code>approved</code> [checkbox]: entries become visible in in the list view or through the export filter only afer approved was checked.</li>
<li><code>birthyear</code> [integer]: self-explanatory</li>
<li><code>city</code> [text]: self-explanatory.</li>
<li><code>custom1</code>, <code>custom2</code>, <code>custom3</code>, <code>custom4</code>, <code>custom5</code> [text]: if anything is missing.</li>
<li><code>email</code> [text]: comma-separated list of user names to notify of a new participant.</li>
<li><code>fee_is_paid</code> [checkbox]:  self-explanatory.</li>
<li><code>firstname</code> [text]: self-explanatory.</li>
<li><code>id</code> [read-only]: an integer that serves as primary key and is incremented with every registration. Use it to separate entries if people register twice.</li>
<li><code>ip</code> [read-only]: The remote IP of the submitter through <code>wptournregform</code>. May be useful for security checks.</li>
<li><code>lastname</code> [text]: self-explanatory.</li>
<li><code>message</code> [textarea]: self-explanatory</li>
<li><code>phone1</code> [text]: self-explanatory</li>
<li><code>phone2</code> [text]: self-explanatory</li>
<li><code>postcode</code> [integer]: self-explanatory</li>
<li><code>protected</code> [checkbox]:  if checked, all contact data of the particiapant are suppressed in list view.</li>
<li><code>rating1</code> [integer]: a rating that is used to calculate ranking lists.</li>
<li><code>rating2</code> [integer]: another rating that is used to calculate ranking lists.</li>
<li><code>time</code> [read-only]: a timestamp that records the exact date and time of submitting.<br />
It is advisable not to misuse fields since there are some internal checks on the values. Use the custom fields instead. It is hard to say what the length of input fields is in characters as this depends on what is going to. But all are of reasonable length for their purpose.</li>
</ul>
<h4>Attributes</h4>
<pre><code>wptournregedit:
</code></pre>
<ul>
<li><code>tournament_id</code> (required).</li>
<li>
<p><code>display_fields</code> a comma-separated list of field names in the order of view.</p>
<p>wptournregexport:</p>
</li>
<li>
<p><code>tournament_id</code> (required).</p>
</li>
<li><code>all</code> if set to any value the list shows all enries, otherwise the ones with a checked <code>approved</code> flag only.</li>
<li><code>class</code> adds a space separated list of custom CSS classes to the form.</li>
<li><code>css</code> adds a style attribute with custom CSS to the form.</li>
<li><code>id</code> adds a custom CSS id to the form.</li>
<li><code>fields_set</code> a comma-separated list of fields which get ignored if empty.</li>
<li><code>filename</code> the name of the export file.</li>
<li>
<p><code>format</code> a plain text string where all field names preceded by a percent sign (<code>%fieldname</code>) get replaced by the respective field values.</p>
<p>wptournregform:</p>
</li>
<li>
<p><code>tournament_id</code> (required).</p>
</li>
<li><code>backlink</code> adds a backlink to the plugin’s project page.</li>
<li><code>class</code> adds a space separated list of custom CSS classes to the form.</li>
<li><code>css</code> adds a style attribute with custom CSS to the form.</li>
<li><code>id</code> adds a custom CSS id to the form.</li>
<li><code>disabled</code> submit and reset buttons are disabled if set to any value.</li>
<li>
<p><code>email</code> a comma-separated list of login names who get an E-mail notification if somebody registeres.</p>
<p>wptournreglist:</p>
</li>
<li>
<p><code>tournament_id</code> (required).</p>
</li>
<li><code>all</code> if set to any value the list shows all enries, otherwise the ones with a checked <code>approved</code> flag only.</li>
<li><code>backlink</code> adds a backlink to the plugin’s project page if set to any value.</li>
<li><code>class</code> adds a space separated list of custom CSS classes to the form.</li>
<li><code>css</code> adds a style attribute with custom CSS to the form.</li>
<li><code>id</code> adds a custom CSS id to the list.</li>
<li><code>display_fields</code> a comma-separated list of fields on view in that particular order.</li>
<li><code>headings</code> a comma-separated list of column headings in that particular order.</li>
<li><code>protected_fields</code> a comma-separated list of fields that are suppressed if the <code>protected</code> flag is set in the database for a certain user.</li>
<li>
<p><code>notsortable</code> the columns are sorttable by default. This is suppressed if set to any value.</p>
<p>wptournregfield:</p>
</li>
<li>
<p><code>checked</code> checks a checkbox if set to any value.</p>
</li>
<li><code>class</code> adds a space separated list of custom CSS classes to the form.</li>
<li><code>css</code> adds a style attribute with custom CSS to the form.</li>
<li><code>id</code> adds a custom CSS id to the form.</li>
<li><code>disabled</code> disables the field if set to any value.</li>
<li><code>field</code> one of the field names (cf. list above).</li>
<li><code>label</code> the label of the field.</li>
<li><code>placeholder</code> the placeholder is shown in an empty field.</li>
<li><code>required</code> if set to any value the field is marked as required.</li>
</ul>
<h4>Usage</h4>
<p>The first example is a registration form. Several <code>wptournregfield</code> shortcodes are wrapped by a <code>wptournregfield</code> one. You can put HTML elements between (fi. fieldsets) in order to design your form:</p>
<pre><code>[wptournregform tournament_id="my_tournament" css_id="my_tournament" email="subscription@example.com"]<p>Red labels indicate required fields!</p><fieldset><legend>Who you are</legend>[wptournregfield field="lastname" label="Family name" required="1" /][wptournregfield field="firstname" label="Christian name" required="1" /][wptournregfield field="affiliation" label="Club" required="1" placeholder="or 'free agent'" /][wptournregfield field="rating1" label="DWZ"  /]</fieldset><fieldset><legend>Your contact data (not to be published)</legend>[wptournregfield field="email" label="E-mail" /][wptournregfield field="phone1" label="Phone 1" required="1" /][wptournregfield field="phone2" label="Phone 2" /]</fieldset>[wptournregfield field="message" label="Your message" placeholder="Whatever you like to tell us." /][/wptournregform]
</code></pre>
<p>The next instance is an editor for the data of the tournament. The non-approved players are highlihted in the selection list:</p>
<pre><code>[wptournregedit tournament_id="my_tournament" display_fields="approved,firstname,lastname,affiliation,email,id,time,ip,rating1,phone1,phone2,protected,custom1,message" /]
</code></pre>
<p>Next is a list view. Normally you will make an password restricted full list for internal use and a small one for the public. Only approved players are on view:</p>
<pre><code>[wptournreglist tournament_id="my_tournament" display_fields="lastname,firstname,affiliation,email,phone1,phone2,message" headings="Last Name,First Name,Club,E-mail,Phone 1, Phone 2, Message" /]
</code></pre>
<p>The next shortcode exports all participants into a csv list which than the is loaded into a tournament manager app (Swiss-Chess in this case). Here also non-approved players get exported. Wrap the field names in sections signs (<code>§</code>) in order to output the respective value.</p>
<pre><code>[wptournregexport tournament_id="my_tournament" all="1" format='"§lastname§, §firstname§";"§affiliation§";"";"";"§rating1§";""' linebreak="1" filename="swiss-chess.txt"]Download Swiss-Chess list[/wptournregexport]
</code></pre>
<p>The following shortcode exports a list of all approved participants who have provided you with a mail address in a way you can directly copy and paste into a mail client. See FAQ for issues with some characters!</p>
<pre><code>[wptournregexport tournament_id="my_tournament" format='"§firstname§ §lastname§" LOWER_THAN§email§>,' fields_set="email" filename="mails.txt"]Download mail list (use BCC!)[/wptournregexport]
</code></pre>


WP Tournament Registration

A simple but highly configurable tournament registration form providing shortcodes for form, list, editor and export views.

KnockoutBunny vs WP Tournament Registration