▶ Jak wstawić formularz kontaktowy do podstrony?

Przychodzę do Was z kolejnym poradnikiem! Tak, dziś poruszę temat formularza kontaktowego. Jak, chyba, każdy wie, jest to pospolity widget, który można dodać wszędzie. Dokładnie "wszędzie", nie tylko do bocznych stron bloga!

A więc sprawa jest dość oczywista. Nic skomplikowanego można by powiedzieć. Wystarczy lekka orientacja. 

Kopiujemy ten kod:

<form name="contact-form">

<div>

<div style="text-align: center;">

<div style="text-align: center;">

<span style="font-size: large;">Nazwa</span></div>

</div>

</div>

<div style="text-align: center;">

<div style="text-align: center;">

<div style="text-align: center;">

<span style="font-size: large;"><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

</span>

<span style="font-size: large;"><br /></span></div>

</div>

</div>

<div>

<div style="text-align: center;">

<div style="text-align: center;">

<span style="font-size: large;">Email</span></div>

</div>

</div>

<div style="text-align: center;">

<div style="text-align: center;">

<div style="text-align: center;">

<span style="font-size: large;"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

</span>

<span style="font-size: large;"><br /></span></div>

</div>

</div>

<div>

<div style="text-align: center;">

<div style="text-align: center;">

<span style="font-size: large;">Wiadomość</span></div>

</div>

</div>

<div style="text-align: center;">

<div style="text-align: center;">

<div style="text-align: center;">

<span style="font-size: large;"><textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>

</span></div>

</div>

<div style="text-align: center;">

<span style="font-size: large;"><br /></span></div>

</div>

<div style="text-align: justify;">

<div style="text-align: center;">

<span style="font-size: large;"><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />

</span></div>

</div>

<div style="text-align: center;">

<br /></div>

<div style="max-width: 450px; text-align: center; width: 100%;">

<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">

</div>

<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">

</div>

</div>

</form>

Tworzymy stronę, na której ma być umieszczony gadżet.

Klikamy w opcję "HTML"

Opcja znajduje się w górnym lewym rogu. Tuż obok opcji formatowania tekstu

Wklejamy kod.

Aby, spersonalizować widget, nie musimy mieszać w kodzie. Wystarczy, że wejdziemy ponownie w opcję pisania posta. Następnie zaznaczamy formularz i bawimy się przyciskami górnymi.