Embed registration form and results on your website

You can now embed specific components of the registration website on STRONGVON into your own website. The new “Generate Widgets” button creates embed code that you can paste onto a web page within your website. This works much the same way as embedding a video or photo from an external server onto your website. This new feature allows you to maximize your branding for your event by minimizing the competitor’s exposure to STRONGVON’s branding. When the competitor is viewing a widget he does not leave your website.

Registration Widget


The registration widget allows you to embed the online registration form directly onto your website. If you use the “Integrated” widget, you will need at least 800 pixels of width to fit in the registration form. No scroll bars will appear with this widget type so ensure your website is designed for long web pages.

If you use the “Button” widget, you need only about 100 x 50 pixels of width to fit a hyperlinked button. When clicked, the button opens an overlay window on top your web page displaying the registration form within an area that is 100px shorter along each edge of the browser window.

The registrant would use the registration widget just as he would use the registration form on the registration site of the STRONGVON server. When he is ready to pay online, he is redirected to the appropriate online payment authority to complete his online payment.

For viewers with incompatible browsers, the widget will not load the winners list, but a hypertext link will appear instead to direct the viewer to competitors list on the default registration website.

Competitor Widget


The competitor widget allows you to embed the registrant list directly onto your website. If you use the “Integrated” widget, you will need at least 800 pixels of width to fit in the registration form. No scroll bars will appear with this widget type so ensure your website is designed for long web pages.

If you use the “Button” widget, you need only about 100 x 50 pixels of width to fit a hyperlinked button. When clicked, the button opens an overlay window on top your web page displaying the registration list within an area that is 100px shorter along each edge of the browser window.

The registrant list is published on demand, so you must first publish the registrant list from TSW on your computer. Then the file that is displayed in the widget is the same file to which the registration list is written. To update the registrant widget, all you have to do is re-publish the registrant list as normal on TSW.

For viewers with incompatible browsers, the widget will not load the winners list, but a hypertext link will appear instead to direct the viewer to competitors list on the default registration website.

Winners Widget

The winner’s widget allows you to embed the summary of winners directly onto your website. If you use the “Integrated” widget, you will need at least 800 pixels of width to fit in the registration form. No scroll bars will appear with this widget type so ensure your website is designed for long web pages.

If you use the “Button” widget, you need only about 100 x 50 pixels of width to fit a hyperlinked button. When clicked, the button opens an overlay window on top your web page displaying the winners within an area that is 100px shorter along each edge of the browser window.

The summary of winners is published on demand, so you must first publish the summary of winners from TSW on your computer. Then the file that is displayed in the widget is the same file to which the registration list is written. To update the winner’s widget, all you have to do is re-publish the summary of winners as normal on TSW.

For viewers with incompatible browsers, the widget will not load the winners list, but a hypertext link will appear instead to direct the viewer to brackets on the default registration website.

Store Widget

The store widget allows you to embed the online store directly onto your website. If you use the “Integrated” widget, you will need at least 800 pixels of width to fit in the online store. No scroll bars will appear with this widget type so ensure your website is designed for long web pages.

If you use the “Button” widget, you need only about 100 x 50 pixels of width to fit a hyperlinked button. When clicked, the button opens an overlay window on top your web page displaying the brackets within an area that is 100px shorter along each edge of the browser window.

The buyer would use the store widget just as he would use the online store on the registration site of the STRONGVON server. When he is ready to pay online, he is redirected to the appropriate online payment authority to complete his online payment.

For viewers with incompatible browsers, the widget will not load the store, but a hypertext link will appear instead to direct the viewer to brackets on the default registration website.

Brackets Widget

The bracket widget allows you to embed the online brackets onto your website. If you use the “Integrated” widget, you will need at least 900 pixels of width to fit in a 2-person bracket. A 16-person bracket requires an area that is not hidden beyond its border. No scroll bars will appear with this widget type so ensure your website is designed for large brackets.

If you use the “Button” widget, you need only about 100 x 50 pixels of width to fit a hyperlinked button. When clicked, the button opens an overlay window on top your web page displaying the brackets within an area that is 100px shorter along each edge of the browser window.

For viewers with incompatible browsers, the widget will not load the brackets, but a hypertext link will appear instead to direct the viewer to brackets on the default registration website.

Generating and Embedding Widget Code

To generate and then embed widget code into an external web page:

1. Open the Update Tournament of the event for which you would like to generate a widget.
2. Click on the “Generate Widgets” button.
3. Select the type of widget you would like to create and click on “Create”.
4. Select “Integrated” if you want the component to be integrated into the current web page where the widget code resides. Select “Button” if you want to embed a button that opens an overlay window containing the component. The “Button” widget will take less space within the current web page because only a button appears.
5. Click OK, to complete your selection of the widget type. A window then appears containing the embed code for you to place on any HTML rendered web page.
6. Click on “Copy to clipboard” to copy the widget code into your computer’s clipboard.
7. Open a web page on your website using any standard HTML editor.
8. Paste the content of the clipboard directly into the web page where you would like the component to appear. This operation is normally Ctrl + V, or accessible from a popup menu triggered by the right mouse button.