Conditional logic for the Get Referrer widget don't work

Hi there,

I now have rewritten my forms to work with the referral widget, but still sometimes the conditions don't work and the fields are not filled (are empty). Strange thing is that the referral widget shows the URL that form is sent from. So it seems that the conditions don't work all the time?

I use these conditions:

If referrer contains "www.URL.com" then insert "www.URL.com" into URL

If referrer contains "www.URL.com" then insert "Name of Website" into URL

If referrer contains "www.URL.com" then redirect to "http://www.URL.com/thankyoupage.html"

Any help to sort this issue out is appreciated!

Rgds,

Henry

Hi Henry,

How about without the www? Just the domain name, i.e URL.com ? There are websites that loads to the address bar without the www in it.

Would you mind sharing to us the website URL as to where the form is embedded? 

Thank you!

Hi,

I have now changed the www.DOMAIN.nl without the www & nl. But the referral url of which the conditional access didnt work has the correct URL inside, still sometimes the fields are not filled.

You can check out the form here: https://www.hannahboutique.nl/Aanvraagformulier-VVV-Cadeaubon-sp-102.html

Check out the submission of this form on october 10, it is the correct referral url inside but the website & url are not filled. Please note that sometimes it works and sometimes it doesn't. I have no idea why this is happening.

Rgds,

Henry

Hi Henry,

Please try re-embedding your form using our iFrame method: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code. I have the impression that the conditional logic don't work because of a script conflict because you are embedding the form using our Javascript method.

Please update us here for the results.

Thank you!

Hi Welvin,

I have two problems when using iframe, that is:

1. The height is not ok, the form reserves a big whit space for possible form options. (See attachment)

2. The iframe form is not responsive.

Any idea how I can fix these two points?

Rgards,

Henry

Hi Henry,

Yes, that is because the iFrame method has a fixed height. 

You can make the form responsive by adding the mobile responsive widget to your form: http://widgets.jotform.com/widget/mobile_responsive. Or, enable responsive option to your form settings:

Thank you!

Hi Welvin,

THanks for your answer! Is there a way to get the height issue with iframe to work the same as javascript? With javascript the height is automatically and expands automatically when more space is needed...

Regards,

Henry

Hi Henry

iFrame creates a static height so every time the form length changes, it won't auto adjust your page height. The default script embed code should supposed to do that, but please take note that there might conflict with CSS or something that prevents it from changing the page height dynamically. If I may suggest, you can try to embed the form using the entire source code. 

You can also check these tutorial or guide links.

Which form embed source code to use? 

Customize the form using CSS codes. 

I hope this helps.

Thank you.

When you have conditional fields and they are unused - the space they would need is left open on the webpage at the bottom, and leaves an unprofessional look. Is there a way to fix this?

The entire source code is not an option, i used to use the default embed code which works fine for auto height but sometimes not for conditional fields as i mentioned in the start ofthe topic. So i was advised to use iframe but iframe causes the white gap in the bottom. I am confused now and dont know what to do to get the forms 100% working.

Hi,

I would recommend using the iFrame method as it gives the best results.

What I would also recommend is to set it up to scroll down as needed. This will give you a great control over the website layout and allow you to have as much space as you need for your dynamic buttons.

To do that use this iFrame code

<iframe id="40222332142335" frameborder="0" scrolling="yes" style="width: 100%; border: medium none; height: 600px;" name="40222332142335" allowtransparency="true" src="https://www.jotformeu.com/form/40222332142335">

What is different than what you would usually see when you get your jotforms source code is that I had set the height to 600px and changed scrolling to allow it.

Please place the code above to your page and let us know how great it looks :)

Best Regards,
Ben

Hello Ben,

I used your advise and still the conditional acces rules don't work... check out my last test with  name "rte" the conditional access fields based on the referral url are not filled.

Rgds,

Henry

Hi Henry,

OK, would you please allow your jotforms to be cloned so that we can clone them and take a look what the conditions are.

Now after looking at the jotform ( http://form.jotformeu.com/form/40222332142335 ) I did not see any field called 'rte'.

After we can take a look at the conditions we would be able to see what could be the possible reason.

Best Regards,
Ben

Hi Ben,

There is no field "rte" what I mean is check the submissions. One (test) submission is with the name RTE which has the referral url inside but not de conditional fields filled.

Yes you can clone my forms, please note that i have the conditional logic problems with all my forms.

Regards,

Henry

Hi Henry,

I've tried using the conditions and it seems to work in my end.

I cloned and embed this form, http://form.jotformeu.com/form/40222332142335,  on my temporary hosting site. You can check the live demo here:

https://shots.jotform.com/charlie/index2.php 

This is the condition you have and I added mine.

This is how the submissions looks in my end.

You can also clone the edited cloned form here: http://form.jotformpro.com/form/42883808466973 

If I may ask, can you please provide us some screenshots or links where the form was embedded? This way we can check if there might be a problem with the URL or where it is embedded. 

We'll wait for your response.

Thank you.

Hi Charlie,

THanks for your reply! Please understand that the conditional logic sometimes works and sometimes doesn't work on my end. I can't put a finger on it why this is happening.

I use several forms for multiple websites, you can find some here:

https://www.hannahboutique.nl/Aanvraagformulier-VVV-Cadeaubon-sp-102.html

Embedded with the following code:

<script type="text/javascript" src="https://secure.jotformeu.com/jsform/40222332142335"></script>

http://www.hannahboutique.nl/Product-Advies-sp-90.html

Embedded with the following code:

<script type="text/javascript" src="https://secure.jotformeu.com/jsform/40192850735354"></script>

Regards,

Henry

Hi Henry,

OK, I would suggest using the iFrame embed instead of jsform as mentioned above by my colleague and myself.

<iframe id="40222332142335" frameborder="0" scrolling="yes" style="width: 100%; border: medium none; height: 600px;" name="40222332142335" allowtransparency="true" src="https://www.jotformeu.com/form/40222332142335">

Using it with the made changes should not leave your page with the same issues as before.

Once you embed them over iFrame please take a look if the same issue is presenting itself or if your referral field gets updated properly.

I have taken a look at your conditions and based on them everything should work properly.

Now, one thing I would change in them is group the conditions for thank you page since they are doing the same thing.

Please try to use the iFrame embed method and let us know how it goes.

Best Regards,
Ben

Hi Ben,

Thanks for your reply! I'm now using the code you suggest. Let's try it for a while.

I can not group the conditions like you mention because my landing URL is different based on the website it is sent from. :)

Regards,

Henry

By the way ben... i see that you use https://www. instead of https://secure. is that a problem or is the url with www also secure?

Hi Henry,

Please change it to https://secure if you need the secure URL to the form. And please update us here if the issue persists even when using the suggested iFrame method.

Thank you! ;)