<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=798947193590244&ev=PageView&noscript=1" /> Embedding a Mailchimp Form in Showit | Davey & Krista

THE MENU

THE MENU

Holiday Sale! Save 20% on all website templates & more with the code HOLIDAY18

FREE GUIDE

DIY Website Review

Wouldn’t it be nice to receive more inquiries from client’s who love your work? This guide is the perfect tool to get your website ready to attract ideal clients.

SEND ME THE GUIDE

Free Guide: Client Experience Timeline Activity

A simple 10-minute activity to take your client experience to the next level. Identify weaknesses in the experience and transform them into strengths.

Get the activity

Add a MailChimp form to your Showit website in a few easy steps.

This video demonstrates how to embed a MailChimp mailing list opt-in form on your Showit website so that it pulls in the styles of your existing template.

We also add notes under the video in case of any small updates that don’t require a new video. Let us know in the comments if you have any questions, or if we need to make an update to the video. You can also find a video transcript underneath the video.

A few notes:

  • The templates in The Palm Shop have existing styles that should be applied to your form (provided you’re using one of our templates).
  • We opted not to create a tutorial on editing the CSS of your form because everyone’s needs will be a little different; however, if you have any questions on styling your form, let us know in the comments below.

How to Embed a MailChimp form in a Showit Website

  1. Login to your MailChimp account and select the list you’re using to collect emails.
  2. Go to Sign-up Forms. You can create a custom form using the Form Builder if you need any fields beyond name and email address.
  3. Select Embedded Forms. We recommend embedding the “Naked” form because we have styles built-in to our templates that should make the forms look good. Copy the corresponding code.
  4. In your Showit website, add an Embed Code box where you would like to embed the MailChimp form.
  5. Paste the code into the Embed Code box.
  6. Be sure to format the opt-in form for both mobile and desktop.
  7. Publish the changes to your Showit website.

If you have any questions or feel that we need to update the video, please let us know in the comments below.

Video Transcript:

Hey guys, Krista here from daveyandkrista.com, where we help creative business owners build brands that book. In this video we’re going to walk you through embedding a MailChimp mailing list form in your Showit website. Alright, so to get started we’re going to head over to MailChimp and if you don’t already have a MailChimp account, you’ll need to create one in order to embed the form. But once you’ve created an account, you’ll want to come into lists. And if you don’t have a list, you want to make sure that you create a list because that’s going to the MailChimp form where to actually put the email addresses that you’re collecting. So we’re going to go to my Test List and then we’re going to go to Signup Forms. If you need to add specific form fields to your form—like I think the standard ones are name and email address.

But if you needed something else you can add those in the form builder option. And MailChimp has a really great help resource center. So if you need to learn more about actually how to build the form, you can head over there. For the sake of keeping this demonstration short, I’m going to show you just how to embed the form. So we’re going to go to Embedding Forms and then we have a few different styles to pick from. So there’s this classic one that that’s a really long. There’s a slim one, there’s a horizontal one that is probably the most slim, and if you want to keep it even smaller, you can choose not to include the title—which I don’t normally if I embed things for our templates. If you’re working with one of our templates that you purchased, I recommend embedding the naked form because we have styles built in to make your form look pretty.

And so I recommend using this one. But if you have a template that you don’t know if it has any styles built in, or nobody has said that it has styles, I would go with this horizontal form because it’s going to be the most slim and hopefully the easiest to make look good on your site. So we are going to copy this code and then we’re going to come over to Showit, and then we’ll find a spot on the site to add that code. So I’m gonna an add a blank canvas and I’m going to put it above the footer and then we’re going to come up to Embed Code right here, and we’ll come over to Embed Code over here and then we just are going to paste that code in. And then once you hit save and Publish, you’ll see it on your website.

And so you can move it around, you can style it, it might look a little different when you hit preview—it might actually be more horizontal. Yeah, there’s sometimes a difference between what you see in the Showit editor and what it actually looks like when it’s live. You could come over and look at the code and add some of your own styles if you really want the form to look specific, but that gets a little bit tricky. So if you’re just getting started, I would keep it really simple and just embed the basic form. So that’s it for embedding a MailChimp form. If you liked this video, make sure you subscribe to our YouTube channel and if you have any questions about this video, let us know in the comments. You can also request a tutorial by using the form on our website over daveyandkrista.com/showit.

Embedding a Mailchimp Form in Showit A brief video tutorial

FILED IN:

Created with Sketch.

SHARE THIS POST ON

Leave a Reply

Your email address will not be published. Required fields are marked *

Protected by WP Anti Spam

FOLLOW US ON 

Behind the scenes working as a husband and wife team, our latest posts & more

Davey & Krista

ABOUT

CUSTOM DESIGN

PODCAST

THE BLOG

CONTACT

@2017 KRISTA A. JONES PHOTOGRAPHY & DESIGN, ALL RIGHTS Reserved 
SITE DESIGN BY DAVEY & KRISTA | Terms & Conditions | Privacy Policy

TAKE ME TO THETOP

Products

SHOWIT WEBSITE TEMPLATES

CLIENT EXPERIENCE TEMPLATES

RESOURCES FOR PHOTOGRAPHERS

THE INQUIRY SYSTEM COURSE

Join Us At

11.11 - 11.14

Creative @ HEART

Find Us

INSTAGRAM

FACEBOOK

PINTEREST

YOUTUBE

ITUNES

Media

Affiliate

01.29- 01.31

The School of styling

11.04- 11.07

Showit United