Display widgets are “social proofs” social proofs such as progress bars that show the current level of donations or actions taken towards a goal.
...
There are three types of display widgets – Progress bars, Thermometers and Image Fills
...
bar, Thermometer and Image Fill. A progress bar fills horizontally with color, a thermometer fills vertically, and an Image Fill fills a black and white image with color.
...
How do I add them to my page?
To add a display widget to your page, go to hover over the toolbar on the right when editing a page. Under Display widgets, drag in the component into your page as you would with a text block or form block.
It will ask you the type you wish to insert – click the one type of display widget you want and click Next. You will now see a screen in which you can amend how your widget works and looks. You have several sections to look at.
...
Main widget settings
Name – this is the name of the widget for your own internal reference
Type – this is not amendable and shows the widget type you chose at the previous step
Pages (dotted area) – this section will show your current page by default. But you have the option of adding in other pages too, which will add data from those additional pages into your widget. For example, you may want to amalgamate four different campaigns into one widget. More about this below
...
Some widgets come in different versions, which you change by selecting the template. Note that as soon as you start editing your widget’s look, the template will change to “Custom”. Moving off from this will lose any of your changes made so far unless you have saved your widget.
Settings
Metric – this determines what kind of data the widget will display. The metrics available depend on the page (or pages) that the widget gathers its data from. You can either show:
Participations which is the number of emails sent by participations on an advocacy campaign or the number of donations made for a donation campaign (note: when you choose participations, you will also include duplications, e.g. if a supporter signed the same petition twice or donates twice, it would count this as 2 two participations),
Unique participants which is the unique number of supporters that have successfully taken part in an advocacy action or donated, or
Number of donations or Donation total. For “donations total” you also need to provide a currency (note: your currency display option appears after live donations have been processed in your account). At this time, the widget will display a total of all currencies and not convert them, ie. £20 and $50 will appear as £70 if your chosen currency is GBP. This will be amended in the future.
Start number – add a number here if you want the counter to not start at zero. For example, if you have collected 250 signatures offline, if you type in “250” here the counter will start at 250, essentially adding 250 to the total displayed. This can be used to account for offline giving as well.
Goal – this is the goal of your campaign which will be reflected in the widget. If your goal is 1000 and you have 500 signups, then the widget will be half full
Display the current total? – if you untick this, the number will not be displayed, just the graphic
...
Copy – Select whether you’d like to add copy above and / or below the graphical elements of the widget
Copy window – You can insert text into the WYSIWYG editor here using the text formatting tools
Insert Widget Data – There are also three dynamic buttons (in blue) available in the WYSIWYG editor menu that allow you to insert dynamic content into your widget copy.
Campaign Link |
| Link to an existing campaign in your account. You’ll need to highlight the text in the editor that you want to use as the link and the campaign link button will then activate. Clicking this button enables you to name your link, select the campaign you want to link to and specify which page in the target campaign you want supporters to land on. You can also specify the link colour. |
Insert Static Link |
| Link to an external URL anywhere on the web or a static web page in your Engaging Networks account. You’ll need to highlight the text in the editor that you want to use as the link and the Insert Static Link button will then activate. Clicking this button enables you to name your link, specify the URL or the static page. You can also specify the link colour. |
Insert Widget Data |
| Insert the numerical data from your widget into your text copy. You can include variables that will show the total participants, percentage of your target completed, the target number or the remaining number needed to reach your target goal. These variables will show up in the editor as placeholders, the live numbers will be replaced in a live campaign the supporter sees. |
...
Embed code
If you wish to embed the widget elsewhere, for example your website, click “Get the embed code“. You have two options for how to embed the widget, either as an iframe or as javascript.
...