Scrolling Web Widget
Welcome to the homepage for the Employee Free Choice Act embeddable web widget. We've posted four variations of the widget below for you to see, along with the embed code for those widgets. There are many other variations possible, depending on the exact code you use to embed the widget. You are able to control:
- Which button image to use at the bottom of the widget (including putting in a customized button);
- What URL that button links to;
- The number of names that appear in the scroll at any one time; and
- Whether or not to display the embed code at the bottom of the widget.
Here are four example widgets, along with their embed code. However, the names won't start scrolling "live" until Wednesday, Feb. 4, at noon. They are scrolling here so you can see what they will look like when they are "live," but they will not scroll on your site until then. Also, if you would like to change the link for the button, just change the URL after "efca_button_link =" in the first script tag.
|
Widget with Button #2 <script type='text/javascript'> var efca_widget_skin = 2; var efca_button = 2; var efca_link_url = "http://www.freechoiceact.org/page/s/cwa?source=widgetcwa"; </script> <script type='text/javascript' src='http://www.freechoiceact.net/widget.js'></script> |
Widget with Button #2 Skin #1 <script type='text/javascript'> var efca_widget_skin = 1; var efca_button = 2; var efca_link_url = "http://www.freechoiceact.org/page/s/cwa?source=widgetcwa"; </script> <script type='text/javascript' src='http://www.freechoiceact.net/widget.js'></script> |
|
Widget with Button #2 and no embed code <script type='text/javascript'> var efca_widget_skin = 2; var efca_button = 2; var efca_hide_embed = 1; var efca_link_url = "http://www.freechoiceact.org/page/s/cwa?source=widgetcwa"; </script> <script type='text/javascript' src='http://www.freechoiceact.net/widget.js'></script> |
Widget with Button #2 and only 3 names scrolling
|
|
Widget 150px wide with embed code <script type='text/javascript'> var efca_widget_skin = 4; var efca_button = 2; var efca_names = 5; var efca_hide_embed = 0; var efca_link_url = "http://www.freechoiceact.org/page/s/cwa?source=widgetcwa"; </script> <script type='text/javascript' src='http://www.freechoiceact.net/widget.js'></script>
|
Widget 150px wide, no embed code <script type='text/javascript'> var efca_widget_skin = 4; var efca_button = 2; var efca_names = 5; var efca_hide_embed = 1; var efca_link_url = "http://www.freechoiceact.org/page/s/cwa?source=widgetcwa"; </script> <script type='text/javascript' src='http://www.freechoiceact.net/widget.js'></script> |
Want to go freestyle? Here's a full variable description list along with instructions on how to use each variable. Happy widgeting!
| Variable | Description |
| efca_widget_skin | Sets which widget "skin" to use (1 or 2) |
| efca_button | Sets which "default" button to use (1 or 2)--can be overridden by efca_button_url, which will put a custom button in the button location. |
| efca_button_url | Custom URL for button image--any custom button image should be 220 x 40 pixels. Here is a link to one of the current button images: http://www.freechoiceact.net/images/button2.gif |
| efca_link_url | Defines the URL for the button link--can be set to your petition page, or any page you'd like for that matter. |
| efca_names | Defines the number of names to show in the scrolling widget (default 5) at any given time. |
| efca_hide_embed | Set equal to 1 to hide the embed code. |