Form in hero space?

[ad_1]

Hi there!

A bit of a WordPress newbie here. I am designing a simple website for a small business client and am trying to achieve something that I imagine is a fairly easy task, but I’m totally stumped. Hoping there is some expertise here that can help point me in the right direction.

Essentially, I want to set up a quote intake form and integrate it into the hero image space on my client’s site’s home page — something very similar to the effect achieved on [this site]). I’m really looking for something barebones at this point — a cleanly-styled box that comfortably contains the form fields that I’ve created, that won’t stretch out the overall container space.

To keep things as simple (and budget-friendly) as possible, I’ve resorted to only using the built-in WordPress/Gutenberg editor to build out the site, as other page builder plugins like Elementor have proven to be too klunky / paywalled for my liking, and thus I’ve tried my best to avoid them.

So far, I’ve been able to set up a form with all of the appropriate fields via the Forminator plugin, which offers the basic styling/form elements that I need. The part where I’m stumped is figuring out a way to insert the form (in this case via shortcode) in such a way that it can comfortably fit next to the contents on the right side, as illustrated in this screenshot:

I’m sure the answer has something to do with using a column block, but even when I create a new 2-column block and add the form shortcode into the right-most column, the form expands way beyond a comfortable size, with no perceivable way to create a container box or change the overall size of the form so that it sits like the example linked above. Here’s the closest I’m able to get it:

​

Any ideas on what I could be missing here? I feel like the answer is really obvious. Hopefully this explanation of the problem makes sense — happy to clarify or share any technical info if necessary. Many thanks in advance!

[ad_2]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer