New form styles: slide-in and modal

Build Your Audience

There's nothing more fun than pushing new features live and enabling new functionality! Today we have the pleasure of unveiling some great new features.

Last month we launched newly designed, responsive opt-in forms that embed in your site. Today we're building on the functionality by releasing two new form styles: modal and slide-in.

Modal-Form Slidein-Form

 No page modification required

When adding an email form it sometimes doesn't work perfectly with the style of your site. We've all run into issues where the width is off, CSS conflicts, or other layout issues pop-up.

With these two new form styles that won't be a problem. Since they both lay on top of your existing content, installation is very quick.

Choose a trigger method

To trigger these forms you have four different options:

  1. Exit Intent (modal only)
    ConvertKit will determine if a visitor is about to leave the page and then show the modal form to them. This is great for capturing traffic that wasn't that engaged with the site and probably wouldn't normally subscribe.
  2. Link click (modal only)
    A modal can be triggered by clicking any link. That means you can have a download button in a blog post launch a ConvertKit modal form. Or a subscribe button on your newsletter page. Any link can be made to display a opt-in form.
  3. Scroll percentage
    Once a visitor scrolls to the end of your blog post you can trigger an opt-in form to display. This works with either the modal or the slide-in form. Just set a percentage of the page (it defaults to 70%) that the visitor should scroll before the form is displayed.
  4. Timing
    The last (and simplest) option is to trigger the form after a set amount of time. Just enter a number of seconds and you're ready to go!

Setup

Once your form is created it just takes a couple steps to get it live on your site.

1. copy and paste the line of JavaScript from your form settings page onto your site:

Screen Shot 2014-12-09 at 12.36.44 PM

 

2. Go to the Style tab and choose your display style:

Screen Shot 2014-12-09 at 12.38.38 PMCustomize a few options (or stick with the defaults) and you're ready to go.

Ready to use it?

If you're ready to use it why don't you head over and create an account? And, if you are already using another email provider, we'll handle the entire migration for you for free. You can learn more about that on our support page.

 

Nathan Barry

In previous careers Nathan has been a designer, author, and blogger. After learning the power of email marketing he gave up a successful blogging career to build ConvertKit. Outside of work Nathan spends his time playing soccer, woodworking, and chasing after his two little boys.

The future belongs to creators

ConvertKit helps creators like you take their projects from idea to reality. It's never been easier to build an audience and grow a business. And you can do it all for free.

Launch your next project