Bringing the Boxes into the Theme and Mailchimp

[GregParticipant]

1. I’m fairly new to Thesis… how do I get the CC boxes on my Thesis CC theme?

2.  I noticed the code you have for the Optin is aWeber. I am using Mailchimp. How do I go about setting up the Optin (First Name and Email) for Mailchimp.

3. The small feature image is NOT WP Featured Image. Can this be made possible or do I have load new images to use the CC featured image located in the post editor? If using the CC smaill featured image what size should that image be in order to fit nicely like in your demo?

Thanks!

Greg

 

[ThomasKeymaster]

Hey Greg,

1. To use the CC boxes, you will simply add them from the drop-down menu in your “Thesis Skin Editor”, then “Shift + Drag” them into your templates where you would like them to be displayed. After you add them, you can customize the content inside them to your liking.
2. The optin forms are actually created using your HTML code, so while my example does use Aweber, you can use your own HTML form code (with the proper CSS classes) and likely a little CSS tweaking but Mailchimp should work fine with a little customization.
3. For images that are displayed at the top of the post (above your post title, full-width) you will use the “Thesis Post Image” meta box located on your post editor page. I think this is what you were talking about.

If you have any other questions are have problems with this, let me know.

[GregParticipant]

Thanks Thomas!

1. Can you assist in getting the MailChimp looking right if need be via some CSS. I suppose many people use Mailchimp so this would definitely come in handy in the forums.

2. Regarding the featured image: How do constantly get the same size in the  “Thesis post image” so that it appears real nice on the home and single post page(s). Did you have to manually crop each picture ? Or is there something I can do to control the height. Take a look here at a recent Criss Cross client  http://www.denisantunez.com/. I really like what he did.

Thanks!

Greg

 

[ThomasKeymaster]

You’re Welcome Greg,

If you have some sample HTML code for a Mailchimp form you could post I would be happy to help you with the CSS, otherwise I will build support for Mailchimp forms into the next update.

As far as the post images are concerned, their width can be larger or smaller than your post box and they will automatically adjust to fit in the top area of your posts. The width will be the same as the width you set in your ‘Skin Design’ options so I would recommend cropping your photos to that width in pixels.

The height will be shown in full (no overlapping) so if you want a consistent image size, crop the photos to the exact height you would like to remain the same.

I think that should help. Let me know if you need more info.

[GregParticipant]

Thanks Thomas,

Here is what MailChimp calls the “Naked” html code.  It’s pretty stripped out.

Just fyi, I tried using the Thesis Mailchimp boxes but that did not look good at all with Criss Cross Theme.

RE: Featured image. Thank-You!

Thanks Again!,

Greg

 

 

<!– Begin MailChimp Signup Form –>
<div id=”mc_embed_signup”>
<form action=”http://myonepursuit.us1.list-manage.com/subscribe/post?u=f722c8ba27a2982a4f67f3c38&id=eb27fed281″ method=”post” id=”mc-embedded-subscribe-form” name=”mc-embedded-subscribe-form” class=”validate” target=”_blank” novalidate>
<h2>Subscribe to our mailing list</h2>
<div class=”indicates-required”><span class=”asterisk”>*</span> indicates required</div>
<div class=”mc-field-group”>
<label for=”mce-FNAME”>First Name <span class=”asterisk”>*</span>
</label>
<input type=”text” value=”” name=”FNAME” class=”required” id=”mce-FNAME”>
</div>
<div class=”mc-field-group”>
<label for=”mce-EMAIL”>Email Address <span class=”asterisk”>*</span>
</label>
<input type=”email” value=”” name=”EMAIL” class=”required email” id=”mce-EMAIL”>
</div>
<div id=”mce-responses” class=”clear”>
<div class=”response” id=”mce-error-response” style=”display:none”></div>
<div class=”response” id=”mce-success-response” style=”display:none”></div>
</div> <!– real people should not fill this in and expect good things – do not remove this or risk form bot signups–>
<div style=”position: absolute; left: -5000px;”><input type=”text” name=”b_f722c8ba27a2982a4f67f3c38_eb27fed281″ tabindex=”-1″ value=””></div>
<div class=”clear”><input type=”submit” value=”Subscribe” name=”subscribe” id=”mc-embedded-subscribe” class=”button”></div>
</form>
</div>

<!–End mc_embed_signup–>

 

[ThomasKeymaster]

I will have to work on this one for a little bit to make everything work/look right. Once I have it all finished, I will post the code & instructions here.

[GregParticipant]

Ok. Great!

[GregParticipant]

Hey Thomas… just fyi. I purchased the Thesis Mailchimp boxes about 1yr ago. I know Thesis has a new licensing deal with there API’s. (Thesis recent blog post). I don’t know if this helps you or not but I thought to let you know.

In addition, I believe Criss Cross should warrant both aWeber and Mailchimp boxes. The way Criss Cross is laid out for Marketers and Bloggers I think this is real essential and attractive for more sales of the skin.

Thanks Again,

Greg

 

[ThomasKeymaster]

You are right, I plan to include the Aweber & Mailchimp boxes into the next skin update.

The update should (hopefully) solve any/all email form issues.

[GregParticipant]

Are you going to post the code up here in the forum, as stated above, so I can deploy it?

 

[GregParticipant]

Any word on the Mailchimp box or code?

Greg

 

[ThomasKeymaster]

Hey Greg,

Sorry I haven’t posted Mailchimp code yet, I am currently building Mailchimp support into the Criss Cross update that I will be rolling out soon.

The update will allow you to easily connect with your Mailchimp account and add forms wherever you like.

I will let you know right away when the update is ready!

[Author]

Posts