Using contact Form 7 & Easy Fancy Box

  • Resolved sherwink

    (@sherwink)


    7 years, 7 months ago

    Hi there,

    I’m really new to WordPress and would like to have a button clicked to bring up a pop up with a Contact Form 7 form. I followed the tutorials I could find and I’m not sure if I’m missing a step.I downloaded and activated Contact Form 7 and Easy FancyBox. And I’m using the Massive Dynamic theme.

    So, I initially input the following code in the page using Text:

    Upload Your Image
    <div style=”display:none” class=”fancybox-hidden”>
    <div id=”contact_form_pop”>
    [contact-form-7 id=”4652″ title=”IW Form”]</div>
    </div>

    What resulted was ‘Upload Image’ showed up but on clicking, nothing happened.

    I did also change the settings>media to include inline content just in case.

    Am I missing a step or doing something wrong? I also couldn’t figure out where the fancybox classes are actually defined. or how “custom_form_pop” is defined. Ultimately I would like the form to be triggered from a button.I apologize in advance if my questions are very basic.

    If you have any light you can shed my way that’d be totally appreciated.
    Thanks very much in advance!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Vadim

    (@vadikcoma)

    7 years, 7 months ago

    I’m having pretty much same question – I need to call Contact Form 7 from main menu item. Is that possible?

    Rolf Allard van Hagen

    (@ravanh)

    7 years, 6 months ago

    Hi @sherwink your link code was converted to a link so I cannot see the original code. Please use the code button (or wrap it in back-ticks) when writing code snippets on the forum.

    I did also change the settings>media to include inline content just in case.

    Good, Inline Content needs to be activated.

    Can you share a link to your site maybe? There might be a conflicting script in your theme or other plugin…

    @vadim yes, that is possible but please be aware that the hidden inline code needs to be on each page (if your menu link is there too) so it might be easier to just create a dedicated page with your form, install the Show Content Only plugin and link to that page with ?content-only=1 appended to the URL. Then give the menu item the class “fancybox-iframe” and activate iFrame option on Settings > Media.

    Vadim

    (@vadikcoma)

    7 years, 6 months ago

    Thanks, at least I got it working. How ever, when I select content only, form looks very bad. If I select content + css, conflict with wpml breaks my site

    Fatal error: __clone method called on non-object in /home/coma/public_html/elvim/wp-content/plugins/sitepress-multilingual-cms/sitepress.class.php on line 2825

    This is how form looks with content only – https://dl.dropboxusercontent.com/u/2547869/form.JPG

    Rolf Allard van Hagen

    (@ravanh)

    7 years, 6 months ago

    @vadim,

    If I select content + css, conflict with wpml breaks my site

    No idea what is happening there. You might want to get support from either of those two plugin devs…

    I noticed you started another thread on this topic. I’ll respond there.

    squaredsquared

    (@squaredsquared)

    7 years ago

    Is it possible to have two different contact form that pop up using Easy Fancy Box and Contact Form 7?

    Thank you

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Using contact Form 7 & Easy Fancy Box’ is closed to new replies.