The installation instruction in AWeber Footer Slideup plugin is not very detailed and so I am going to create a very detailed installation instructions with screenshots to help you get started with the plugin.
If you have any issues you can always post in comments and I will be more than happy to help or else you can even hire me at Elance to get it done for you.
Step 1 Generate Inline AWeber Web Form
- Opt for In-Line Form Type (marked as 1 in the above screenshot)
- Select the basic form design template (marked as 2 in the above screenshot)
- De-select header, footer, privacy, counter, powered options. (marked as 3 in the above screenshot)
Step 2 Grab RAW HTML code of the form
Change the form settings as you normally do in the step 2 of web form creation in AWeber and when you reach step 3 i.e. publish your form opt for Raw HTML version of the code and un-check the check box to get the unformatted basic HTML code.
Sometimes the un-formatted checkbox malfunctions and if it does not work as expected make sure you save the form and then come back to the publish page again to generate the un-formatted html form.
Step 3 Upload and Activate the plugin
You can use the WordPress plugin interface to install the plugin or else you can download the plugin and manually upload the aweber-footer-slideup folder under the wp-contents/plugins folder. Once uploaded activate the plugin through the “˜Plugins’ menu.
When the plugin is active you will see AWeber Footer Slideup options in the bottom left corner under the settings menu.
Click the link. The link is http://yourblogurl/wp-admin/options-general.php?page=awfs
Step 4 Configure the Plugin with the HTML code
Once you are in the admin options panel for the plugin you see 3 fields.
Tagline is the content shown as heading which can be anything you want to display as message to your user.
For Hidden AWeber Form Fields (Required) we will use the Raw HTML AWeber code. Search for Hidden Div. i.e. the code between <div style=”display: none;”> and <div> . I have marked the code as 1 in the screenshot below.
Copy everything between the div and paste it in the text area you have for Hidden AWeber Form Fields. This is the minimum you will requite to do for the plugin to work.
To add the tracking image find a second hidden div (Mark 2 in the above picture) where AWeber has the image to track views of the form and calculates statistics like submissions to unique display and submission to display.
<div style=”display: none;”>
Copy the image src url and place into the Tracking Image URL of AWeber Webform (Optional) field.
I completed all the above steps and yet I don’t see the plugin in action?
Your plugin should support the basic hooks in header and footer for the plugin to work. Make sure you have
- somewhere in the header.php file. Ideally in <head>
- somewhere in footer.php file. Ideally just before the </body> tag
I hope the installation instructions are more clear now but if you still have any queries or questions don’t hesitate to post them in comments below. I will be more than happy to help.