Choppy scrolling issue on mobile for embedded scheduler.
under review
Ryan Shepherd
I'm still dealing with significant UX problems with the Meeting Scheduler on my website. It's causing page slowdowns, displaying erratic loading behavior, and on mobile, navigating the embedded page is choppy with difficult scrolling.
Additionally, the Scheduler loads Stripe data, even though I haven't connected Stripe to it. Google recently released a new Appointment/Meeting Scheduler that I embedded on my site. It operates seamlessly with no UX issues on both desktop and mobile—no strange loading or scrolling problems.
Can we please revamp and enhance the Meeting Scheduler, particularly the iframe/embed section? This is my primary concern, and I need it to function seamlessly for clients scheduling appointments. I've attached images of the new one from Google. Could we strive to make the Moxie Meeting Scheduler behave similarly, especially in terms of UX/UI? The pages containing the iframe perform normally! Despite trying other booking plugins, I'm inclined to use Moxie's, but it requires improvement. This is crucial for a smooth process with future clients.
Geoff Mina
under review
Geoff Mina
Can you please explain the "page slowdowns and erratic behavior" - we are not seeing any of that when viewing your site and even using various page speed testers (google and pingdom), they aren't reporting your site is having issues.
Our scheduler package is highly optimized at under 2MB payload and when evaluated for page speed tests gets good performance reports. Being that it isn't a static piece of HTML, there are going to be AJAX calls to get your configuration and time blocks, so it will never be "instant".
We did update to make Stripe only load if the meeting scheduler us using payments... we had another open feature request for that which is now closed.
Geoff Mina
Looks like you may have some wordpress CSS or JavaScript conflicts with our iFrame resizer
Geoff Mina
I was able to find your website. I think the choppy scrolling on mobile is an issue with some Wordpress CSS and our iFrame resizer library.
I would first try disabling the iframe resize on your site. To do this, take out the inclusion of the iframe resizer <script> and set the height of your iframe div to something big enough to fit the contents of our scheduler. You might need to do some work to ensure you don't get scroll bars in there.
This will basically be all that you are embedding:
<iframe src="https://hello.withmoxie.com/01/{workspace}/{scheduler}?inFrame=true" id="moxie-meeting" height="800" style="padding: 0px; margin: 0px; border: 0; max-width: 100%; min-width: 100%"></iframe>
That should eliminate the choppy touch gesture scroll on mobile.
Ryan Shepherd
Geoff Mina: Ok, I will try this again and see. I tried it about a month ago when we were looking for solutions and it was still giving me the same experience. I've tried many different things and for some reason it keeps happening with the Moxie specific iframe. Do you think it could be the parent Moxie page where the iframe originates?