mirazhyk

Hello!
Thanks, but I’m not satisfied with this solution – because I still have header tags in the code

Congratulations)
I checked – yes, now it works.
Thank you very much for the prompt response!
Good luck!

ok, thank you)

@ivanpetermann thank You very much – it works)))
lovely support)))

Hello!
I try to use more popular plugin – Popup maker
But mask in form in popup window doesn’t work, although everything is fine in static forms

Code in functions.php is now

function talisman_custom_masks_form_fields() {
    ?>
    <script type="text/javascript">
        if (typeof jQuery !== 'undefined' && typeof jQuery.fn.mff_mask === 'function') {
            function mff_mask_custom_script() {
                jQuery('input.tel-new').mff_mask('+38(X00) 000-00-00', {
                    translation: { 'X': { pattern: /[0]/, optional: false, fallback: '0'}},
                    placeholder: "+38(0__) ___-__-__"
                });
            }
            if ( typeof wpbean_fopo_form_popup !== "function" ) {
                function wpbean_fopo_form_popup() {
                    mff_mask_custom_script();
                }
            }
            jQuery(document).ready(function () {
                mff_mask_custom_script();
            });
        }
    </script>
    <?php
}

add_action('wp_footer', 'talisman_custom_masks_form_fields', 111);

https://prnt.sc/c5jvMbsKclCp form in header https://prnt.sc/p0SxGZe-AdSR

I think it looks another)))
I’m wrong, I’m sorry.
Thank You)
5 stars from me)))

form field code

<div class="twr_form_box">		
[tel* tel-706 class:form-control class:tel-new  size:16]
<div>

in functions.php

function talisman_custom_masks_form_fields() {
    ?>
    <script type="text/javascript">
        jQuery('input.tel-new').mff_mask('+38(X00) 000-00-00', {
            translation: { 'X': { pattern: /[0]/, optional: false, fallback: '0'}},
            placeholder: "+38(0__) ___-__-__"
        });
    </script>
    <?php
}

add_action('wp_footer', 'talisman_custom_masks_form_fields', 111);

https://prnt.sc/t4GS57nRD5KN doesn’t work

If i try to add code in functions.php

function talisman_custom_masks_form_fields() {
    ?>
    <script type="text/javascript">
        jQuery(document).ready(function($){
            $("input.tel-new").mff_mask('+380__ ___-__-__');
                   });
    </script>
    <?php
}

add_action('wp_footer', 'talisman_custom_masks_form_fields', 111);

<div class="twr_form_box">		
	[tel* tel-706 class:form-control class:tel-new  size:16 placeholder "+380__ ___-__-__" ]
 </div>

it doesn’t work too.

i try add code in functions.php

add_action('wp_footer', 'talisman_activate_masked_input');
function talisman_activate_masked_input(){
?>
<script type="text/javascript">
    jQuery( function($){
        $(".wpcf7-tel").mask("+38 (0__ ) ___ - __ - __");
    });
</script>
<?php
}

It doesn’t work too

спасибо)
попробую 3.0

Разобралась, добавила.
А может подскажете, можно ли добавить это поле с доп.названием в самом письме в инфо о товаре в awooc-hidden-data?

Hello!
I add text field – https://prnt.sc/Gu9eEVi_ulOK and i got

[text* text-776 class:form-control placeholder “?м’я”]

Than i add minlength:2 maxlength:20 according to https://contactform7.com/text-fields/ https://prnt.sc/9_5hv2jqCt8J

[text* text-776 class:form-control placeholder “?м’я” minlength:2 maxlength:20]

and have an error.
I can’t understand – what wrong?

ok, thanks)))

Hello!
I’m sorry – try again)
https://pastebin.com/NigvniYB

https://pastebin.com/Z95GNwVJ