How to make a form to Bitrix Start to pop up and snap it send to the target in Yandex Metric?

There is a form code. How to make this form to Bitrix Start pop-up? Step by step if possible. In Bitrix a novice. And bind it send to the target in Yandex Metric

<div class="kc-kc elm-css-884210 kc_col-sm-7 kc_column kc_col-sm-7 hidden-xs">
 <div class="kc-col-container">
 <div class="contact contact-page-area">
 <div class="row">
 <div class="contact-area contact-area-2 contact-area-3">
 <h2>Submit your question</h2>
 <div class="contact-form">
 <div class="wpcf7" dir="ltr" id="wpcf7-f5-p23-o1" lang="en-US" role="form">
 <div class="screen-reader-response">
</div>
 <form action="" class="wpcf7-form" method="post" novalidate="novalidate">
 <div class="contact-home">
 <div class="half-col">
 <span class="wpcf7-form-control-wrap text-100"><input aria-invalid="false" aria-required="true" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" name="f1_user_name" id="f1_user_name" placeholder="Your name" size="40" type="text" value=""></span>
</div>
 <div class="half-col">
 <span class="wpcf7-form-control-wrap text-329"><input aria-invalid="false" aria-required="true" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" name="f1_user_phone" id="f1_user_phone" placeholder="phone" size="40" type="text" value=""></span>
</div>
 <!-- <div class="half-col"><span class="wpcf7-form-control-wrap email-633"><input aria-invalid="false" aria-required="true" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email form-control" name="email-633" placeholder="E-mail" size="40" type="text" value=""></span></div> -->
the <div>
 <span class="wpcf7-form-control-wrap textarea-8"> <textarea aria-invalid="false" aria-required="true" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control" cols="40" name="f1_user_text" id="f1_user_text" placeholder="the Description of the situation and Your questions" rows="10"></textarea> <br>
 <input type="checkbox" checked="checked" id="user_agreement" onclick="check_agreement();"> <label for="user_agreement">I Agree to <a href="/politika-konfidencialnosti/" target="_blank">the processing of personal data</a></label> </span>
</div>
 <div class="submit-btn-wrapper">
 <input class="wpcf7-form-control wpcf7-submit theme-btn" type="button" id="form_sumbit_button" value="Get advice" onclick="ask_online(); return false;">
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
 </div>
March 25th 20 at 13:28
1 answer
March 25th 20 at 13:30
At the Start there are two options of implementation:
1) Do your samopisny html form for Ajax, Ajax return the result of the execution of the form where and hang an objective ID of the metric
2) do iblock iblock.element.add with the creation of your mail handler init.php also on Ajax, where to hang the code objective metrics on the execution result.
There is a third option, to create a module or increase the revision to the Standard, there is web forms.

Find more questions by tags Yandex.Metrica1C-BitrixHTMLJavaScriptAJAX