Home › Forums › WoodMart support forum › WP Form to include select fields

WP Form to include select fields

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 18, 2020 at 12:40 pm #195912

    simontayler
    Participant

    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>

    May 18, 2020 at 2:04 pm #195924

    Elise Noromit
    Member

    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

    May 19, 2020 at 6:18 pm #196207

    simontayler
    Participant

    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.
    May 19, 2020 at 8:55 pm #196222

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    May 20, 2020 at 1:05 pm #196403

    simontayler
    Participant

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

    It just won’t work in the popup.

    May 21, 2020 at 9:06 am #196630

    Elise Noromit
    Member

    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

    May 21, 2020 at 9:29 am #196637

    simontayler
    Participant

    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.

    May 21, 2020 at 12:27 pm #196728

    Artem Temos
    Keymaster

    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.

    May 21, 2020 at 12:31 pm #196732

    simontayler
    Participant

    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.

    May 21, 2020 at 12:50 pm #196737

    Artem Temos
    Keymaster

    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/

    May 21, 2020 at 12:51 pm #196740

    simontayler
    Participant

    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!

    May 21, 2020 at 1:33 pm #196745

    Artem Temos
    Keymaster

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

    May 21, 2020 at 1:53 pm #196752

    simontayler
    Participant

    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.
    May 21, 2020 at 2:05 pm #196767

    Artem Temos
    Keymaster

    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
Viewing 14 posts - 1 through 14 (of 14 total)