Hello Carlos

Thank you for your purchase.

The form doesn't actually scroll down, but it stays in place. The last page of the form is most likely longer due to name, last name, email, phone, and possibly some custom fields, so it's higher than the loading screen. The page stays in place, but since the form is shorter, it's above the visible part of the screen.

You can add a custom script that would scroll the form into view.

Try this (although without remote access, I can't say for sure if it will work):

<script>
window.beforeAddToCalendarLoaded = function () {
document.getElementById('am-add-to-calendar').scrollIntoView({behavior: 'smooth', block: 'start', inline: 'nearest'});
}
</script>

Or this:

<script>
window.beforeAddToCalendarLoaded = function () {
document.getElementById('am-confirmed-booking').scrollIntoView({behavior: 'smooth', block: 'start', inline: 'nearest'});
}
</script>

Hi again Carlos

Please provide me a temporary WP-admin (administrator) user for your site where this happens, so we could log in and take a look ‘from the inside’ as that’s the most efficient way to see and resolve the issue. 

We do not interfere with any data or anything else except for the plugin (in case that’s a production version of the site), and of course, we do not provide login data to third parties. 

You can write credentials here just check PRIVATE Reply so nobody can see them except us.

Hi again Carlos.

I added this Script on both pages:

And now, when I click on "Confirm" before I'm taken to the WooCommerce cart, the page scrolls up to show the loader (see the attached screencast).

As for the mobile view - unfortunately, the scrollIntoView method doesn't work for some reason. The button would have to be targeted to execute the method, and it's not that easy to do that. At the moment, the scroll works on desktops, but not on mobile devices.

As for PayPal in WooCommerce, I can't say much about that, since we have our own PayPal payment, so I'm not familiar with this message. It's most likely related to WooCommerce, but I can't say for sure. How do I replicate this?

Hi again Carlos.

I'm glad to hear that the script works. It was probably delayed due to CDN, but I can't say for sure.

Honestly, I don't know what messed up the badge frame, and the link. Since you deleted the widget, you probably lost the script also.

Please just copy and paste it to the page again:

<script>
window.afterConfirmBooking = function () {
document.getElementById('am-confirm-booking').scrollIntoView({behavior: 'smooth', block: 'start', inline: 'nearest'});
}
</script>

And it should work fine.

Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways. 

If you need help with adding custom CSS to the page, please take a look at this article.

If you need help with adding custom JS to the page, please take a look at this article.

Great news, Carlos, thanks for letting me know.

Hello Sandor

Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways. 

If you need help with adding custom CSS to the page, please take a look at this article.

If you need help with adding custom JS to the page, please take a look at this article.