form stap 1 shows up on every step

  • Resolved furtice

    (@furtice)


    8 years, 9 months ago

    I repoduced the form as show on https://webheadcoder.com/contact-form-7-multi-step-form/ and only changes the redirect url’s

    https://www.vitaallandveno.nl shows form [contact-form-7 id=”18″ title=”stap1″]
    https://www.vitaallandveno.nl/stap2/ should show [contact-form-7 id=”18″ title=”stap2″]
    https://www.vitaallandveno.nl/stap3/ should show [contact-form-7 id=”18″ title=”stap3″]

    Instead form ‘stap1’ shows up on every page…
    What is it i’m doing wrong?

    —————————————————————–
    Code [contact-form-7 id=”18″ title=”stap1″]

    Your Fake Email (required)[email* your-email]

    Which do you prefer?
    [select menu-87 include_blank “android” “blackberry” “ios” “windows”]

    How many checkboxes can you check?
    [checkbox checkbox-588 use_label_element “one” “two” “three” “four” “five”]

    Select your favorite plugin
    [radio radio-204 default:1 use_label_element “Contact Form 7 Multi-Step Forms” “This plugin I’m trying”]

    [submit “Next”]

    [multistep “1-3-https://vitaallandveno.nl/stap2/”]

    —————————————————————–
    Code [contact-form-7 id=”18″ title=”stap2″]

    A Message no one will read
    [textarea* your-message x4/200]

    What are you going to use this plugin for?
    [checkbox* checkbox-257 use_label_element exclusive “a multi-step contact form” “online application” “newsletter signup” “other”]

    Just so you know, a confirmation email will NOT be sent to [multiform “your-email”] because this is a demo form.

    [previous] [submit “OK, Next”]

    [multistep “2-3-https://vitaallandveno.nl/stap3/”]

    —————————————————————–
    Code [contact-form-7 id=”18″ title=”stap3″]

    Your Fake Email (required)
    [multiform “your-email”]

    Which do you prefer?
    [multiform “menu-87”]

    How many checkboxes can you check?
    [multiform “checkbox-588”]

    Select your favorite plugin
    [multiform “radio-204”]

    A Message no one will read
    [multiform “your-message”]

    What are you going to use this plugin for?
    [multiform “checkbox-257”]

    [previous “Go Back”][submit “Submit”]
    [multistep “3-3”]

    https://www.ads-software.com/plugins/contact-form-7-multi-step-module/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author webheadcoder

    (@webheadllc)

    Your shortcodes [contact-form-7 id=”18″ title=”stap3″] all have the same ids so they will show the form with id=18 on all pages. You need to copy the shortcode of the form you want from the page with the list of contact forms.

    Thread Starter furtice

    (@furtice)

    I feel so stupid right now ??
    It worked…

    Only thing not showing really great is the ‘previous’ button. How can this be styled like ‘submit’button?

    Plugin Author webheadcoder

    (@webheadllc)

    If you previous button isn’t styled like the submit button you’ll need to adjust your theme.

    you can style the input[type="button"] or the .wpcf7 input.wpcf7-previous styles. Or you can contact the theme author and ask them.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘form stap 1 shows up on every step’ is closed to new replies.

Tags