Quform for WordPress, Problems Deploying Popup Forms v1

[easytracgps]

Hi,

I reached out to you guys earlier today via Facebook, so I apologize for the redundancy. But I’m hoping you can help.

I am running into an issue with trying to deploy the Quform popups in both the revolution slider, and on the pages. And I can’t seem to figure out what the issue is. I’ve visited the forum and have tried each of the two solutions that you guys had offered;

Open a Popupform in wordpress from HTML code

Link the popup form to a button shortcode

Can you please provide some direction, or perhaps take a look at things? I have admin credentials I can provide but, I didn’t notice any way of including private info. The page that I’m using to test things on is: https://www.easytracgps.com/home-2-test-sample8ee/. The revolutions slider that I’m attempting to add the button and popup to is labeled “overlapping header4-test”.

Thank you in advance for any help or guidance that you can provide. It’s very much appreciated.

Best,

Daniel

[easytracgps]

If you need a license number to validate that we are a paid customer, just let me know. We own 4 or 5 licenses. Thanks.

[easytracgps]

Hello?! Can somebody please provide some assistance? I’ve been waiting for a response since last Thursday. Please and thank you.

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[easytracgps]

Hi Ally,

Thank you for help! Much appreciated. However, I followed your instructions, and it’s still not working. I used the code that you had provided, and I’ve also tried every variation I can think of. Just in case, I also attempted to use the original javascript as well, and that didn’t work either. So I’m stuck.

On most pages, there will be a call-to-action button in the slider, as well as a call-to-action on the page itself. And, as it stands, neither is working. I took the liberty of sending an email to info@themecatcher.net with admin login credentials. Is it possible that you can login to admin and take a look at things for me? I would really appreciate it, because I am frustrated as can be. Lol :). Thank you again Ally!

Best,

Daniel

[katw]

Daniel,

Thought I might be able to help, so took a very quick look at your page too.

From debugger view the <Script> code Ally gave you has been wrapped inside a <p> tag.

I don’t know what weird behaviour that would cause (apart from it not being correct) but see if you can pull it out of the text flow as it is a script not HTML content.

Also I don’t understand the logic of attaching a click event to an hyperlink? In ally’s example she was attaching the event to the button text which is the “lets chat” trigger button.

For using her example you would need to change ‘#slide-88-layer-10’ reference to ‘slide-88-layer-14’ as this is the ID of the button text “Chat” inside the slider at top.

Attachments:

You must be logged in to view attached files.

[easytracgps]

Wow, thank you kat! I really appreciate it. Ideally, I would just like the popup action to be attached to the button, and not the text inside of the button. But I’m WAY out of my league here when it comes to advanced code like this. I’ll try and implement your suggestions to see if that works. Thanks again!

Best,

Daniel

[katw]

In your slider you have a button “Let’s Chat” it has a unique ID of ‘slide-88-layer-14’.

From what I see this covers the entire button area, text and background colour. So you are covered from UI “click-on” perspective.

This same DIV also appears to have a click event attached (guess it’s using functionality offered by the slider?) which is going to do an on-page jump down to an anchor in the page called #form-3.

I don’t have experience with QuForm popup code so I can’t critique or advise on Ally’s code, except to explain it is also adding a click event to the “slide-88-layer-14” (if you fix the number from 10 in her example to 14 which is what your div is using).

I can’t say I understand the logic of ‘false’ to toggle view of the popup “.iphorm-fancybox-link-3”. But don’t take this comment as a concern more a lack of understanding of the popup behaviour.

The only thing nagging in my mind about the solution offered is the behaviour of the two “CLICK” events. Are they both running? Does it jump down? And then has it tried to open the popup and failed?

You could add a temporary Alert message to tell you her code is being run and remove it when not needed. Like so:

jQuery(function ($) {
    $('#slide-88-layer-14').click(function () {
        // We are here, tell the world
        alert ("triggered Ally's click function, Yay!");
        $('.iphorm-fancybox-link-3').click();
        return false;
    });
});

That’s all for me. All the best

• This reply was modified 7 years ago by katw. Reason: Fixed ID reference to the one Daniel is using in his page

[easytracgps]

Hi,

Thank you for taking the time kay. However, we are still having issues. I appreciate your help though!

Ally, can you please take a look at things are your earliest convenience? I emailed admin login credentials yesterday. Thank you!

Best,

Daniel

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[easytracgps]

Hi Ally,

That’s great! Thank you so much. Now, as far as having a second popup on the page itself, would I still use the custom code for that? Or do you suggest another method? Thank you again! Much appreciated.

Best,

Daniel

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[easytracgps]

It works!! Yay! 😉 Thank you Abby. Really appreciate your help.

Best,

Daniel

[Author]

Posts