דף הבית » סקירת תוספים

תוספים: לעצב את מיילים של וורדפרס

29 במרץ 2013 | מאת רמי | 13 תגובות | תגיות: , ,

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

אימיילים מעוצבים בוורדפרס

אימיילים מעוצבים בוורדפרס

התוסף WP Better Emails מאפשר ליצור תבנית מעוצבת מתוך לוח הבקרה של וורדפרס, לראות אותה בעורך הויזואלי ובעורך קוד (HTML) ולהתאים גם את המיילים שנשלחים מהמערכת לשפה השיווקית של האתר/מותג.

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

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

עורך ויזואלי לעיצוב מראה המייל

עורך ויזואלי לעיצוב מראה המייל

עורך קוד לעיצוב מראה המייל

עורך קוד לעיצוב מראה המייל

חשוב לציין שהתוסף אינו משנה את התוכן של הודעות המייל אלא רק את העיצוב של המיילים. לכן יש להקפיד להשתמש בתגיות פנימיות כגון %content%, %blog_name% %time%' %date% ועוד שנועדו להציג פריטי מידע למיניהם. Wp Better Emails מגיע עם סט סגור של תגיות, אבל יוצריו יצרו פילטר יעודי בשם wpbe_tags המאפשר ליצור תגיות מותאמות אישית בהתאם לצרכים שלכם. יש קוד לדוגמא המסביר איך לעשות זאת.

תגיות תוכן פנימיות

תגיות תוכן פנימיות

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

דוגמא למייל מעוצב

דוגמא למייל מעוצב

התוסף WP Better Emails זמין להורדה בחינם מספריית התוספים של וורדפרס. והוא מגיע עם תרגום מובנה לעברית, שתורגם על ידי אבי בן אברהם.

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

מאת רמי

אחראי על אתר וורדפרס בעברית ועל תרגום ושחרור גרסאות וורדפרס בעברית. מפתח ליבה, בכל גרסה החל מגרסה 2.8, מפתח מוביל בגרסה 4.4 ובגרסה 4.6. מספק שירותי פיתוח אתרים, פיתוח תוספי וורדפרס לסטרטאפים ופיתוח כלים למפתחי וורדפרס - GenerateWP.com.

13 תגובות »

  • אבי אבקסיס כותב :

    היי רמי

    אחלה תוסף תודה.

    אשמח לעזרה קטנה ( אני תקוע בזה כבר כמה ימים )

    אני רוצה להוסיף את השורה הבאה – [news-announcement type="widget"] לתוך קוד הבא, אשמח לעזרה.

    <!-- colum3 START here -->
    <div class="colum no-margin">
       <h3><?php echo stripslashes(get_option('pheno_bottom_right_title')); ?></h3>
       <?php echo do_shortcode(stripslashes(get_option('pheno_bottom_right_content'))); ?>
    </div>
    <!-- colum3 END here -->
  • רמי כותב :

    אבי, להוספת קוד HTML אתה יכול ללחוץ על הכפתור "HTML" בעורך הויזואלי.

    להוספת קוד PHP עלייך להוסיף "תגית" חדשה. תלמד מהקוד הבא ותתאים אותו לצרכים שלך:

    function add_my_tags( $tags ) {
        $ads = array(
            '<a href="#">Sponsored link 1</a>',
            '<a href="#">Sponsored link 2</a>',
            '<a href="#">Sponsored link 3</a>'
        );
        $tags['sponsored_link'] = $ads[array_rand($ads, 1)];
        return $tags;
    }
    add_filter( 'wpbe_tags', 'add_my_tags' );

    הקוד מוסיף תגית %sponsored_link% שתציג בצורה רנדומלית את אחד משלושת הקישורים.

  • אבי אבקסיס כותב :

    אני לא בטוח שזה קשור לנושא שלי..

    הורדתי איזה תוסף ואני צריך להוסיף את השורה הבאה – [news-announcement type="widget"]

    לתוך קוד php שמצורף בתגובה הקודמת.. אשמח לעזרה בנושא – תוסיף לי אותו בבקשה

  • ראובן קרסיק כותב :

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

  • משה עובדיה כותב :

    ראובן
    תוסיף בתבנית העיצוב שאתה עורך, שים כיוון RTL בטבלה או משהוא דומה , זה עובד!

  • ראובן קרסיק כותב :

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

  • רמי כותב :

    ראובן,
    אני (ורבים אחרים) לא משתמשים ב-Jetpack, יתרה מכך יש הרבה חברות שמעוניינות למתג את המיילים היוצאים שלהם בהתאם להנחיות מחלקת השיווק. הכלי הזה מאפשר לך לעשות זאת.

  • ראובן קרסיק כותב :

    איך אני שולח "אימייל יוצא" באופן ידני?

  • רמי כותב :

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

    אם תשתמש בפונקציה mail() הסטנדרטית של PHP תקבל מייל רגיל. אבל אם תשתמש בפונקציה wp_mail() של וורדפרס, המייל יושפע מכל התוספים של המערכת. כלומר הוא יהיה מעוצב.

  • שדרת הכלה כותב :

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

  • רמי כותב :

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

  • משתמש אנונימי (לא מזוהה) כותב :

    התוסף לא מעודכן מזמן

  • רמי כותב :

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

    ללא קשר, היום התוסף מותקן במעל 20 אלף אתרים. אומנם הוא לא עודכן עבר 10 חודשים אבל הוא עדיין עובד באתרים שלי.

הוסף תגובה !

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

תגיות HTML מורשות לשימוש:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>