• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Marnie Craycroft

Business Strategy for Bloggers

  • Who is Marnie?
  • Social Media
  • Email Marketing
  • Tools
  • Shop
  • Subscribe

March 26, 2018 By Marnie This post may contain affiliate links. Please read my disclosure for more info.

How to Customize Your ConvertKit Forms

Tweet
Share2
Pin106
108 Shares

It is easy to create a form in ConvertKit. Go to the top toolbar, click on “Forms”,  then choose “Create Form” from the right-hand side of your screen.

How to Customize Your ConvertKit Form

Creating & Customizing Your ConvertKit Forms

Creating a ConvertKit Form

Then choose “Form”

Creating Forms in ConvertKit

The next screen allows you to choose the type of form you would like to display in your posts. Honestly, it doesn't matter too much. Choose the one that works for you and your brand.

Which ConvertKit Form?

Here is where the fun stuff comes in…you don't have to settle for the default design (please don't settle for the default design).

ConvertKit Default Form Design

Here is where you customize your form. Go to “settings”

How to Make a Form in ConvertKit

 

Then you will see this screen…click on “Style” on the lefthand toolbar

How to Customize Your ConvertKit Forms

Then scroll down to customize CSS (code that dictates the visual output of your form)

How to Customize ConvertKit Forms

How to Customize Your ConvertKit Forms by Adding CSS

Make the borders the same color and the same size  

.ck_form.ck_horizontal {border-bottom-color: #YOURHEXCOLOR; border-top-width: 10px;}

Change the button text to uppercase 

.ck_form.ck_naked .ck_subscribe_button {text-transform: uppercase;}

Center the image

.ck_image {text-align: center;width: 100%;}

Change the field labels to uppercase

.ck_label {text-transform: uppercase;}

Hide the “Powered by ConvertKit” text

.ck_powered_by { display: none !important; }

Change the Background Color

.ck_form {background-color: #3A3F57;}

Don't Settle for the Default ConvertKit Design

There are so many variations and options to make your ConvertKit form customized to the look and feel of you and your brand…

From this…

ConvertKit Default Form Design

To this…

Customized Form in ConvertKit

I hope you found this post useful!

Filed Under: Email Marketing Tagged With: ConvertKit, Design

Subscribe

Let me help you build your blogging business

Previous Post: « How to Optimize Your Double Opt-In Process
Next Post: Stop Doing These Things With Your Emails »

Primary Sidebar

Meet Marnie

Welcome! I am Marnie. I am so glad you're here! Whether you're starting a blog, wanting to create an online course, looking to hone your social media strategy, or guidance on how to build your online business, I got your back. Read More about Marnie…

Let’s Connect

  • Facebook
  • Instagram
  • Pinterest
  • Twitter
  • YouTube

Get the latest

Categories

SEMrush

Let me help you plan for your blogging business future.

Let's turn your content into cash.

Footer

A Blogger’s Guide to Business Planning

Business Resources for Bloggers

Business Resources for Bloggers

Business Planning Blogging Tools

  • About Me //
  • Work with Me //
  • My Websites //
  • Resources //
  • Subscribe

Copyright © 2023 · Cultivate Theme Genesis Framework