October 17, Community Conference Widgets Dan Szymczak : Engaging Networks

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

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

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

Possibilities and Restrictions: all campaign types are available: -to-target data capture 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

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

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

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 –Use the help documentation.ea-form-wrapper { color: white; width: 400px; border: thin solid green; }

Widget: Embedding on Facebook Facebook requires you to become a ‘Facebook Developer’ 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

QUESTIONS