1. Why use widgets?

2. What we’ll be covering? What are widgets? What types do we have The strategy around them Examples Into the software

3. What are widgets? It's a small application that can be installed and executed within a web page by an end user. It occupies a portion of a webpage and does something useful with information fetched from other websites.

4. For Engaging Networks This means you can take any action or some data Customise the look and feel And drop it onto almost any website

5. When they are useful Integration into website Can live where we can’t host your pages - homepage Can be distributed almost anywhere URLs can be friendly Can be embedded into social networks Partners or supporters can take the lead - distribution

6. When you might use hosted pages instead If you need dynamic form behaviour If you want complex redirects after form submission If you want to pre-populate supporter data from an email If you want considerable page optimisation

7. Different types

8. Sign up forms Text goes here

9. Campaign actions

10. Petitions

11. Donations

12. Display widgets – counters

13. Display widgets – thermometers and roll calls

14. Customised display widgets using XML

15. Facebook

16. Does fundraising work on Facebook? PETA set up a Facebook widget asking supporters to take a campaign action, then donate They raised £20

17. But… The action takers were sent a series of fundraising asks over three months via email 7.1% converted into donors 30% signed up as recurring donors

18. Into the software

19. Recap

20. Creating a widget Text, layout and user flow is derived from the base campaign If the base campaign is not LIVE (status is New) then the widget will run under TEST mode You will need some CSS knowledge to harness advanced styling options

21. Basic styling Design a background that fits the dimensions of your widget Add branding and space for your copy and form elements to sit Remember to test the whole process

22. Advanced styling Coming very soon – ‘themes’ It does require you to know your way around some CSS There are commonly asked questions and their solutions in the help documentation For fixes you can always email Use the help documentation

23. Don’t forget tracking

24. Thank you jonathan@engagingnetworks.net dan@engagingnetworks.net