How can I adjust the background color of the form and the button colors?
When selecting an advisor in the form, strange prices appear, such as -40. This is the difference between the general price and the specific advisor’s price. Can the actual prices be displayed here?
Currently, the selected date is displayed in the English system, for example, "September 20, 2024 - 10:00 AM." Can we localize the date to the format "20 wrzesień 2024 - godzina"?
Right now, the time is displayed in the English format (AM and PM). Can we implement the 24-hour system?
How can I mark which fields in the customer data form are mandatory? And can I add an additional field, for example, CITY?
Could the phone number in the form be spaced out (separated by spaces)?
Where can I increase the font size in the form?
Is it possible to change the width and height of the form?
Depending on which form, you can find different customization options on the Amelia/Customize page.
The service price cannot be displayed, but I can help you remove the -40 display if you want.
The translation of the "days and months" on the Calendar for the Appointment time slots is based on a 3rd Party library,
which will automatically translate if you have the correct language locale set up on the WordPress page.
We have most languages covered - but in some rare situations, we find a new language that is still not added to this library.
In that case, our developers build the new language and add it during an update.
-
We will elaborate more on how it works :
For example, let's say we wanted to translate the day labels of the Calendar above Time slots to French.
If I change my site language to French, Amelia automatically "triggers the translated library" for the months and days in the Calendar to French :
Here is how it looks if I leave WordPress language in General WordPress settings as English
-
And now, if I change WordPress language to French :
-
If you just need one language, set it as the WordPress default language in General settings and this should work.
If you need a multilingual site with Amelia, you will have to set up different page versions for each language you need with the help of a multilingual plugin.
You can do so on the Amelia/Customize/Choose form/Customer information page.
Unfortunately, there is currently no such option with Amelia's built-in features. You can suggest that feature on the following link: https://features.wpamelia.com/
We carefully follow suggestions from our customers and the more votes the feature gets, the more priority we put on implementing that feature in one of the future updates.
You will need to do that with custom CSS, let me know if you need help with that.
Our support does not fully provide customization solutions, but we can try to provide some basic CSS in situations like this. You can try and set the height of the booking form to avoid scrolling with this custom CSS
to see if someone may have already suggested this feature. If you can't see it, feel free to add your suggestion there, and as more people vote, the feature will move higher on the priority list.
You can certainly follow our changeLog page if you'd like, where we state any changes/new features/bug fixes during updates;
and our newsletter, so you're informed about new features, bug fixes, freebies, etc.
Thank you very much for all the answers. They are very accurate and helpful :) However, I need some assistance with a few of them:
2.Could you please help me remove the -40?
6. I also have a question regarding phone numbers separated by spaces. If AMELIA does not support such an option, could I do it myself somewhere in the code? And after uploading an update, would this code revert to the original settings?
7. I will need help changing the font size using custom CSS – could you assist me with that?
8. I’m a beginner with AMELIA, so your response to this point is too complicated for me. Could you explain it in more detail and more simply? For example, where exactly should I input the code you provided?
6. Yes, you can modify the code to allow phone numbers to be separated by spaces. However, please keep in mind that this would require attention from our developers to assist you with custom development, and our developers currently do not have the time to assist with this. Additionally, any changes made to the code will be overwritten when you update the plugin, so you would need to reapply the modification after each update.
7.I'd be happy to assist! Let me know exactly which elements you want to change the font size for, and I can guide you with the custom CSS.
8. I understand that the previous explanation was a bit complex. If you'd like, I can provide you with a more straightforward guide on where to input the code to change the size of the booking form or any other elements you want to customize using CSS. Would that be helpful?
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.
7.Here is the page URL: https://urbannclinic.pl/, and the booking form can be found here: https://urbannclinic.pl/?page_id=13406 – however, you need administrator permissions to view it. Is it really necessary for me to provide these permissions? I would need to obtain approval for that. In the meantime, I can certainly attach screenshots of each step in the form. Please find the screenshots attached.
8.Before reviewing your suggestions, I have one key question. Are the changes you are proposing permanent? Will they disappear after the next update? I know that changes made with CSS can be overwritten during plugin updates. Does this apply to all CSS changes, or are there exceptions? Is there any way to make them permanent?
"While waiting for your response, a new issue has arisen. I pasted the code you recommended (see screenshot), but there is no effect. The form hasn't changed..."
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.
Hello Jarek,
Thank you for reaching out to us.
The translation of the "days and months" on the Calendar for the Appointment time slots is based on a 3rd Party library,
which will automatically translate if you have the correct language locale set up on the WordPress page.
We have most languages covered - but in some rare situations, we find a new language that is still not added to this library.
In that case, our developers build the new language and add it during an update.
-
We will elaborate more on how it works :
For example, let's say we wanted to translate the day labels of the Calendar above Time slots to French.
If I change my site language to French, Amelia automatically "triggers the translated library" for the months and days in the Calendar to French :
Here is how it looks if I leave WordPress language in General WordPress settings as English
-
And now, if I change WordPress language to French :
-
If you just need one language, set it as the WordPress default language in General settings and this should work.
If you need a multilingual site with Amelia, you will have to set up different page versions for each language you need with the help of a multilingual plugin.
Please check more about Multilingual Support in Amelia here,
and an additional article here: Using Multiple Languages in Amelia
Hope this explains it.
Unfortunately, there is currently no such option with Amelia's built-in features. You can suggest that feature on the following link: https://features.wpamelia.com/
We carefully follow suggestions from our customers and the more votes the feature gets, the more priority we put on implementing that feature in one of the future updates.
Our support does not fully provide customization solutions, but we can try to provide some basic CSS in situations like this. You can try and set the height of the booking form to avoid scrolling with this custom CSS
If you wish to see a built-in solution for users to choose the Booking Form height from Amelia's Customize interface,
please feel free to search through our feature suggestion page,
to see if someone may have already suggested this feature. If you can't see it, feel free to add your suggestion there, and as more people vote, the feature will move higher on the priority list.
You can certainly follow our changeLog page if you'd like, where we state any changes/new features/bug fixes during updates;
and our newsletter, so you're informed about new features, bug fixes, freebies, etc.
Hope this helps.
Kind Regards,
Uros Jovanovic
[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 very much for all the answers. They are very accurate and helpful :) However, I need some assistance with a few of them:
2.Could you please help me remove the -40?
6. I also have a question regarding phone numbers separated by spaces. If AMELIA does not support such an option, could I do it myself somewhere in the code? And after uploading an update, would this code revert to the original settings?
7. I will need help changing the font size using custom CSS – could you assist me with that?
8. I’m a beginner with AMELIA, so your response to this point is too complicated for me. Could you explain it in more detail and more simply? For example, where exactly should I input the code you provided?
Best regards
Jarek Felbór
Hello Jarek,
Thank you for the update on this.
2. Please try the following CSS for this purpose:
span.am-oit__price{
display: none !important;
}
6. Yes, you can modify the code to allow phone numbers to be separated by spaces. However, please keep in mind that this would require attention from our developers to assist you with custom development, and our developers currently do not have the time to assist with this. Additionally, any changes made to the code will be overwritten when you update the plugin, so you would need to reapply the modification after each update.
7.I'd be happy to assist! Let me know exactly which elements you want to change the font size for, and I can guide you with the custom CSS.
8. I understand that the previous explanation was a bit complex. If you'd like, I can provide you with a more straightforward guide on where to input the code to change the size of the booking form or any other elements you want to customize using CSS. Would that be helpful?
Kind Regards,
Uros Jovanovic
[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 very much.
7. I actually want to change the font size for all the text in the form.
8. I would like a simpler guide, please.
Best Regards
Jarek
Hello Jarek,
Thank you for the update on this.
7. Please provide me with the URL of the page with the booking for and I will assist you with this.
8. Basically, you need to use the following CSS code to change the width and height of the booking form:
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.
Kind Regards,
Uros Jovanovic
[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
7.Here is the page URL: https://urbannclinic.pl/, and the booking form can be found here: https://urbannclinic.pl/?page_id=13406 – however, you need administrator permissions to view it. Is it really necessary for me to provide these permissions? I would need to obtain approval for that. In the meantime, I can certainly attach screenshots of each step in the form. Please find the screenshots attached.
8.Before reviewing your suggestions, I have one key question. Are the changes you are proposing permanent? Will they disappear after the next update? I know that changes made with CSS can be overwritten during plugin updates. Does this apply to all CSS changes, or are there exceptions? Is there any way to make them permanent?
Best regards, Jarek
I forgot to attach the screenshots to the previous message. I'm doing it now :
Attached files: step-1.png
step-2.png
step-4.png
step-3.png
"While waiting for your response, a new issue has arisen. I pasted the code you recommended (see screenshot), but there is no effect. The form hasn't changed..."
Attached files: css-efekt.png
css.png
Hello Jarek,
Thank you for the update on this.
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.
Kind Regards,
Uros Jovanovic
[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
Hello arek,
Thank you for the credentials.
Please try the following CSS for font size:
#amelia-container *{
font-size: 18px !important;
}
And the following CSS fro width and height of the booking form:
#amelia-container {
max-width: 1200px !important;
width: 100%;
max-height: 100% !important;
height:900px !important;
margin:2px !important;
border-radius: 8px;
box-shadow: 0 30px 40px #0000001f;
}
Let me know if that helped you.
Kind Regards,
Uros Jovanovic
[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
Yes, this solves my problem. Thank you very much for your help. Best regards, Jarek.
Hello Jarek,
Glad to be able to assist you.
We will have this ticket closed now.
Kind Regards,
Uros Jovanovic
[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