Cum se adaugă formularul de contact (pagina Contactați-ne) în Blogger?

Publicat: 2020-11-10

Adă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

  1. Veți primi mesajul imediat ce unul îl trimite. Și livrabilitatea este de asemenea 100%.
  2. Interfața simplă facilitează contactarea vizitatorilor.
  3. Dacă cunoașteți limba Cascade Style Sheet (CSS), vă va fi ușor să personalizați formularul după cum doriți.
  4. Î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.

opțiune-aspect blogger
  • 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.

blogger-add-a-gadget
  • 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.

Formular de contact-Gadget-Blogger
  • 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.

Setări pentru șabloane Blogger
  • 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.

Blogger-Template-Edit-HTML
  • Salvați

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

div # ContactForm1 {
display: none! important;
}

Formular de contact-Cod-Blogger
  • 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ă.

Nou-Pagină-în-Blogger
  • Salvați

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

Blogger-Contact-Us-Code-pagină
  • Salvați

<div id = ”custom_ContactForm1 ″ class =” widget ContactForm ”>
<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>
E-mail
<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&sectionId=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.

Contactați-ne-pagina-Blogger
  • 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.