If you’re using WPForms for your WordPress website and need to make the fields display in two columns, three columns, or other layout formats – check out this quick video. Kori will show you how to set up columns in WPForms using the layout button. Remember that you’ll need a paid version of the plugin to access the Fancy Field Layout Button. The free version gives you a CSS option to make columns. You can see that tutorial at this link
https://wpforms.com/docs/how-to-create-multi-column-form-layouts-in-wpforms/
https://wpforms.com/docs/how-to-use-the-layout-field-in-wpforms/
If you are using WP Forms, by default every single field just kind of gets in this one single stack column structure, and that’s pretty frustrating. I like it to look a little bit more like this, where we’ve got the side by side structure or column layout.
Hey y’all, I’m Kori Ashton and welcome to another WordPress Wednesday. Today I get to show you how to create side-by-side column structure inside of your WP Forms. Or maybe you need three columns or just getting unique on how you’d like to set up your fills. I’m going to show you how to do that right now in this short video. Let’s go into your contact form and remember that you’ve got to upgrade, at least buy a license for this. You can’t use the free version to find the layout area, so that’s just a side note. But as you scroll down here, when you do purchase a license, you now get access to these fancy fields, which I really like that.
And check this out. Here’s the button we’re looking for. We’re going to grab layout, drag it over, and when we click on it, it’s going to allow us some options here for different types of column structure. For this example, I’m just going to do the simple 50/50, side by side, two column structure. Let’s do that. I’m going to grab my phone field, drag it up in there, drop it in place. All right, now those are going to sit side by side there. I can click save, come back to the front side of my website where it was initially this stacked. Let’s do a refresh. And there you go, side by side column layouts inside of WP Forms.
I hope this video is helpful. If you like content like this, please be sure to like and subscribe. Every Wednesday I’m right here helping you improve your online marketing. I have over 550 videos on this YouTube channel, totally for free, dedicated to WordPress freelancers, SEO, and of course WordPress. I’ll see y’all next week. Bye everyone.
*********************************************************************
SUBSCRIBE TO FOLLOW KORI – https://www.youtube.com/c/koriashton?sub_confirmation=1
*********************************************************************
FROM KORI:
Hey Y’all – Thanks for watching. Each week I’m creating videos just like this one to help you improve your online marketing. Be sure to subscribe so that you get access to each video. If you have questions about a process, product, or service that I’ve mentioned in a video, please reach out directly to the authors of that item first. If there’s a question about something specific I’ve shared, comment in the thread and I’ll reply within a day or two.
To get my attention more quickly Tweet me @KoriAshton
KORI ASHTON IS A DIGITAL STRATEGIST, KEYNOTE SPEAKER, YOUTUBER & BUSINESS COACH. From freelancer to entrepreneur to c-suite, Kori Ashton has spent over twenty years in the digital marketing space. She built up a WordPress agency that sold in 2017 and spends most of her time now growing her new company MaxCRO consulting with industry brands and agencies on improving customer retention with persona-driven development.
Playlists:
WordPress Wednesday – https://www.youtube.com/watch?v=rJVTngC5_mM&list=PLEHHgcyfqqx5cf-h54G_aIgGWaQFJU8Gk
SEO Tips & Resources –
https://www.youtube.com/watch?v=AFXUhTBPPms&list=PLEHHgcyfqqx7OjmmT1lmQvcdJWk2Z2zTJ
Beginner WordPress –
https://www.youtube.com/watch?v=B7RiQKvuCmg&list=PLEHHgcyfqqx7AjAeYGk6JEfsTewqR4aHI
Kori’s Toolbox –
https://askkori.com/toolbox/
FOLLOW ME:
***** WEBSITE: https://askkori.com
***** FACEBOOK: http://www.facebook.com/koriashton
***** X: https://x.com/koriashton
***** INSTAGRAM: https://www.instagram.com/kori.ashton
***** LINKEDIN: https://www.linkedin.com/in/kori-ashton/