Widgetbox Panel

By michal frackowiak

Description

Widgetbox (widgetbox.com) offers a very nice way to manage several widgets and embed them into your own pages.

Here is how it works:

• you should create a Widgetbox account and create a new panel
• configure your panel and add widgets you want to it (you should subscribe and configure these widgets first
• install your whole panel — just copy the generated code and paste into your Wikidot page within the [[embed]] … [[/embed]] tags.

There is a nice overview at their website here.

The panels can be both horizontal or vertical (ideal for inclusion in your nav:side).

Code

Embed your own generated code, here is just an example how it should look like (choose "Other" when asked which site to use):

[[embed]]
<script type="text/javascript" src="http://widgetserver.com/syndication/subscriber/InsertPanel.js?panelId=eae283bb-c474-4a6f-90de-c405e4ca9a86"></script>
[[/embed]]

In action

The cool thing is that you can configure and manage your panels directly at Widgetbox.com.

---

Thanks to tsangk for this great snippet: conditional-blocks

---

text above inserted with:

[[include :snippets:if START |unique=1|type=equal|var1=%%name%%|var2=conditional-blocks]]
**##red|Thanks to tsangk for this great snippet:##** [[[code:conditional-blocks]]]
[[include :snippets:if END]]

---

---

Other snippets posted by michal frackowiak

MyBlogLog recent visitors - 06 Jun 2021 04:03
Include Any Page - 06 Jun 2021 03:20
Babelfish Translation - 06 Jun 2021 03:14
Collapsible Text Block - 02 Dec 2020 10:24
Todo List - 18 Aug 2014 15:28
Multicolumn Layout - 17 Dec 2012 19:51
Zoho Writer - 16 Feb 2012 01:57
Zoho Sheet - 16 Feb 2012 01:56
Zoho Show - 16 Feb 2012 01:55
Zoho Polls - 16 Feb 2012 01:53
WoW Tooltips - 16 Feb 2012 01:52
Video from Revver - 16 Feb 2012 01:50
Tabs - 16 Feb 2012 01:45
Standalone Page Buttons - 16 Feb 2012 01:44
Social Bookmarking - 16 Feb 2012 01:42
Simple Gallery - 16 Feb 2012 01:41
Remember The Milk Todo - 16 Feb 2012 01:39
Recent Changes (mini) - 16 Feb 2012 01:36
Rating Summary - 16 Feb 2012 01:35
Quimble Poll - 16 Feb 2012 01:33
Quikmaps Maps - 16 Feb 2012 01:33
Photobucket Widget - 16 Feb 2012 01:29
Page Previews (Snap.com) - 16 Feb 2012 01:29
Pabpixies Gadgets - 16 Feb 2012 01:28
Meebo me - 16 Feb 2012 01:20
Layout With Tables - 16 Feb 2012 01:19
Instacalc - 16 Feb 2012 01:12
Import the Digg Feed - 16 Feb 2012 01:11
Import a News Feed - 16 Feb 2012 01:10
Google Gadgets - 16 Feb 2012 01:05
Gabbly chat - 16 Feb 2012 01:02
Forum Summary for the Front Page - 16 Feb 2012 01:02
Footnotes - 16 Feb 2012 01:01
Foldable List - 16 Feb 2012 01:01
Flickr Images By Tags - 16 Feb 2012 01:00
Feedburner - 15 Feb 2012 00:53
Extra Side Bar - 15 Feb 2012 00:51
Embed Code From Other Services - 15 Feb 2012 00:50
EditGrid Spreadsheets - 15 Feb 2012 00:49
Cornify - 15 Feb 2012 00:39
Compact Feed Display - 15 Feb 2012 00:35
Center Video - 15 Feb 2012 00:28
Bibliography/Footnotes/Comments Listed in TOC - 15 Feb 2012 00:26
Automatic Sitemap - 15 Feb 2012 00:25
Alexa traffic ratings - 15 Feb 2012 00:23
3d tagcloud - 15 Feb 2012 00:22

---

Rate this solution

If you think this solution is useful — rate it up!

Widgetbox is closing

Tim Higgins 08 Jan 2014 04:44

Widgetbox will not be available as of March 2014 so if you need a replacement, you can try FeedWind (Google it). This easy to use RSS widget maker is free and has no advertising - you can make custom widgets there too.

it works!

marcobattaglia 28 Nov 2009 18:42

Many thanks Leiger,

it works perfectly!

Re: it works!

leiger 29 Nov 2009 03:02

No problem :)

Just so long as you remember that only you can see it :) Putting it on a public site will be useless with the current settings.

---

~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server | NEW: Wikiroo, backup tool (in development)

Problem to embed a widgetbox

marcobattaglia 27 Nov 2009 22:36

Hi,

I'm not able to get the following code working properly

the following is the whole code

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script>if (WIDGETBOX) WIDGETBOX.renderWidget('611b0148-e39d-4779-90e2-64698169a850');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/mini-clock">Mini-Clock</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)</noscript>

here below what I paste in my page

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script>if (WIDGETBOX) WIDGETBOX.renderWidget('611b0148-e39d-4779-90e2-64698169a850');</script>
between the Embed tags

This the link of the widget http://www.widgetbox.com/widget/mini-clock.

Anyonw can help please?
Many thanks in advance.
Marco

Re: Problem to embed a widgetbox

leiger 28 Nov 2009 01:03

I can not see anything except white below, but if you can see something then I assume that means it's working, but is only visible to you. Using James' iframe embed code, I came up with this:

[[embed]]
@iframe class="" style="" frameborder="0" width="100%" height="300px" align="" scrolling="auto" src="http://snippets.wdfiles.com/local--code/code:iframe-embed#%3Cscript%20type%3D%22text/javascript%22%20src%3D%22http%3A//cdn.widgetserver.com/syndication/subscriber/InsertWidget.js%22%3E%3C/script%3E%3Cscript%3Eif%20%28WIDGETBOX%29%20WIDGETBOX.renderWidget%28%27611b0148-e39d-4779-90e2-64698169a850%27%29%3B%3C/script%3E"></iframe@
[[/embed]]

---

~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server | NEW: Wikiroo, backup tool (in development)

Problem with my shelfari widget

Jayz_wikiz 04 Oct 2007 03:26

Hi,

Having problems with my shelfari books widget. javascript
<div id="ShelfariWidget11027"><a href='http://www.shelfari.com/'>Shelfari: Book reviews on your book blog</a><script src="http://www.shelfari.com/ws/11027/widget.js" type="text/javascript" language="javascript"></script></div>

changed it to

<script type="text/javascript" src="http://www.shelfari.com/ws/11027/widget.js"></script>
between the embed tags.

Not working. Any clue what I am doing wrong?

Thanks.

Re: Problem with my shelfari widget

gerdami 31 Oct 2007 13:58

You did not follow the instructions of the widgetbox-panel page.

[[embed]]
<script type="text/javascript" src="http://widgetserver.com/syndication/subscriber/InsertPanel.js?panelId=52deb5a1-0ade-422e-8b71-a35c00c3e062"></script>
[[/embed]]

---

gerdami - Visit Handbook en Français - Rate this howto:import-simple-excel-tables-into-wikidot up!

Last edited on 31 Oct 2007 15:00 by gerdami Show more

Re: Problem with my shelfari widget

ParentLink 01 Feb 2008 14:31

Oops, it works now. Thanks.

Last edited on 01 Feb 2008 14:34 by ParentLink Show more

Problem with my shelfari widget

Jayz_wikiz 04 Oct 2007 03:23

Hi,

Having problems with my shelfari books widget. javascript
<div id="ShelfariWidget11027"><a href='http://www.shelfari.com/'>Shelfari: Book reviews on your book blog</a><script src="http://www.shelfari.com/ws/11027/widget.js" type="text/javascript" language="javascript"></script></div>

changed it to

Sorry, no match for the embedded content.

Not working. Any clue what I am doing wrong?

Thanks.

It appears that widget box has changed things.

Phil Chett 13 Sep 2007 16:51

I've been experiancing problems with embedding widgetbox widgets.
According to the doc i should choose "other" when asked which site to use.

This appears to have changed. As that option appears to no longer been available.

As a work round, use the "get panel code" option.
This will give you something like this:-

<script type="text/javascript" src="http://widgetserver.com/syndication/subscriber/
InsertPanel.js?panelId=d15a1d7b-4933-4da8-b010-04375907922f"></script>
<noscript>Get great free widgets at <a href="http://www.widgetbox.com">Widgetbox</a>!</noscript><img style="visibility:hidden;width:0px;height:0px;" 
border="0" width="0" height="0" src="http://runtime.widgetbox.com/syndication/
track/d15a1d7b-4933-4da8-b010-04375907922f.gif" />

Strip this down to

<script type="text/javascript" src="http://widgetserver.com/syndication/subscriber/InsertPanel.js?panelId=d15a1d7b-4933-4da8-b010-04375907922f"></script>

Then insert that striped down code into the embed tags. ie:-

[[embed]]
<script type="text/javascript" src="http://widgetserver.com/syndication/subscriber/InsertPanel.js?panelId=d15a1d7b-4933-4da8-b010-04375907922f"></script>
[[/embed]]

which should then give you

Last edited on 13 Sep 2007 16:54 by Phil Chett Show more