Cum se adaugă formularul de contact (pagina Contactați-ne) în Blogger?
Publicat: 2020-11-10Adăugarea unui formular de contactare în Blogger este o sarcină plictisitoare, deoarece nu acceptă pluginuri precum WordPress.
Ceea ce fac majoritatea bloggerilor Blogspot este să caute ajutorul site-urilor terțe (foxyform, jotform, 123contactform etc.).
Pagina formularului de contact Blogger Dar astăzi veți afla cum să adăugați pagina oficială de contactare în Blogger.
Așa cum am spus mai devreme, este posibil să se introducă coduri ale unor terți care să fie inserate în pagini noi, cum ar fi o plimbare în parc. Cu toate acestea, formularul oficial de contact este mult mai bun decât acestea.
Avantajele Formularului oficial Blogger
- Veți primi mesajul imediat ce unul îl trimite. Și livrabilitatea este de asemenea 100%.
- Interfața simplă facilitează contactarea vizitatorilor.
- Dacă cunoașteți limba Cascade Style Sheet (CSS), vă va fi ușor să personalizați formularul după cum doriți.
- Întreaga pagină nu va fi reîncărcată pentru trimiterea mesajului.
Am împărțit acest tutorial în trei secțiuni, adăugând gadgetul de contact, ascunzându-l și implementând codul oficial într-o pagină nouă.
Partea 1: Adăugarea gadgetului de contact
Urmați pașii de mai jos pentru a adăuga un gadget de contactare pe blogul dvs.
Pasul 1 : Vizitați blogger.com și conectați-vă la contul dvs. Dacă rulați mai multe bloguri, trebuie să alegeți din listă blogul dorit.
Pasul 2 : Faceți clic pe Aspect din bara laterală din stânga pentru a obține o opțiune de adăugare a gadgeturilor.

- Salvați
Pasul 3 : puteți vedea un link Adăugați un obiect gadget pe panoul principal din partea dreaptă. Dacă faceți clic pe acesta, veți ajunge la o listă de gadgeturi.

- Salvați
Pasul 4 : apoi alegeți Mai multe gadgeturi din partea stângă. Acum, veți vedea Formular de contact . Doar adăugați același lucru.

- Salvați
Partea 2: Ascunderea obiectului gadget
Acum, veți afla cum să ascundeți gadgetul de contact.
Pasul 1 : Trebuie să ne jucăm cu secțiunea șablon aici. Deci, faceți clic pe Șabloane din meniul din stânga.

- Salvați
Pasul 2 : Apoi, faceți clic pe Editați HTML și vi se va furniza întregul cod al blogului dvs. într-un câmp mare.

- Salvați

Pasul 3 : Căutați ]]> </ b: skin> și plasați următorul cod chiar înaintea acestuia.
display: none! important;
}

- Salvați
Apoi, faceți clic pe Salvare pentru a păstra modificările.
După al treilea pas, nu veți vedea widgetul Contact pe blogul dvs.
Partea 3: Adăugarea unui formular de contact într-o pagină
Aici veți primi codul personalizat al formularului de contact oficial pentru blogger pentru a fi adăugat pentru a fi afișat pe o pagină separată.
Pasul 1 : Accesați Pagini și faceți clic pe Pagină nouă.

- Salvați
Pasul 2 : lipiți următorul cod în editorul de postare HTML după ce ați eliminat tot ce conține.

- Salvați
<div class = ”contact-form-widget”>
<p> Contactați-ne completând formularul de mai jos. </p>
<div class = ”form”>
<form name = ”contact-form”>
<p> </p>
Nume
<br>
<input type = ”text” value = ”” size = ”30 ″ name =” name ”id =” ContactForm1_contact-form-name ”class =” contact-form-name ”>
<p> </p>
<span style = ”font-weight: bolder;”> * </span>
<br>
<input type = ”text” value = ”” size = ”30 ″ name =” email ”id =” ContactForm1_contact-form-email ”class =” contact-form-email ”>
<p> </p>
Mesaj
<span style = ”font-weight: bolder;”> * </span>
<br>
<textarea rows = ”5 ″ name =” email-message ”id =” ContactForm1_contact-form-email-message ”cols =” 25 ″ class = ”contact-form-email-message”> </textarea>
<p> </p>
<input type = ”button” value = ”Send” id = ”ContactForm1_contact-form-submit” class = ”contact-form-button contact-form-button-submit”>
<p> </p>
<div style = ”text-align: center; lățime maximă: 222 px; lățime: 100% ”>
<p id = ”ContactForm1_contact-form-error-message” class = ”contact-form-error-message”> </p>
<p id = ”ContactForm1_contact-form-success-message” class = ”contact-form-success-message”> </p>
</div>
</form>
</div>
</div>
<div class = ”clear”> </div>
<span class = ”widget-item-control”>
<span class = ”item-control blog-admin”>
<a title = ”Edit” target = ”configContactForm1 ″ onclick =” return _WidgetManager._PopupConfig (document.getElementById („ContactForm1 ″));” href = ”// www.blogger.com/rearrange?blogID=8799058979810298021&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget§ionId=sidebar-right-1 ″ class =” quickedit ”>
<img width = ”18 ″ height =” 18 ″ src = ”// img1.blogblog.com/img/icon18_wrench_allbkg.png” alt = ””>
</a>
</span>
</span>
<div class = ”clear”> </div>
</div>
Pasul 3: Adăugați un titlu (cum ar fi Contactați-ne) și apoi modificați setările oferite chiar așa cum sunt prezentate mai jos.

- Salvați
Pasul 4: În cele din urmă, faceți clic pe butonul Publicați. Asta e tot.
Mesajele trimise din acest formular de contact vor fi livrate în e-mailul de administrator. Dacă blogul are mai mulți administratori, toți vor primi.
➜ Alte tutoriale utile Blogspot:
- Cum se adaugă fișierul Robots.txt personalizat în Blogger?
- Cum să trimiteți Sitemap-ul Blogger în Consola de căutare Google?
Încheierea
Sper că acum știți cum să adăugați pagina de contactare în blogger. Dacă întâmpinați dificultăți cum ar fi livrabilitatea zero chiar și după mesajul de succes, vă recomand să reinstalați widgetul Contact.
Și da, dacă aveți cunoștințe ample în tratarea fragmentelor CSS și javascript, puteți continua personalizarea paginii pentru un apel vizual mai bun.
Nu uitați să distribuiți această postare prietenilor bloggeri.