Никак не могу понять почему Contact form 7 меняет ID формы?
Есть сайт
musinbros.ru. Там сейчас на странице 2 формы: желтые кнопки "Вам перезвонить" и "Оставить заявку". Формы выводятся при помощи Fancybox (поп-ап окно).
Ниже код кнопки вызова окна с формой
<a class="zv fancybox" href="#contact_form_pop">Вам перезвонить?</a>
<a class="fancybox fastzakaz" href="#fastzakaz">Оставить заявку</a>
Ниже код со всплывающей контактной формой, установленный в шаблон в футер для этих двух форм:
<div style="display:none" class="fancybox-hidden">
<div id="fastzakaz">
<?php echo do_shortcode('[contact-form-7 id="4283" title="Быстрый заказ POP-UP"]'); ?>
</div>
</div>
<div style="display:none" class="fancybox-hidden">
<div id="fasttest">
<?php echo do_shortcode('[contact-form-7 id="4484" title="4555"]'); ?>
</div>
</div>
Плагин Contact form 7 присваивает первой форме id="wpcf7-f4254-o1"
а второй форме присваивает id="wpcf7-f4283-o2"
Привязываясь к этим ID я стилизовал свои формы.
А теперь самое интересное!
Мне нужно добавить еще одну форму на страницу. Я его добавляю при помощи обычного шорткода на странице, не прописывая никакие дополнительные коды в шаблон. Т.е. третья форма у меня изначально видна на странице (не поп-ап форма).
После того как я добавил третью форму у меня меняется ID первых двух форм, И после этого слетают все стили этих двух форм.
Вот такие ID получаются у первых двух:
первая форма id="wpcf7-f4254-o2"
вторая форма id="wpcf7-f4283-o3"
как видно, меняется последняя цифра в ID.
Для третьей формы присваивается id="wpcf7-f4487-p950-o1"
Почему меняется ID?
Как вставить третью форму так, чтобы ID предыдущих форм не менялись?