In this video, we are going to take your Aweber opt-in form and put it onto your blog in the sidebar area. So make sure you have created your Aweber list, and that you have also created an Aweber web form.
[evp width=”640″ height=”480″]tutorials/wpvideos/aweber-forms-wp.swf[/evp]
So once you’re done, you should be able to see a link here that says “Get HTML,” so I’m just gonna click on that link, and you’ll see her that there are basically two versions of the opt-in form that you can put onto your blog or your website. The first one is the Javascript Snippet, and the second is the Raw HTML Version. So if you want to customize the layout or the look of your web form, then you should get the Raw HTML Version. But if you wanna keep things simple, especially if you want to change your web form later on and you don’t want to edit any files on your blog or your website, just get this Javascript Snippet. So I’m just going to copy this.
And the next thing you want to do is put the opt-in codes into your WordPress blog in this area here, which is known as the Sidebar Area. So I’m using the default theme, but you may be using some other theme on your WordPress blog, but generally speaking, the process is about the same. What you need to do is log in to your WordPress Dashboard, and click on “Appearance,” click on “Widgets,” and you want to look for the text widget. Alright, so this is text widget – I’m gonna click on Add, and you can see that a text widget here has been added to my sidebar and it’s empty at the moment, so I want to put in the Aweber Javascript, or the Aweber Opt-In form script right here, and I also want to give it a title, right? So when that’s done, just click on “Done,” and click on “Save Changes.”
So let’s take a look at how the opt-in form looks like on your blog. As you can see, this is the Before – the Before layout – and I’m just gonna refresh this page…and here, you can see that the Aweber opt-in form has been added to my blog. So again, it depends on the WordPress theme or the blog theme that you’re using, and in some cases, the text that you see here may all be squeezed rather tightly because of the space available in your sidebar area, but if you really want to change the layout of your Aweber opt-in form, and if you want to have more control or flexibility, then you should get the Raw HTML Version – as you can see here – right? So you just copy that and put it onto your blog, and you’ll be able to edit the text, change the text, anything you want. Now, you can also add the Aweber opt-in form into your individual blog posts. To do that, just – you need to find the blog post – so I’m gonna use the default “Hello World!” blog post right here, and I’m gonna click on Edit, and in the Edit screen, of course, I can either choose to see my text in Visual mode or HTML mode. But since I’m gonna enter the Aweber opt-in form, I highly recommend that you choose the HTML mode here, and paste the Aweber code, and then I’m going to click on Update Post.
And I’ve refreshed my blog so you can see that this is how it will look like on an individual blog post or page, and that’s how you add an Aweber opt-in form to your WordPress blog.