Get page URL widget not working on mobile devices

Hi There,

We've recently taken use of the lightbox embedded form on all of our product pages at www.99bikes.com.au, under the 5% best price guarantee.

For this form to be useful to us we need it to automatically capture the URL of the page in which the form was submitted on. This appears to work fine on desktop, but mobile devices don't appear to capture the whole URL string on the beginning "99bikes.com.au". 

Is there a way to fix this widget for mobile or a different way in which we can have the form automatically grab the page URL when being submitted?

Attached is a screenshot of recently submitted forms that show mobile devices not submitting the URL correctly. I've been able to recreate this issue on both an android and iPhone device.

Thank you for reaching support,

Let me have some time to do some test and I will get back with you shortly.

Best.

Hi there,

I cloned and tested the form on both desktop and on an Iphone 11 and it worked as expected:

However, we would like to make a test submission on the live site if possible, so we would like to ask for permission to do so.

Awaiting your response.

Best.

Hi Kenneth,

Interesting that it works as expected for your end. I noticed the test isn't embedding the form on a page and sending that link, could there be an issue here as ours is a lightbox on every product page?

Happy for you to run some test submissions with the same product name as you've used above. 

Thanks

Hi!

I have tested the Get Page URL widget on a form embedded using the lightbox method, and I am getting the exact URL the form is embedded. (I could not replicate the issue). 

I have also submitted a test using the embedded form, and the URL is the exact URL that you shared above. https://www.99bikes.com.au/reid-ladies-classic-lite-aqua

I used safari on a iPhone to submit the test.

You may please delete my test submission. 

Hi Jimmy,

We are still seeing the issue when using safari, it appears to be linked to our configurable products. To replicate the issue you'll need to find a product like: https://www.99bikes.com.au/silverback-strela-sport-disc-road-bike-satin-charcoal-watermelon-2020.

Where you first select a size on mobile and then continue to complete the form, it should then show the issue with URL coming through as "99bikes.com.au" and not the full product URL string.

Could you try that and see if it shows the same findings as us? You can see our test in the submissions as "Reece Stevenson".

Hello,

I test submitted the form using the URL that you've provided above and am able to replicate the issue.

When I checked your form submission page, I could see "https://www.99bikes.com.au" in the Current URL field.

Since this is not appearing for all product URLs, could you explain what exactly is the difference between the products - causing few to show the incorrect URL?

Yep no worries, the only difference is that the product in which the URL string is collected correctly is that they are simple products that do not require the selection of "size or colour" they simply are a single product that can be added to the cart using a "qty" selection.

The configurable products where the URL string doesn't work requires customers to select a "size or colour" from a drop-down before adding to cart, these are made up of several simple products collated under 1 product page on the front-end of the website.

It appears to only not collect the URL string when the user has interacted with the "size or colour" selection.

Hey there,

Thanks for writing back to us.

I'm currently looking into this for you and will get back to you shortly.

Thanks.

Hey there,

Thanks for the wait. 

I've just tried sending a couple of submissions using desktop and an iPhone 11. In both cases, you should be able to see in the submissions the Get Page URL is giving the complete product URL.

Let me consult with my colleague as he mentioned that he was able to replicate the issue and see which device did he use to test. We will get back to you with an update after some more testing.

We will appreciate your patience.

Thanks.

Can you please provide both iPhone and android mobile models plus the browsers that were used? So we can perform tests on the same models and further investigate the issue.

Looking forward to your reply.

Thanks.

Hi Vick,

The issue seems to be related to iPhone XS and later when using safari and then Samsung S10 using google chrome app, we don't have as many android devices so it is unknown has bad the issue is.

Thanks.

Hello,

Thanks for the update. This looks like an issue that needs to be escalated, but could you let us know how can I select a "size or colour" from a drop-down before adding to cart?

As you have mentioned that these are made up of several simple products collated under 1 product page on the front-end of the website. Could you guide us to that "1 product page"?

We would like to navigate to that page as a customer and fill and check.

Hi Gerardw,

No worries, the process for a customer to find and select the drop-down for "size or colour" is:

visit 99bikes.com.au> select bikes (menu)> select a bike from the catalogue (avoid kids bikes)> select size via drop-down> click add to cart.

Most bikes excluding kids bikes will have the ability for uses to select a size I can provide a list of URL example if you like.

Hey there,

Thank you for providing the requested information.

I've just sent two test submissions using an android phone. The first one was sent without hitting Add To Cart and second after hitting Add To Cart. In both submissions, the complete URL of the page can be seen in both submissions.

As you can see with android the Get Page URL is working as it should. You can check these submissions as well and delete the as these are test submissions.

Looking forward to your reply.

Thanks

Okay, well, in this case, I think we may need another solution to collecting the page URL.

Is there any type of javascript or another workaround where we can add to the initial button that opens the lightbox form to automatically would grab the current page URL and fill out a selected field inside the form?

The widget appears to be too unreliable to continue using in this case as seen below these submissions are far too erratic for quality data collection.

Hi there,

Apologies for the inconvenience here is a javascript code that captures the URL:

<script>

    function getURL() {

        alert("The URL of this page is: " + window.location.href);

    }

</script>

You may insert this on the lightbox code.

Here is the Related Guide: https://www.tutorialrepublic.com/faq/how-to-get-the-current-url-with-javascript.php

Let us know how it goes and we appreciate your patience.

Best.