Build Your Own Business Website header image

Opt-in Form

How to Create a Custom Opt-in Form with MailChimp & Thesis 2 – Part 4 – Style the Email Field

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Applies to -

The other thing we need to do is style this the same way this is, right? This is the type=text, this is type=email and we could change that to type=text or we could add the type=email to our style. We have a typical form input here someplace, typical post box, typical text input, this is

How to Create a Custom Opt-in Form with MailChimp & Thesis 2 – Part 3 – Style the MailChimp Submit Button

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

Now that we’ve added our background image and submit button to the MailChimp form in Thesis 2, we’re going to move on to styling the submit button. Let's come back over to our images and get this image button. Notice it's 70 pixels by 70 pixels. We'll copy that image, go back to CSS, come

How to Create a Custom Opt-in Form with MailChimp & Thesis 2 – Part 2 – Add the Background Image to the Form

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Now that we’ve created our MailChimp form and added it to a Thesis 2 page, we have to add a nice big background image and then we're going to move some pieces around. Let’s begin with the image. I've already uploaded these images. I've got the big background image which is the opt-in header and

How to Create a Custom Opt-in Form with MailChimp & Thesis 2

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

We demonstrate how to create a highly customized MailChimp opt-in form in a feature box in Thesis 2. We go through the steps of taking the HTML from the MailChimp form, adding it to the site and customizing the code. We then show how to add a background image to the form, add and style a submit button and style the form fields. This is an intermediate level seminar due to the amount of time we spend working with and refining the css code.

How to Create a Feature Box with Graphics, Text and an Aweber Form in Thesis 2 – Part 4 – Arrange the Form Fields

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

We’re going to continue to refine the AWeber Opt-in form inside our feature box in this Thesis 2 template. We want to float this thing left. That was af-element. And let’s just copy that. Then we’ll just come back over to the CSS and down in our opt in background, we’re going to go to

How to Create a Feature Box with Graphics, Text and an AWeber Form in Thesis 2 – Part 3 – Style the Submit Button

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

Now that we’ve added the AWeber Opt-in Form and a background image to the feature box in Thesis 2, we need to style our submit button. Let’s inspect that element. This is input name = submit class = submit. So what I’m going to do is take this opt in and then for the input

How to Create a Feature Box with Graphics, Text and an AWeber Form in Thesis 2 – Part 2 – Add the Background Image to the Form

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Now that we've created the AWeber opt-in form and added it to our Thesis 2 templates, we need to add the styles to this form. We gave this an id of opt in so we’re going to copy that id. And we’re going to come over to CSS and we are going to create a

How to Create a Feature Box with Graphics, Text and an AWeber Form in Thesis 2

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

We demonstrate how to create a highly customized AWeber opt-in form in a feature box in Thesis 2. We go through the steps of taking the HTML from the AWeber form, adding it to the site and customizing the code. We then show how to add a background image to the form, add and style a submit button and style the form fields. This is an intermediate level seminar due to the amount of time we spend working with and refining the css code.

Strategies for Creating an Opt-in with a Downloadable Content

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

In this session, we discuss the different strategies for creating an opt-in page that will deliver downloadable content. You know, I think I may have shown you before a website called Hubspot. Oh yeah. Okay so I follow them and I’m just… really, quite honestly, trying to steal their ideas. They give you a lot

How to Set Up Downloads in Exchange for Opt-in Email Address

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects - ,

A member wants to create a catalog of secure download documents with opt-in forms that will require visitors to provide and verify their email address in order to download a report. He wants a method of having several downloadable products, each with their own opt-in form. We discuss using Aweber to manage the email opt-in