Personalizarea E-mailurilor de Formulare în Elementor

Personalizarea E-mailurilor de Formulare

Personalizarea E-mailurilor de Formulare în Elementor. Când creați formulare în Elementor, acesta utilizează coduri scurte în câmpuri pentru a genera e-mailul de ieșire pe care îl trimite dvs. sau clientului dumneavoastră. În mod implicit, e-mailul generat va folosi codul scurt [all-fields]. În timp ce aceasta captează toate datele de câmp, e-mailul care este trimis este foarte simplu și poate fi dificil de citit. Folosind codurile scurte de câmp individuale și un pic de HTML, puteți genera trimiteri de formulare mult mai citite de om.

Creați-vă Formularul

Folosind widget-ul Formular Elementor, creați-vă formularul.

1. Introduceți o etichetă și un substituent pentru câmpul dvs.
2. Comutați opțiunea necesară (dacă este necesar).
3. Setați lățimea câmpului (dacă este necesar).
4. În fila Avansat, introduceți un nou ID folosind doar caractere și caractere de subliniere (fără spații).
5. În câmpul shortcode, copiați shortcode generat (exemplu: [field id=”first_name”]).
6. Lipiți aceste coduri scurte într-o aplicație, cum ar fi Notepad, Google Docs sau orice editor de text pentru a le utiliza în pașii următori.

Crearea Unui Șablon de E-mail HTML

Apoi, veți folosi aceste coduri scurte împreună cu niște coduri HTML de bază pentru a genera e-mailul pe care doriți să-l primiți. În exemplul de mai jos, generăm un nou e-mail de solicitare pentru planificarea unei nunți folosind kitul din biblioteca Elementor.

Partea HTML

Următorul este un exemplu de șablon de utilizat pentru acest formular. Va trebui să utilizați doar etichete HTML de bază pentru a începe această lecție, dar vă puteți baza pe aceste cunoștințe pentru a crea trimiteri foarte personalizate. Dacă nu aveți cunoștințe de HTML sau acces la vreo aplicație de editor, cum ar fi Dreamweaver, puteți utiliza widgetul Elementor Text Editor pentru a scrie șablonul de e-mail în modul vizual, apoi treceți la modul Text și copiați HTML.

Exemplu de HTML

<h1>You have a new wedding to plan.</h1>

<p>[field id=”first_name”] would like you to contact them about planning their wedding on [field id=”eventdate”] at [field id=”location”].</p>
<p>The couples vision and plans so far are as follows:<br>
[field id=”message”] </p>
<h2>Contact Information</h2>
<ul>
<li>First Name: [field id=”name”]</li>
<li>Last Name: [field id=”last_name”] </li>
<li>Email Address: [field id=”email”] </li>
<li>Phone Number: [field id=”phone”]</li>
</ul>
<p><strong>Good luck at the event!</strong></p>

Adăugarea Șablonului la Formular

Acum putem adăuga acest HTML în formularul nostru folosind opțiunile de e-mail din controale. Lipiți codul HTML în câmpul de mesaj, înlocuind implicit [all-fields]. Asigurați-vă că opțiunea de trimitere ca HTML este activată în partea de jos a comenzilor.

La Final

Acum puteți publica sau actualiza formularul. Trimiteți-vă un e-mail de test pentru a vedea cum apare e-mailul generat. Utilizați HTML suplimentar și CSS inline pentru a stila în continuare e-mailul după cum este necesar.

Documentație adițională

• Formular CSS Personalizat în Elementor
• De Ce Mi-a Schimbat Widgetul de Formular Elementor Numele Fișierului Încărcat?
• Formulare cu Mai Multe Etape în Elementor
• Cum se Creează un Formular de Contact cu Elementor