I'm attempting to embed the new step-by-step booking form 2.0 on my website, however the form is not loading on the front-end (note I have been able to load the original booking form 1.0 previously).
The issue could be if you use the old form and the new form on the same page. The old forms use vue2 and the new forms use vue3, and for this reason old and new booking forms cannot be used on the same page for now.
You need to separate them and place them on different pages and purge the cache after that and everything will work as it should. We know it's not an ideal solution, but for now, you have to separate them or use the old forms together on the same page until all the new forms are released.
Issues like this also usually occur when there is a conflict either with the theme currently active on your website, or another plugin you have installed.
Can you please change the theme and see if the issue is resolved? If not, then please deactivate all other plugins except for our plugin, refresh the page where the issue is, and see if it is resolved (it should be). If it is, then start activating other plugins one by one, and after each activation refresh the page to see if the issue reoccurred. Once it does reoccur, you will have found the plugin causing the issue.
Thanks for taking a look. Unfortunately I am still experiencing the same issue after attempting the following remediation steps:
Embedding step booking form on new standalone page (separate from the previous one which used vue2)
Deactivating all other plugins
Changing themes
Even full reset of the site and all settings (complete DB reset), and embedded on fresh site (no plugins, basic themes)
I have had two errors, one was a CORS Access-Control-Allow-Origin issue which I am able to resolve by editing the .htaccess file (just noting this in case it has something to do with the current error).
The error I am still having is on page load when the step form script is called. Here are the full list of errors that are related to Amelia:
stepForm.38b7b69d.js:4 TypeError: Cannot read properties of undefined (reading 'customizedData') at setup (stepForm.38b7b69d.js:2399:16140) at Or (stepForm.38b7b69d.js:4:656) at DD (stepForm.38b7b69d.js:4:49804) at fS (stepForm.38b7b69d.js:4:49589) at W (stepForm.38b7b69d.js:4:34118) at N (stepForm.38b7b69d.js:4:34005) at v (stepForm.38b7b69d.js:4:30633) at Ms.ne [as fn] (stepForm.38b7b69d.js:4:34703) at Ms.run (stepForm.38b7b69d.js:1:6917) at Or (stepForm.38b7b69d.js:4:664) VT @ stepForm.38b7b69d.js:4
stepForm.38b7b69d.js:2399 Uncaught TypeError: Cannot read properties of null (reading 'offsetWidth') at a (stepForm.38b7b69d.js:2399:15893)
(The above is also in the attached screen shot from Chrome console)
I also found a slightly similar error another customer had... but it looks like a different issue anyhow (tried the steps in there too where I could but no luck) https://tmsplugins.ticksy.com/ticket/3090747/
Can you please let me know next steps to a resolution? I can set up a temporary admin user login and send through in private message if you're able to login and troubleshoot that way?
The page in question (https://thehelpfulhive.com.au/booking/) had no Amelia Shortcodes, so I added [ameliastepbooking] on the bottom, to replicate the issue.
The CORS policy error is still there, but I don't see any errors in the Network section when I inspect the page.
The ticket has been forwarded to our developers, and as soon as I hear from them I'll get back to you.
I checked the credentials, and they work now, so it's up to our developers to test this.
If they are unable to thoroughly test this on your live site - would you be able to create a staging site for us, and provide us with FTP and database access along with wp-admin?
As I assumed, our developers can't figure out what's causing this issue.
Can you clone your website?
If yes - I'll ask you to install the Duplicator plugin. It will generate a couple of files that you can send me (along with the log-in credentials), and then I can create an exact copy of your website, see what the issue is and try to resolve it.
The Duplicator plugin can export only up to 500MB of data, so if your site is bigger than that, please use the All-in-One WP Migration plugin.
Please note that the files will be too large to attach to the ticket, so you can upload them via wetransfer.com and just send me the link.
Make sure to enable the Private response when sending us the credentials and the duplicator files.
Hi there,
I'm attempting to embed the new step-by-step booking form 2.0 on my website, however the form is not loading on the front-end (note I have been able to load the original booking form 1.0 previously).
The URL is https://thehelpfulhive.com.au/services/booking-2/
Please see the attached screenshot of the browser console errors.
I am using Wordpress theme Astra, with Elementor site builder - let me know if there's any more information that might help troubleshoot.
Thanks in advance,
Dan
Hello Dan,
Thank you for reaching out to us.
The issue could be if you use the old form and the new form on the same page. The old forms use vue2 and the new forms use vue3, and for this reason old and new booking forms cannot be used on the same page for now.
You need to separate them and place them on different pages and purge the cache after that and everything will work as it should. We know it's not an ideal solution, but for now, you have to separate them or use the old forms together on the same page until all the new forms are released.
Issues like this also usually occur when there is a conflict either with the theme currently active on your website, or another plugin you have installed.
Can you please change the theme and see if the issue is resolved? If not, then please deactivate all other plugins except for our plugin, refresh the page where the issue is, and see if it is resolved (it should be). If it is, then start activating other plugins one by one, and after each activation refresh the page to see if the issue reoccurred. Once it does reoccur, you will have found the plugin causing the issue.
Let us know, please.
Look forward to your reply.
We wish you all the best.
Kind Regards,
Stanislav Snagovskiy
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs
You can try wpDataTables add-ons before purchase on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hi Stanislav,
Thanks for taking a look. Unfortunately I am still experiencing the same issue after attempting the following remediation steps:
I have had two errors, one was a CORS Access-Control-Allow-Origin issue which I am able to resolve by editing the .htaccess file (just noting this in case it has something to do with the current error).
The error I am still having is on page load when the step form script is called. Here are the full list of errors that are related to Amelia:
stepForm.38b7b69d.js:50 FullCalendar VDOM already loaded
(anonymous) @ stepForm.38b7b69d.js:50
stepForm.38b7b69d.js:4 TypeError: Cannot read properties of undefined (reading 'customizedData')
at setup (stepForm.38b7b69d.js:2399:16140)
at Or (stepForm.38b7b69d.js:4:656)
at DD (stepForm.38b7b69d.js:4:49804)
at fS (stepForm.38b7b69d.js:4:49589)
at W (stepForm.38b7b69d.js:4:34118)
at N (stepForm.38b7b69d.js:4:34005)
at v (stepForm.38b7b69d.js:4:30633)
at Ms.ne [as fn] (stepForm.38b7b69d.js:4:34703)
at Ms.run (stepForm.38b7b69d.js:1:6917)
at Or (stepForm.38b7b69d.js:4:664)
VT @ stepForm.38b7b69d.js:4
stepForm.38b7b69d.js:2399 Uncaught TypeError: Cannot read properties of null (reading 'offsetWidth')
at a (stepForm.38b7b69d.js:2399:15893)
(The above is also in the attached screen shot from Chrome console)
The page in question is https://thehelpfulhive.com.au/booking
I also found a slightly similar error another customer had... but it looks like a different issue anyhow (tried the steps in there too where I could but no luck) https://tmsplugins.ticksy.com/ticket/3090747/
Can you please let me know next steps to a resolution? I can set up a temporary admin user login and send through in private message if you're able to login and troubleshoot that way?
Thanks in advance,
Dan.
Dear Dan,
I hope you are doing well.
Thank you for the access and information provided, we are investigating this issue, could you also provide us with the FTP credentials, please?
Look forward to your reply.
Have a great day!
Kind Regards,
Stanislav Snagovskiy
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs
You can try wpDataTables add-ons before purchase on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hello Dan.
Thank you for the credentials, but we can't access your website's back-end. This is what we see now:
Can you please let us know once this is resolved, so we can log in and take a look?
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Thank you, Dan.
The page in question (https://thehelpfulhive.com.au/booking/) had no Amelia Shortcodes, so I added [ameliastepbooking] on the bottom, to replicate the issue.
The CORS policy error is still there, but I don't see any errors in the Network section when I inspect the page.
The ticket has been forwarded to our developers, and as soon as I hear from them I'll get back to you.
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hey Dan.
We can no longer log into the back end. Can you reenable the login?
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hi again Dan
I checked the credentials, and they work now, so it's up to our developers to test this.
If they are unable to thoroughly test this on your live site - would you be able to create a staging site for us, and provide us with FTP and database access along with wp-admin?
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hey Dan
As I assumed, our developers can't figure out what's causing this issue.
Can you clone your website?
If yes - I'll ask you to install the Duplicator plugin. It will generate a couple of files that you can send me (along with the log-in credentials), and then I can create an exact copy of your website, see what the issue is and try to resolve it.
The Duplicator plugin can export only up to 500MB of data, so if your site is bigger than that, please use the All-in-One WP Migration plugin.
Please note that the files will be too large to attach to the ticket, so you can upload them via wetransfer.com and just send me the link.
Make sure to enable the Private response when sending us the credentials and the duplicator files.
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables