How to centre a ConvertKit inline form in WordPress
I may get paid commission for purchases made after clicking a link in this post.
You’ve created a new ConvertKit inline form and you want it to appear centred in a WordPress blog post (not left justified). Here’s how to centre a ConvertKit inline form in WordPress.
So you’ve just created a beautiful new ConvertKit inline form… If you just grab the embed code and paste it into WordPress it will normally appear left-justified. Like this…
But what if you don’t want it left-justified? What if you want it centred? Like this…
Thankfully the solution is REALLY EASY. Here’s how…
How to centre a ConvertKit inline form in WordPress
Step 1: Copy the embed code from ConvertKit
The first step is to grab the embed code for your form. Simply copy this embed code and then flip over into your WordPress blog.
Step 2: Paste the embed code into WordPress
Next, you’ll need to find the section of your post where you want the inline form to appear.
If you are using the WordPress Block Editor (AKA Gutenberg), select the Custom HTML block and paste the embed code into the ‘Custom HTML’ block.
If you are still using the Classic Editor, simply flip over into the Text Editor and paste the embed code into the appropriate place.
Step 3: Centre the form
To centre the form you’ll need to use two tags. Put <center> BEFORE the embed code and </center> AFTER the embed code. (And make sure you spell it right – use the US spelling ‘center’ not the British spelling ‘centre’). Like this…
Step 4: Check the preview
Now take a quick look at your post in ‘preview’, if you have done this right, you should now see your ConvertKit form beautifully centred!
Like this…
And that’s it!
Over to you…
I’d love to know if you found this helpful. If so, let me know in the comments below!
Or do you have any other ConvertKit related questions? If so pop them in the comments and I’ll try to help you out!
Want to take your email marketing to the next level?
Want to take action and start growing your email list TODAY? Want to finally cross ‘sort out email marketing’ off your to do list? Then sign up for my FREE 30 DAY LIST BUILDING CHALLENGE!
- 26 reasons why ConvertKit is the best email marketing service for bloggers
- ConvertKit vs MailChimp – which is best for your blog?
- A beginner’s guide to ConvertKit
- A beginner’s guide to email marketing for bloggers + free challenge
- How to create an opt-in offer that actually works: a step-by-step guide
Don’t miss a thing!
Follow me on Twitter, Facebook and Instagram. Or why not subscribe to Productive Blogging and get blogging and productivity tips straight to your inbox every week?
Pin this post to read later
FWIW, this worked on Squarespace CSS, too! You saved the day, thanks so much.
Oh that’s good to hear! Thanks for letting me know. Eb 🙂
Excellent, thanks for this easy to follow advice.
You are welcome! Glad you found it helpful 😀
Thanks so much! I’ve been looking forever for this tip and this was by far the simplest.
Yay! I’m so happy to hear you found my guide helpful 😀
Is this a joke? That was too easy!! I was only looking for how to add my inline form to WP, and your description was beginner-proof 😉 Thanks a lot!
Haha, no – it really is that easy! Glad you found it helpful. Eb 🙂
Super helpful…thanks!
You are very welcome! I am so pleased you found this helpful 😀
You are a lifesaver! After wading through piles of tech support pages trying to figure out how to do this I found your post and had this fixed in seconds. Thank you!
Yay – I am so pleased to hear that. It’s one of those things that’s so easy… but only if you know how! Eb 🙂
Thank you! I didn’t even know I could paste the javascript from Convertkit and always use the shortcode. I think maybe I need to get friendlier with code in general. This was so easy and it looks so much better now!
Great to hear! You are very welcome 😀