За последние 24 часа нас посетили 17230 программистов и 1637 роботов. Сейчас ищут 1193 программиста ...

Прикрутить появление contact form 7 к клику по ссылке

Тема в разделе "Wordpress", создана пользователем yuriygagarin, 6 фев 2017.

  1. yuriygagarin

    yuriygagarin Новичок

    С нами с:
    6 фев 2017
    Сообщения:
    1
    Симпатии:
    0
    Здравствуйте.
    На WP есть contact form 7, ее шорткод, к примеру, [ contact-form-7 id="420" title="Заказать звонок" ].
    Мне нужно, чтобы при клике по линку <a class="abc" id="yyy" href="#"> появлялась эта форма.

    В интернете было наковыряно:

    <?php echo do_shortcode('[ contact-form-7 id="420" title="Заказать звонок" ]'); ?>

    А как прицепить этот код к событию клик по линку?
    Если что, то этот код я буду вставлять в HTML.
    PHP не знаю, нужна ваша помощь.
     
  2. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    Думаю проще на javascript/jquery + HTML сделать. Вроде wordpress подключает jquery.
    http://api.jquery.com/toggle/
    Вот пример
    HTML:
    1. <!doctype html>
    2. <html lang="en">
    3.   <meta charset="utf-8">
    4.   <title>toggle demo</title>
    5.   <style>
    6.   p {
    7.     background: #dad;
    8.     font-weight: bold;
    9.     font-size: 16px;
    10.   }
    11.   </style>
    12.   <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    13. </head>
    14. <button>Toggle 'em</button>
    15. <p>Hiya</p>
    16. <p>Such interesting text, eh?</p>
    17. $( "button" ).click(function() {
    18.   $( "p" ).toggle( "slow" );
    19. });
    20. </body>
    21. </html>
     
    yuriygagarin нравится это.