Cum să configurezi shortcode-ul Mailchimp în site-ul tău?

S

hortcode-ul pentru formularul de corespondență Mailchimp îți permite să afișezi un formular de abonament pentru a primi e-mail-ul utilizatorului pe care poți să-l transferi în lista ta de Mailchimp cu un singur click.

În acest articol, voi explica cum să afișezi shortcode-ul pentru formularul de abonare Mailchimp și cum să-i configurezi stilizarea.

Afișarea shortcode-ului pentru formularul de abonare Mailchimp

Pentru a adăuga shortcode-ul pentru formularul de abonare Mailchimp la o pagină sau o postare, urmărește pașii de mai jos:

  1. Adaugă sau editează o pagină existentă
  2. În secțiunea Visual Composer, click pe butonul +
  3. În ecranul pop-up Add Element, caută Mailchimp Subscribe Form și dă click pe acesta pentru a fi adăugat în pagină
  4. Când shortcode-ul a fost adăugat în pagină sau postare, se va deschide un nou ecran pop-up numit Mailchimp Subscription Form. Configurează setările conform cerințelor. Setările suplimentare sunt explicate în secțiunile următoare.
Setare Descriere
List Id Poți accesa lista ta Mailchimp din Settings > List name > List ID și apoi copiază ID-ul în câmpul acesta. Citește mai multe aici.

Dă click pe Save Changes și publică sau actualizează pagina pentru a vedea rezultatul.

Notă: Mai întâi, adaugă cheia ta API pentru Mailchimp în Theme options > Global Settings > API Integrations > Mailchimp API Key.

Pentru a găsi sau a crea un API key pentru Mailchimp citește mai multe aici.

Configurarea setărilor pentru formularul de abonare Mailchimp

Există mai multe setări în fereastra pop-up pentru configurarea formularului de abonare Mailchimp, care îți permite să configurezi stilul formularului de abonare Mailchimp.

Setări generale

Notă: Pentru a deschide din nou ferestrele de tip pop-up treci cu mouse-ul peste shortcode și dă click pe creion.
Setare Descriere
Placeholder text Textul care trebuie afișat înăuntrul campului editabil al formularului.
 Button text  Textul butonului de trimitere al formularului
 Send Opt-In Mails  Trimite un mesaj “Dă click pentru a te abona” dacă opțiunea YES este activată

Setări layout

Setare Descriere
Corner radius Această opțiune va ajusta raza de colț a marginilor câmpului de email și a butonului (min: 0px – max: 100px).
Space Between Button and Input  Ajustează spațiul dintre buton si câmpul de email (min: 0px – max: 20px).
Size Există două opțiuni, Mare și Mediu pentru a controla dimensiunile câmpului și butonului.

Setări de stilizare și culori

Setare Descriere
Button Background color Controlează culoarea de fundal a butonului
Button text color Controlează culoarea textului din buton.
Button border style Există patru opțiuni: Solid, Dotted, Dashed și None
 Button border width  Controlează grosimea chenarului din buton.
 Button border color  Controleză culoarea chenarului din buton.
 Text input background color  Controlează culoarea fundalului din câmpul de e-mail.
 Placeholder color  Controlează culoarea textului din câmpul de e-mail.
 Text input border style  Există patru opțiuni: Solid, Dotted, Dashed și None
 Text input border width  Controlează grosimea chenarului din câmpul de e-mail.
 Text input boder color  Controlează culoarea chenarului din câmpul de e-mail.

Setări de hover

Setare Descriere
Button background color Controlează culoarea de fundal a butonului în starea Hover
Button text color Controlează culoarea textului de buton în starea de Hover
Button border color Controlează culoarea chenarului de buton în poziția Hover

Setări de focus

Setare Descriere
Text input background color Controlează culoarea de fundal a intrării de text în starea de Focalizare.
Placeholder Color Controlează culoarea textului din câmpul de e-mail in starea de Focalizare.

Adăugarea unei animații

Pentru a face ca shortcode-ul formularului de abonare Mailchimp să fie vizibil cu o animație exista o setare in pop-up-ul de configurare a formularului numit Viewport Animation. Alege una din animațiile care îți face cu ochiul. 😉

Leave a Comment