При создании сайта на WordPress довольно часто бывает необходимо использовать нестандартные решения. Одним из них является контактная форма в одну строку. Ее можно сделать как в обычном html+php, так и плагином contact form 7. Мы будем рассматривать второй вариант.
Заходим в раздел контактные формы плагина Contact Form 7, или создаем новую форму, чтобы разместить там нашу разметку.
Создаем саму форму состоящую из 2 полей, например имя и телефон:
<div class="wpcf7-form-control-wrap text-675"><label> <b>Как вас зовут?</b> [text* your-name ] </label></div> <div class="wpcf7-form-control-wrap text-676"><label> <b>Ваш телефон, или Email (обязательно)</b> [text* your-email] </label></div> <div class="wpcf7-form-control-wrap"><input type="submit" class="wpcf7-form-control wpcf7-submit formbutton" value="Отправить"><img class="ajax-loader" src="https://ваш сайт/wp-content/plugins/contact-form-7/images/ajax-loader.gif" alt="Отправка..." style="visibility: hidden;"></div><p></p>
Добавляем оформление к ../wp-content/plugins/contact-form-7/includes/css/styles.css
.wpcf7-form-control-wrap{ display: inline-block; }
Узнаем id нашей формы и вставляем ее в нужное место страницы через html код:
Обязательно уберите * перед contact-form-7 id=»23892″ и укажите id своей формы
<p style="text-align: center;"><strong>ПЕРЕЗВОНИМ ЗА 7 МИНУТ И ОТВЕТИМ НА ЛЮБЫЕ ВОПРОСЫ</strong></p>
<center>[*contact-form-7 id="23892" title="Без названия"]</center>
<p style="text-align: center;">Заполнение заявки вас ни к чему не обязывает, вы можете отказаться в любой момент</p>
На этом все, если возникли вопросы — пишите в комментарии, постараюсь помочь.