Several forms in one page
-
Hello! I’m using 3 different CF7 forms in one page. They are in modal boxes made with bootstrap. The problem is that all three boxes show only one form, ignoring CF7 id. The page with the problem – https://sigma-santeh.ru/test/
The code:
<div class=”zayavki”>
<button type=”button” class=”knopki” data-toggle=”modal” data-target=”#myModal”>
Заявка на ремонт
</button>
<!– Modal –>
<div id=”myModal” class=”modal fade” tabindex=”-1″ role=”dialog” aria-labelledby=”myModalLabel” aria-hidden=”true”>
<div class=”modal-dialog”>
<div class=”modal-content”><div class=”modal-body”>
<button type=”button” class=”close” data-dismiss=”modal” aria-hidden=”true”>×</button><!– Form itself –>
[contact-form-7 id=”977″ title=”Заявка на ремонт”]</div><!– End of Modal body –>
</div><!– End of Modal content –>
</div><!– End of Modal dialog –>
</div><!– End of Modal –>
</div><div class=”zayavki”>
<button type=”button” class=”knopki” data-toggle=”modal” data-target=”#myModal”>
Купить запчасть
</button>
<!– Modal –>
<div id=”myModal” class=”modal fade” tabindex=”-1″ role=”dialog” aria-labelledby=”myModalLabel” aria-hidden=”true”>
<div class=”modal-dialog”>
<div class=”modal-content”><div class=”modal-body”>
<button type=”button” class=”close” data-dismiss=”modal” aria-hidden=”true”>×</button><!– Form itself –>
[contact-form-7 id=”963″ title=”Купить запчасть”]</div><!– End of Modal body –>
</div><!– End of Modal content –>
</div><!– End of Modal dialog –>
</div><!– End of Modal –>
</div><div class=”zayavki”>
<button type=”button” class=”knopki” data-toggle=”modal” data-target=”#myModal”>
Запись на установку
</button>
<!– Modal –>
<div id=”myModal” class=”modal fade” tabindex=”-1″ role=”dialog” aria-labelledby=”myModalLabel” aria-hidden=”true”>
<div class=”modal-dialog”>
<div class=”modal-content”><div class=”modal-body”>
<button type=”button” class=”close” data-dismiss=”modal” aria-hidden=”true”>×</button><!– Form itself –>
[contact-form-7 id=”960″ title=”Запись на установку”]</div><!– End of Modal body –>
</div><!– End of Modal content –>
</div><!– End of Modal dialog –>
</div><!– End of Modal –>
</div>
- The topic ‘Several forms in one page’ is closed to new replies.