I am trying to use Amelia's popup in Divi builder without any success. I create a CSS class on my button then use it as shown in the screenshot linked.
1. If I choose CSS Class or ID , it is the same issue : the button is not displayed in front-end.(screenshot2)
2. If I enter the ID class without the # before, the button is not displayed on the front .
3. When I click on the button, nothing happens. I have tried the #thisWorksToo with no more success.
I have tried many times, no cache,on this website. I have also tried on another web site without any success either.
Fro your second message we gues that all is fine not but we will cover just in case how our pop up works. So you can just try our own native Amelia PopUp, like this :
1. Choose an Amelia Booking Block ( In this example i choose the standard Step By Step 2.0)
2. Select if you need any preselected parameter ( here i will choose just one Employee preselected)
3. Then make sure you set a "trigger ID" or "trigger Class" name, and later we will apply the same "trigger ID" or "Class".
In my example, I choose it to be a "Trigger type as ID", named "my-popup-id1"
and make sure to choose "Show in Amelia PopUp" beneath.
Note the Form Shortcode automatically then adds the part "in_dialog=1".
4. Now, you can choose Button/ or try Call To Action ( In my case, we use the free Elementor so a button)
Set the same "Trigger ID or Class" to your button ( or call to action button).
We wish you all the best and hope you have a wonderful day ahead.
You are most welcome, and we are glad that we were able to help you. Should you have any further inquiries, we kindly request that you open separate tickets for each question and we will gladly help you there.
We wish you all the best and hope you have a wonderful day ahead.
Hi,
I am trying to use Amelia's popup in Divi builder without any success.
I create a CSS class on my button then use it as shown in the screenshot linked.
1. If I choose CSS Class or ID , it is the same issue : the button is not displayed in front-end.(screenshot2)
2. If I enter the ID class without the # before, the button is not displayed on the front .
3. When I click on the button, nothing happens. I have tried the #thisWorksToo with no more success.
I have tried many times, no cache,on this website. I have also tried on another web site without any success either.
3. here are the error messages in the inspector:
TypeError: c is undefined in stepForm.55ab4bc3.js:4:1162
setup https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:2372
er https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
y8 https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
lC https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
Y https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
B https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
g https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
z https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
N https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
g https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
z https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
N https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
g https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
z https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
D https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
T https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
g https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
O https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
L https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
T https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
g https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
O https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
N https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
g https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
ie https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
ee https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
L https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
T https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
g https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
me https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
run https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:1
er https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
MS https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
MS https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
ReferenceError: can't access lexical declaration 'S' before initialization
setup https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:2372
er https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
ra https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
__weh https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
uf https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
MS https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
MS https://massageprobienetre.fr/wp-content/plugins/ameliabooking/v3/public/assets/stepForm.55ab4bc3.js:4
stepForm.55ab4bc3.js:4:1162
Attached files: button-not-displayed.jpg
Divi-amelia-popup.jpg
Ok I have understood. I didn't configure all the step-by-step booking form in the Customize new...
Hello there,
Thank you for reaching out to us.
Fro your second message we gues that all is fine not but we will cover just in case how our pop up works. So you can just try our own native Amelia PopUp, like this :
1. Choose an Amelia Booking Block ( In this example i choose the standard Step By Step 2.0)
2. Select if you need any preselected parameter ( here i will choose just one Employee preselected)
3. Then make sure you set a "trigger ID" or "trigger Class" name, and later we will apply the same "trigger ID" or "Class".
In my example, I choose it to be a "Trigger type as ID", named "my-popup-id1"
and make sure to choose "Show in Amelia PopUp" beneath.
Note the Form Shortcode automatically then adds the part "in_dialog=1".
4. Now, you can choose Button/ or try Call To Action ( In my case, we use the free Elementor so a button)
Set the same "Trigger ID or Class" to your button ( or call to action button).
We wish you all the best and hope you have a wonderful day ahead.
Kind Regards,
Marko Davidovic [email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, floor plans, choropleth maps, and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
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
Thanks, everything is ok.
Hello agian,
You are most welcome, and we are glad that we were able to help you. Should you have any further inquiries, we kindly request that you open separate tickets for each question and we will gladly help you there.
We wish you all the best and hope you have a wonderful day ahead.
Kind Regards,
Marko Davidovic [email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, floor plans, choropleth maps, and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
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