This plugin creates a new widget that you can use to easily integrate Aweber opt-in forms into any widget area in FlexSqueeze. The widget is fully configurable with these options:
- Simply paste your Aweber hidden input fields into the widget
- Display an optional intro text section above your form fields
- Choose to display a name field and email field or email only
- Use multiple widgets on any page
- Choose to show the button flashing effect or disable it
- Choose from all the built-in FlexSqueeze buttons plus more!
Instructions for Use
To use the Aweber widget plugin, download the zip file above and upload the plugin into WordPress using Plugins > Add New.
Once activated, you will have a new widget you can drag into your theme widget locations.
When you drag a widget into a location, click the down arrow to expand the widget options.
NOTE: You will need a minimum of 275 pixels of width in order to fit the button so adjust your sidebar width accordingly.
- If you have more than one widget that will appear on any page, you will need to assign a different ID to each one. This ensures the correct form gets submitted when the submit button is pressed.
- You will need to first create a sample web form on Aweber in order to get the form inputs needed to submit your widget correctly. Simply create an actual form using your actual Aweber list, thank you page and any other settings you will need in your final form.
- You will need to find and copy all the “hidden” form inputs from your form. These are the settings that tell Aweber which list to submit to, where your thank you page is, etc. This video tutorial may help you copy the correct fields.
- After copying those hidden form inputs, you will paste them in the large box in the widget options titled “Aweber hidden form fields code”.
- If you wish to use a custom background image for your widget, upload it to WP and paste the file URL into the next blank.
- If your background image has a header or title built into it, you can use the top padding option to push your form down in the widget so it clears your background image header.
- The next step is to customize the intro text in your widget. You can use any HTML and inline CSS code to style your text.
- The next two fields (top of second column of options) allow you to customize the default text shown in the name and email fields. Also, if you are only requiring an e-mail address for signup, you can disable the name field in the widget by checking the next box.
- Next, customize your privacy statement.
- The next checkbox allows you to turn the button flashing effect on and off. When it is off, the buttons still have the mouse hover effect.
- The next hex color input allows you to enter the background color of your buttons. This is optional and is only needed if you are using the flashing effect and want to make the transitions smoother in Internet Explorer. Just enter the hex value of the color of the background BEHIND your button.
- The last step is to choose the button you want to use. When you click on the button image, it should change the name in the input box above. If you click on a button and the name does not change, save your widget settings and click again and save.
Once you have all your widget settings saved, go into your site and test the form with a real name and email address. Make sure the form submits to the correct list and that you are returned to your specified thank you page if you have one.