Hi,

I would like to add a js event when Amelia load the customer form. I try to use this script:

        jQuery(document).ready(function($) {             // my script         });

Is not possibile because you load the html by js so I see your document and I find many js event trigger. I try to use this:

        jQuery(document).ready(function() {             window.ameliaActions = {                 InitInfoStep: function (success = null, error = null, data) {                     console.log('InitInfoStep HOOK')                     console.log(data)                     console.log('my script');                 }             };

I wrong something... what?

Another question: is possibile to add the placehoder to the input fields "Name" and "Lastname"?

Can you help me?

Thank you!!!

Hello Stefan,

thanks for your support and sorry for my late reply.

I'm using your snippet but I'm probably doing something wrong.

This is the script I'm using:

<script>
window.ameliaActions = {
    InitInfoStep: function (success = null, error = null, data) {
        // Triggered once the info step is shown
        console.log('InitInfoStep HOOK');
        Object.keys(data.booking.customFields).forEach(cf => {
            console.log('Custom field ID: ', cf);
            console.log(data.booking.customFields[cf]);
            console.log('------------');
            data.customFieldsPlaceholders.value[1].placeholder = 'Test';
        });
     }
};
</script>

I try:

• to paste it on the page (using Wordpress editor / Text view);
• adding the script on function.php ( add_action('wp_footer', 'placeholder_on_form'); ).

I can't see the placehoder "Test" and all the console log on the browser.

What am I doing wrong?

Hi Steven,

I'm referring to other website:

croceblu.it

The page of the booking system is not published and here we use the booking form v1.

I'll try v2 and update my reply.

Hi Stefan,

I solved using new booking form v2. Thank you!!

I've a question about the new form: if I want to rename the Stripe button to "Cards", I need to use your function  but... what? Can you help me?

I'm using js to translate the words. I use this and works for me:

<script>
window.ameliaActions = {
        InitiateCheckout: function (success = null, error = null, data) {
            console.log('InitiateCheckout HOOK');
            //console.log(data);
            //console.log('------------');
            const stripeText = document.querySelector(".am-fs__payments-main-button-stripe p");
            stripeText.innerHTML = "Carte";
        };
};
</script>

Last question. I've this code:

<script>
    window.ameliaActions = {
        InitInfoStep: function (success = null, error = null, data) {
            //console.log('InitInfoStep HOOK');
            //console.log(data);
            //console.log('------------');
            data.customFieldsPlaceholders.value[1].placeholder = 'Codice fiscale';
            data.customFieldsPlaceholders.value[2].placeholder = 'Indirizzo di residenza';
            data.customFieldsPlaceholders.value[4].placeholder = 'Comune di residenza';
            data.customFieldsPlaceholders.value[5].placeholder = 'CAP';
            data.customFieldsPlaceholders.value[6].placeholder = 'Provincia';
        };
        InitiateCheckout: function (success = null, error = null, data) {
            console.log('InitiateCheckout HOOK');
            //console.log(data);
            //console.log('------------');
            const stripeText = document.querySelector(".am-fs__payments-main-button-stripe p");
            stripeText.innerHTML = "Carte";
        };
    };
</script>

I add the "InitiateCheckout" function but something is wrong because the first "InitInfoStep" function doesn't work anymore. Is not possibile to use two amelia function in the same script?

Hi Stefan,

sorry! I don't open a new ticket because I solved the problem: there was a stupid error (";" rather than ",").

The new booking form v2 and the js trigger give us many possibility to customize the form!

Thank you for your support and patience!