WP Form to include select fields

I’m tryuing to get the main ‘pop-up’ form on our site to include the ‘interest’ fields shown below.

The problem is they don’t seem to show up at all:

<p>
<label>First Name</label>
<input type=”text” name=”FNAME” placeholder=”Your Name”
required=””>
</p>
<p>
<label>Email address</label>
<input type=”email” name=”EMAIL” placeholder=”Email Address”
required=””>
</p>
<p>
<label>Styles</label>
<label>
<input name=”INTERESTS[0e00953911][]” type=”checkbox” value=”8546214734″
checked=”true”> <span>Boxing</span>
</label>
<label>
<input name=”INTERESTS[0e00953911][]” type=”checkbox” value=”9068e045fa”
checked=”true”> <span>Fitness</span>
</label>
<label>
<input name=”INTERESTS[0e00953911][]” type=”checkbox” value=”c41a40d55a”
checked=”true”> <span>MMA</span>
</label>
<label>
<input name=”INTERESTS[0e00953911][]” type=”checkbox” value=”71c6bc4efe”
checked=”true”> <span>Muay Thai</span>
</label>
<label>
<input name=”INTERESTS[0e00953911][]” type=”checkbox” value=”fe0f3a66d6″
checked=”true”> <span>Judo</span>
</label>
<label>
<input name=”INTERESTS[0e00953911][]” type=”checkbox” value=”79de5f87e6″
checked=”true”> <span>Jiu Jitsu</span>
</label>
<label>
<input name=”INTERESTS[0e00953911][]” type=”checkbox” value=”439f217b0b”
checked=”true”> <span>Hapkido</span>
</label>
<label>
<input name=”INTERESTS[0e00953911][]” type=”checkbox” value=”8e13666a0e”
checked=”true”> <span>Karate</span>
</label>
<label>
<input name=”INTERESTS[0e00953911][]” type=”checkbox” value=”1cccfd9cf8″
checked=”true”> <span>Kickboxing</span>
</label>
<label>
<input name=”INTERESTS[0e00953911][]” type=”checkbox” value=”b5aa9d040c”
checked=”true”> <span>Krav Maga</span>
</label>
<label>
<input name=”INTERESTS[0e00953911][]” type=”checkbox” value=”01868b52d6″
checked=”true”> <span>Kung Fu</span>
</label>
<label>
<input name=”INTERESTS[0e00953911][]” type=”checkbox” value=”ee030618b5″
checked=”true”> <span>Taekwondo WTF</span>
</label>
<label>
<input name=”INTERESTS[0e00953911][]” type=”checkbox” value=”73ef28bfd1″
checked=”true”> <span>Taekwondo ITF</span>
</label>
<label>
<input name=”INTERESTS[0e00953911][]” type=”checkbox” value=”1980fe812a”
checked=”true”> <span>Taekwondo ATA</span>
</label>
<label>
<input name=”INTERESTS[0e00953911][]” type=”checkbox” value=”4d9a0c7b98″
checked=”true”> <span>Wrestling</span>
</label>
</p>
<p>
<input type=”submit” value=”Subscribe”>
</p>

Hello,

You would better create the form in the contact form 7 plugin and insert it in the popup element.

Otherwise, the form would not work.

Best Regards

I used gravity forms to linnnk it directly to Mailchimp.
The problem is the form doesn’nt include the styles from Gravity forms to have the checkboxes in columns. Are you able to assist?

Attachments:

You must be logged in to view attached files.

Hello,

Please contact the plugin support as such issues are not covered by our support policy.

Best Regards

I had it working fine in this page: https://staging.bushido.ca/68905-2/

It just won’t work in the popup.

Hello,

The reason is that style file gravityforms/css/ is plugged in only on this page https://staging.****do.ca/68905-2/ all other pages do not have these styles.

Best Regards

Okay. So how would I go about getting it to work and look good in the popup.
Please help/ I’m getting a bit desperate.

Sorry, but we don’t know why this plugin doesn’t include their styles on that particular page. Try to contact plugin’s developers for help.
Our theme officially supports Contact Form 7 and it doesn’t have such problems. You can try to create a form with that plugin.

Thanks for your response. Are you able to assist with Contact Form 7? I need the fields integrated to send the data to Mailchimp.
I’m not quite sure of how to lay it out with CF7.

Sorry, but we don’t have such instruction so you would better check the plugin’s documentation. We also found Mailchimp extension for Contact Form 7 that probably is what you are looking for https://uk.wordpress.org/plugins/contact-form-7-mailchimp-extension/

I have added the form, I just need help with getting the layout of the boxes to look better and the submit button to match the rest of the theme. Almost there. Any help would be appreciated!

Please, describe your request with some screenshots and send us a link to the page with the form.

Hi I would love to have all the checkboxes in 3 columns and the button to be rounded and red.

Attachments:

You must be logged in to view attached files.

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.wpcf7-checkbox {
    display: flex;
    flex-wrap: wrap;
}
.wpcf7-list-item {
    flex: 0 0 33%;
}
.wpcf7-submit {
    background-color: red;
    color: white;
    border-radius: 20px;
}

[Author]

Posts