יצירת רשימת תפוצה בוורדפרס עם התוסף Mailchimp for WordPress

שימוש בתוסף Mailchimp for WordPress ליצירת רשימת תפוצה באתרי וורדפרס.

מכיוון ואני משתמש ב Relevanssi (אתם מוזמנים לבצע חיפוש בבלוג על המילה), ברשותי האופציה לראות בצורה נוחה אילו חיפושים בוצעו בסאבי בלוג. מסתבר שלא מעט אנשים מחפשים הביטוי ״רשימת תפוצה״ ו "Mailchimp".

אז החלטתי לכתוב מדריך המסביר כיצד לפתוח רשימת תפוצה ב Mailchimp וכיצד להוסיף טופס המאפשר לגולשים להרשם לרשימת התפוצה באתר הוורדפרס שלכם. לצורך המדריך וודאו כי ברשותכם חשבון ב Mailchimp כמו גם התוסף המצויין Mailchimp for WordPress בו אני עושה שימוש בבלוג זה.

יצירת רשימת תפוצה ב Mailchimp

בין אם אתם מתחילים מאפס, או שאתם מתכוונים לייבא רשימה קיימת כלשהי ל Mailchimp, עליכם  ליצור רשימת תפוצה חדשה (List). רשימה זו היא המקום בו תשמרו ותנהלו את כל המידע על הנרשמים.

נציין כי באופן כללי Mailchimp נועדה לעבוד עם רשימה אחת בלבד כך שאין צורך ליצור יותר מאחת. ארגון אותה רשימה אמור להתנהל באמצעות תגיות אך זה מעבר לסקופ המדריך.

פתיחת רשימה חדשה (Create New List)

הדרך ליצור רשימה תפוצה היא מאד פשוטה. על מנת ליצור רשימה חדשה ב Mailchimp, עקבו אחר ההוראות הבאות:

  • גשו לעמוד Lists ב Mailchimp ולחצו על Create List.
  • הוסיפו את ההגדרות הרלוונטית בטופס שיופיע לפניכם.
  • סמנו תחת Form Settings את האפשרות Enable double opt-in אם אתם מעוניינים שהנרשמים יאלצו לאשר את ההרשמה על ידי קישור שיגיע אליהם במייל.
  • לחצו על שמירה ובשלב זה נוצרה עבורכם רשימת תפוצה חדשה.
  • על מנת לבצע אינטגרציה עם רשימת התפוצה שיצרתם והתוסף MC4W, גשו שוב ל Lists ולחצו על רשימת התפוצה שזה עתה יצרתם.
  • כעת עלינו ליצור מפתח API על מנת לספק את ההרשרות הנחוצות לתוסף MC4WP (עליו נדבר בחלק הבא). גשו לקישור הבא ולחצו על Create A Key.
  • תחת Your API Keys תמצאו את המפתח החדש שנוצר. העתיקו אותו ורשמו בצד לשימוש מאוחר יותר.

התוסף Mailchimp for WordPress

התוסף Mailchimp for WordPress (או בקצרה MC4WP) מחבר את אתר הוורדפרס שלכם עם החשבון ב Mailchimp. הוא מספק אופציות הרשמה מגוונות לאתר שלכם המאפשרות למבקרים באתר להוסיף עצמם לרשימת התפוצה.

באפשרותכם ליצור באמצעותו טפסי הרשמה ריספונסיבים וידידותיים למשתמש כאשר לכם שליטה מלאה על עיצוב הטפסים באמצעותו. את אותם טפסים ניתן כמובן להטמיע בקלות בפוסטים ובעמודים שלכם באמצעות שורטקודים, להטמיע אותם כווידג׳ט בסרגל הצידי או בעצם בכל מקום שתבחרו.

MC4W אף מספק אינטגרציה עם מגוון תוספים פופולרים כמו Contact Form 7, ווקומרס וכדומה. למשל ניתן להוסיף אפשרות להרשמה לרשימת התפוצה עבור אנשים המגיבים בתגובות או כאלו שבדיוק מסיימים רכישה של מוצר בחנות הדיגיטלית שלכם. זוהי דרך בטוחה להשיג עוד נרשמים לרשימת התפוצה באתר הוורדפרס שלכם.

לתוסף גם הרחבות מעניינות ובהן לא ניגע בפוסט זה, אך בואו נראה כיצד להוסיף טופס הרשמה המוסיף אוטומטית כל נרשם לרשימת התפוצה שהרגע יצרנו ב Mailchimp.

התקנת התוסף Mailchimp for Wordpres

גשו לתוספים בממשק הניהול של וורדפרס ובצעו חיפוש ל Mailchimp for WordPress. התקינו את התוסף והפעילו אותו.

התקנת התוסף Mailchimp for Wordpres

כפי שאתם רואים התוסף עם מעל למיליון התקנות אקטיביות ובעל דירוג של 5 כוכבים. תוסף ממש מצויין.

לאחר ההתקנה גשו בממשק הניהול של וורדפרס ללשונית החדשה שתופיע בשם ל Mailchimp for WP  ולחצו על Mailchimp. הוסיפו את מפתח ה API ששרשמתם קודם לכן ולחצו על שמירה.

הוספת API Key - Mailchimp for WordPress

שימו לב כי תחת Status מופיע סימן ירוק המציין שאתם מחוברים כראוי לחשבון ב Mailchimp. אם זה המצב, גשו מטה באותו עמוד ולחצו על Renew MailChimp Lists בכדי לראות את כל רשימות התפוצה שלכם שהתוסף מזהה ובכדי לוודא כי רשימת התפוצה שיצרתם ב Mailchimp מופיעה.

כעת ניצור טופס חדש אותו באמצעות התוסף (הנה אגב טופס חי המשתמש בתוסף זה).

הצטרפו לרשימת התפוצה!

יצירת טופס חדש ב Mailchimp for WordPress

גשו בממשק הניהול ל Mailchimp for WP > Forms וצרו טופס חדש. שימו לב כי אתם מסמנים את רשימת התפוצה אליה אתם רוצים שהטופס יוסיף את פרטי הנרשם.

כל שעליכם לעשות הוא להעתיק במסך זה את השורטקוד (בתחתית המסך) ולהדביקו היכן שתרצו בפוסטים ובעמודים שלכם והוא יעבוד כראוי:

[mc4wp_form id="123"]

אם אתם מעוניינים להוסיפו בקבצי התבנית שלכם, ניתן לעשות זאת באותה קלות ובדיוק כפי שמוסיפים כל שורטקוד בתבניות וורדפרס:

<?php echo do_shortcode('[mc4wp_form]'); ?>

באפשרותכם בשלב זה גם להוסיף את הטופס בקלות באמצעות ווידג׳ט חדש שיופיע לכם במסך הווידג׳טים לאחר התקנת התוסף. אך בואו נראה מספר מהגדרות הטופס אותן תוכלו לשנות…

הגדרות טופס – Mailchimp for WP

כך נראה המסך עם טופס ברירת המחדל לאחר יצירת טופס ב MC4WP:

הגדרות הטופס Mailchimp for WordPress

ישנן מספר לשונית למעלה כפי שאתם רואים בתמונה, הנה הסבר קצר על כל אחד מאלו:

1. שדות – Fields

בלשונית זו תוכלו להוסיף שדות חדשים לטופס, למשל רשימות למינהן, אישור תנאים, Radio Boxes וכדומה. לחיצה על כל אחד מהאפשרויות תחת Form Fields תפתח חלון עם הגדרות עבור אותו אלמנט שתרצו להוסיף לטופס.

בצידו הימני של המסך ישנן שתי אפשרויות נוספות. האחת Form Variables והשנייה Add More Fields.

Form Variables מאפשרים לכם להוסיף משתנים מסויימים לטופס, ולהודעות השגיאה / ההצלחה לאחר מילוי הטופס. לדוגמה, אפשרות להציג את מספר הרשומים לרשימת התפוצה מתבצע בצורה הבאה:

<p>
    Join {subscriber_count} others, stay updated by subscribing to our newsletter.
</p>
.... (rest of sign-up form)

לא נרחיב מעבר לכך אך אתם מוזמנים לתת מבט בדוקומנטציה המצויינת של התוסף MC4WP.

האפשרות Form Fields לעומת זאת, מאפשרת להוסיף שדות חדשים שאינם קיימים באפשרויות הטופס במצבו הסטנדרטי, אך בכדי שיופיעו שדות אלו עליכם להוסיפם דרך Mailchimp עצמה. לאחר שהוספתם את השדות ב Mailchimp עליכם ללחוץ על Renew Mailchimp Lists בכדי לראות אלו.

2. הודעות – Messages

בלשונית זו באפשרותכם לשנות את טקסט ההודעה שיופיע בסיטואציות מסויימות בזמן מילוי הטופס. לדוגמה: ״תודה שנרשמתם״ או ״הסרתם עצמכם מרשימת התפוצה בהצלחה״.

3. הגדרות – Settings

בלשונית זו תמצאו את ההגדרות הראשיות של הטופס. תוכלו לקבוע האם הנרשמים חייבים לרשר את הרשמה או לא (Double Opt-in).

תוכלו לקבוע האם לבצע הפנייה לאחר הרשמה מוצלחת, ותוכלו לקבוע האם ההרשמה תתבצע ב Ajax כך שלא תתבצע טעינה מחדש של העמוד לאחר הרשמה (אפשרות הקיימת רק בגירסת ה Pro של התוסף).

הגדרות טופס ספציפי ב Mailchimp for WordPress

4. נראות – Appearance

בלשונית זו תמצאו את האופציה לקבוע את כיצד נראה הטופס. ניתן לקבוע כי העיצוב שלו ילקח מהתבנית שלכם או לבחור מעין תבניות עיצוב מוכנות מראש.

כמו כן, תוכלו ללחוץ על Open Style Builder ולשחר עם הצבעים, עם היישור של הטופס, עם הרוחב שלו, תמונת הרקע וכדומה.

5. אימיילים – Emails

בלשונית זו באפשרותכם לקבוע האם יישלח אימייל לכתובת מסויימת לאחר שמשתמש נרשם לרשימת התפוצה דרך הטופס שיצרתם.

אז לסיכום חלק זה, בצעו את ההגדרות הנחוצות ובואו נמשיך לחלק הבא בו ניצור פופאפ צף שיכיל את הטופס החדש שיצרנו. טופס

אינטגרציות התוסף Mailchimp for WordPress

כפי שציינו, התוסף מאפשר אינטגרציות עם מגוון רחב של תוספים. הפופולאריים בינהם הינם Contact Form 7, ווקומרס, Gravity Forms וכדומה אך ישנם אף אינטגרציות נוספות.

אם תגשו בממשק הניהול ל Mailchimp for WP > Integrations תראו את כל רשימת האינטגרציות האפשריות ואת האופציה להפעיל כל אחת מאלו.

אם תתנו מבט באלמנט של הוספת התגובות בבלוג זה, תראו מתחתיו את האפשרות להרשם אוטומטית לרשימת התפוצה עם האימייל של המגיב ושמו של המגיב. אפשרות זאת מתבצעת באמצעות ה Comment Form Integration של התוסף MC4WP.

אך בואו נסתכל על אפשרות האינטגרציה עם Contact Form 7. לחיצה על אפשרות זו תוביל אתכם למסך (תמונה בדוגמה מטה) בו תוכלו לקבוע מספר הגדרות של אותה אינטגרציה, ויוצג לפניכם שורטקוד אותו עליכם להוסיף בעריכת הטופס של CF7 כל מנת לשלב את MC4WP בטופס של CF7.

אינטגרציה עם CF7

מעבר לכך, אם ברשותכם חנות ווקומרס אז בנייה רשימת אימיילים של הלקוחות שלכם הוא בהחלט משהו שתרצו לעשות. אם תספקו ללקוחות אפשרות להרשם לרשימת התפוצה ב Mailchimp בתהליך התשלום (Checkout), הסיכויים שאלו יצטרפו לרשימת התפוצה גבוהים הרבה יותר.

לחיצה על האינטגרציה WooCommerce Checkout תקח אתכם למסך ההגדרות הבא בו תוכלו להפעיל את האינטגרציה ולהגדיר את הרשימה אליה הלקוחות יתווספו:

אינטגרציה עם ווקומרס

אם אתם משתמשים באתר וורדפרס רב לשוני באמצעות WPML, דעו כי לתוסף קיימת הרחבה המאפשרת לכם לקבוע רשימה נפרדת עבור כל שפה, כמו גם אימיילים מתורגמים בהתאם לשפה בה המבקר נרשם.

Javascript Events

התוסף MC4WP מפעיל מספר אירועים (Events) כאשר המשתמש מבצע אינטראקיציה עם הטופס. באפשרותכם להשתמש באירועים אלו על מנת להריץ קוד משלכם.

למשל, בכדי לעקוב אחר הרשמות מוצלחות ב Google Analytics. קיימים עבורכם שמות ה Events הבאים:

startedfired once user starts filling in a form
submittedfired once user submits form
errorfired if form is submitted with errors
successfired if form is submitted successfully
subscribedfired if form is used to subscribe
unsubscribedfired if form is used to unsubscribe
updated_subscriberfired if form was used to update an existing subscriber

תנו מבט בפוסט הבא אם אתם מעוניינים לדעת כיצד להטמיע את גוגל אנליטיקס בווררדפרס.

בואו נראה כיצד להשתמש באותם Events. הקוד הבא יבצע ״הוק״ ל Success Event. הדוגמה הזו פשוט תרשום משהו ל Console של הדפדפן, אך כמובן שניתן להוסיף כל קוד שתרצו:

<script>
mc4wp.forms.on('success', function(form, data) {
   // your code goes here
   console.log("Form successfully submitted. Name: " + form.name + "ID: " + form.id);
});
</script>

הקוד מעלה יפעל על כל טופס של התוסף באתר שלכם כאשר התבצעה הרשמה מוצלחת. אם אתם מעוניינים לטרגט טופס ספציפי, עליכם להוסיף את מזהה הטופס כ Prefix לשם ה Event. הנה דוגמה:

<script>
mc4wp.forms.on('15.success', function(form, data) {
   // your code goes here
   console.log("Form with ID 15 successfully submitted.");
});
</script>

אם ניתן דוגמה מהחיים האמיתיים, אם אנו רוצים לשלוח Event לגוגל אנליטיקס בהרשמה מוצלחת נוכל להשתמש בקוד הבא:

<script type="text/javascript">
mc4wp.forms.on('subscribed', function(form) {
	// analytics.js
	ga && ga('send', 'event', 'Forms', 'Sign-up', 'Name: ' + form.name + ' ID: ' + form.id);
});
</script>

תנו מבט בקישור הבא לדוגמאות נוספות ועוד מידע על שליחת Events באמצעות התוסף לאנליטיקס.

מה לגבי ספאם ודואר זבל?

כפי שאתם יודעים, ספאם או ״דואר זבל״ הם בעיה שבעלי אתרים בכלל ובעלי אתרי וורדפרס בפרט נאלצים להתמודד איתה. האמת היא שבמידה ויש לכם טפסים באתר האוספים אינפורמציה מהגולשים, כנראה ותקבלו לא מעט פעמים דואר זבל (ספאם) במקרה הטוב, והמון דואר זבל במקרה הפחות טוב.

הסיטואציה אינה שונה בהקשר של התוסף Mailchimp for WordPress. שלא כמו תגובות או טפסים של Contact Form 7 עבורם ניתן להשתמש בתוסף Anti-Spam בשם אקיזמט (המצויין!), עבור תוסף ספציפי זה ההמלצה היא להשתמש בתוסף בשם WPBruiser לו אינטגרציה עם MC4WP.

כך שאם אתם סובלים מספאם באותם טפסי הרשמה לרשימת התפוצה של Mailchimp,  התקינו את התוסף, גשו להגדרותיו תחת WPBruiser > Others וסמנו את האפשרות MailChimp for WordPress על מנת למנוע ספאם בטפסים אלו. 

איך למנוע ספאם בטפסי הרשמה ל Mailchimp

לתוסף WPBruiser המון אפשרויות אבטחה נוספות אך הסבר אליה מעבר לסקופ מדריך זה. אתם מוזמנים לבדוק בעצמכם את האפשרויות שהוא מציע.

לסיכום

התוסף Mailchimp for WordPress הוא בהחלט התוסף החזק והטוב ביותר לניהול טפסים המתממשקים ל MailChimp באתרי וורדפרס והוא מציע אפשרויות רבות ומגוונות.

אם תרשמו לרשימת התפוצה באחד מטפסי בלוג זה, תראו תהליך נחמד המבקש מכם לאחר ההרשמה לעשות לייק לעמוד הפייסבוק. זה אפשרי בזכות אותם Javascript Events שהתוסף מאפשר.

אם ישנם שאלות או תגובות הרגישו חופשי לשתף אותנו כרגיל… מאחל לכולכם המון נרשמים! 🙂

רועי יוסף
רועי יוסף

מפתח וורדפרס, מאמין ביצירת הזדמנויות לעסקים קטנים, סטארטאפים נועזים ואנשים עצמאים לשנות את העולם. אוהב טיפוגרפיה, צבעים וכל מה שבינהם ומכוון לספק אתרי וורדפרס עם ביצועים גבוהים, תמיכה בכל הדפדפנים, בעלי קוד ולידי, סמנטי ונקי.

8תגובות...
  • אלחנן לבבי 29 בדצמבר 2018, 22:20

    אני אוהב יותר את Contact Form 7 MailChimp Extension של Renzo Johnson. הוא קליל יותר, לא מוסיף כלום לתפריט. פשוט מתלבש באלגנטיות על טופס CF7.
    התוסף שאתה הצעת עדיף אם לא מתקינים CF7, כי אפשר ליצור בו גם את הטופס עצמו.

    • רועי יוסף 17 בפברואר 2019, 16:30

      תודה אלחנן על המעורבות בבלוג 🙂 איני מכיר את ה Extension הזה אבל על הכיפאק ששיתפת!

  • רחל ארליך 26 ביולי 2019, 13:35

    אני רק שאלה: יש לי מיילצ'ימפ, הוא מחובר לוורדפרס ורשימת התפוצה גדלה לאיטה. רוצה להשתדרג עם pop-up. בניתי טופס pop-up במיילצ'ימפ – עכשיו אני תקועה: איך אני מטמיעה את הטופס בוורדפרס?

    תודה (:

    • רועי יוסף 26 ביולי 2019, 13:45

      היי רחל,

      השתמשי בקוד הבא. הוסיפי קוד זה (החל משורה 3) לקובץ functions.php בתבנית הבת שלך והחליפי את שני הסקריפטים (שורות 5 – 16) המופיעים הקוד זה בקוד שקיבלת ממיילצ׳ימפ:

      <?php
      /******* BEGIN HERE *******/
      function sv_mailchimp_popup() { ?>
      
          <script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/unique-methods/embed.js"
                  data-dojo-config="usePlainJson: true, isDebug: false"></script>
      
          <script type="text/javascript">window.dojoRequire(["mojo/signup-forms/Loader"], function (L) {
                  L.start({
                      "baseUrl": "mc.us7.list-manage.com",
                      "uuid": "a4cfc845e59e5558caa95125d",
                      "lid": "62ff1bbf4c",
                      "uniqueMethods": true
                  })
              })
          </script>
      
          <?php
      }
      add_action('wp_footer', 'sv_mailchimp_popup');

      את יכולה לערוך קובץ זה גם דרך ממשק הניהול של וורדפרס תחת עיצוב > עריכת תבנית, אך קחי בחשבון שבמידה ועשית משהו שגוי האתר ייפול. אני מציע לך להעזר באיש מקצוע אם אינך סגורה על איך לעשות זאת.

      • רחל ארליך 26 ביולי 2019, 15:02

        הי רועי,
        תודה רבה על התגובה המהירה! זה יקרה מן הסתם בתחילת השבוע… אעדכן (:
        שבת שלום!
        רחל

  • אריאל דניאלס 30 ביולי 2019, 22:21

    הי רועי,

    יש לי THEME של Twenty Seventeen והתקנתי את הפלאגאין שך mailchimp, אבל לא מצאתי דרך לשלוט בגודל ובסוג הפונטים והוא נראה ממש לא טוב. או שהפונטים קטנים מדי או שהם מיושנים.

    בנוסף, שדה הקלט לאימייל נשאר באנגלית באותיות ענקיות (למרות שניסיתי לשנות בממשק) ואני לא מצליח לשנות אותו לעברית.

    אודה מאוד על סיוע..

    • רועי יוסף 30 ביולי 2019, 23:21

      היי אריאל,

      באופן כללי את העיצוב ניתן לשנות באמצעות CSS, אך לצערי אין באפשרותי להסביר לך כיצד לעשות זאת.

      ישנה אופציה לתוסף הנקראית Style Builder תחת הלשונית Appearance שניתן דרכה לעצב את הטופס באמצעות ממשק יחסית נוח, ניסית אפשרות זו?

  • אריאל 1 באוגוסט 2019, 10:09

    אנסה, תודה רבה

השאירו תגובה

פעימות
Up!