1. October 17, 2012 2012 Community Conference Widgets Dan Szymczak : Engaging Networks http://www.engagingnetworks.net/resources/dan/quicklinks

2. WHAT WE WILL COVER Uses for widgets Possibilities and restrictions Creating a javascript widget Customising the widget The future – ‘themes’ Embedding the widget www.engagingnetworks.net

3. Widget uses: website integration option distribution potential across the Internet friendly URLs integration with social networks create unique campaign brand partner development

4. WHICH’s “Big Change” RSCPA’s “Wild about Britain” widget Project Aware’s “Shark Petition”

5. www.engagingnetworks.net Possibilities and Restrictions: all campaign types are available: email-to-target data capture email a friend donation there are some restrictions: dynamic form behaviour re-direct and filter is limited new contact list http vs https tracking display widgets

6. www.engagingnetworks.net Creating a Widget: Key Points 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 Things to think about Where is the widget going? Is there a size restriction in order to stop scrollbars? Try your widget in different browsers Facebook’s timeline has really opened the space up

7. www.engagingnetworks.net Widget: 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

8. www.engagingnetworks.net Widget: Advanced Styling –Coming 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.ea-form-wrapper { color: white; width: 400px; border: thin solid green; }

9. www.engagingnetworks.net Widget: Embedding on Facebook Facebook requires you to become a ‘Facebook Developer’ - https://developers.facebook.com/ - An easy process via a registration screen Embed the widget as a Timeline App Be sure to use the secure and non secure urls in the App configuration

10. QUESTIONS www.engagingnetworks.net