Jak korzystać z formularza kontaktowego Wordpress 7 w moim własnym kodzie HTML?

Question

Chcę użyć formularza kontaktowego Wordpress 7 na mojej stronie, ale mam już dla niego układ HTML/CSS. Tak więc chcę zmodyfikować wtyczkę, aby użyć jej z tym niestandardowym kodem HTML.

<form id="contact_form" action="" method="post">        
    <div> 
     <label for="contact_name">Nombre</label> 
     <input id="contact_name" type="text" required aria-required="true" placeholder="Nombre"> 
    </div> 
    <div> 
     <label for="contact_email">Email</label> 
     <input id="contact_email" type="mail" name="email" required aria-required="true" placeholder="su@email.com"> 
    </div> 
    <div id="area_message"> 
     <label for="contact_message">Mensaje</label> 
     <textarea id="contact_message" type="mail" required aria-required="true" placeholder="Mensaje"></textarea> 
     <input id="contact_btn" type="submit" value="enviar"> 
    </div> 
</form> 

Moje pytanie brzmi: czy muszę zmodyfikować ten kod z jakimś kodem Formularz Kontaktowy 7 lub należy podać to w administracji wtyczki?

Answer 1

Nie trzeba niczego modyfikować. Formularz kontaktowy 7 obsługuje to po wyjęciu z pudełka. Czy próbowałeś już go użyć lub spojrzałeś na dokumentację? Jeśli tak, co jest dla Ciebie lub nie działa?

Aktualizacja oparta na komentarzach poniżej

Formularza Kontaktowego 7 daje shortcode dla każdego pola wygenerowanym. Możesz zawinąć shortcode w HTML w sekcji "Form". Korzystając z przykładu podanego w swoim pytaniu, że będzie wyglądać następująco:

<div> 
<label for="contact_name">Nombre</label> 
[text* your-name 20/40 class:required "John Smith"] 
</div> 

Nie trzeba zawijać to w ciągu <form> tagów - Formularz kontaktowy 7 robi to już (i przypisuje identyfikator).

W edytorze tekstu WordPress użyj skrótu formularza dostępnego u góry interfejsu formularza kontaktowego 7, aby wyświetlić ostateczne wyniki. Jeśli wolisz, aby umieścić to w szablonie PHP, użyj tego:

<?php echo do_shortcode("SHORTCODE GOES HERE"); ?> 

Formularz kontaktowy 7 posiada również sekcję dla poczty, gdzie byś określenia, kto powinien udać się do poczty i pochodzę. Niektórzy dostawcy hostingu (na przykład Dream Host) wymagają, aby wiadomość od FROM była tą samą domeną, co sama witryna (formularz na stronie http://example.com musiałby wysyłać wiadomości e-mail z adresu hello@example.com lub podobnego adresu). Aby upewnić się, że można jeszcze odpowiedzieć na właściwy adres, należy dodać nagłówek replyto tak:

Reply-To: [email] 

zmienić tylko [email] dopasować cokolwiek wyprowadzane shortcode dla danej dziedzinie poczty było.

Ale poważnie, to rzeczy jest wszystko w dokumentacji Formularza Kontaktowego 7: http://contactform7.com/docs/