הוספת טופס Contact Forms 7 לאתר

חבר מביא חבר
ומקבל 10% החזר!

הפנו אלינו חבר שמעוניין בשירות שלנו
וקבלו 10% מהעסקה אליכם.

פשוט אמרו לחבר להגיד שאתם שלחתם אותו 😉

איך מוסיפים טופס Contact Form 7 לאתר של העסק

במאמר הזה אני אראה איך יוצרים טופס צור קשר באתרי וורדפרס (Wodrpress) בעזרת התוסף Contact Form 7 (cf7) – תוסף מתקדם לבניית טפסים.

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

מהו טופס Contact Form 7

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

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

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

סוגי טפסים

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

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

יצירת טופס Contact Form 7

אחרי שהתקנו את התוסף Contact Form 7, תופיע לנו בתפריט צד, לשונית חדשה בשם ״צור קשר״. לחיצה עליה תביא אותנו אל רשימת הטפסים שלנו.

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

תוסף cf7 (Contact Form 7)

ממשק עריכת טופס Contact Form 7

ממשק העריכה מאפשר לנו לערוך את כל ההגדרות של הטופס. ניתן לשנות דרכו את שם הטופס ולהעתיק את השורטקוד.
בנוסף, ממשק העריכה מכיל 4 לשוניות (Tabs) שמכילות את כל ההגדרות:

  1. טופס – דרכה עורכים את מבנה הטופס, אילו שדות יהיו בו, באיזה סדר, חובת מענה, ערכים דיפולטיביים ועוד.
  2. אימייל – דרכה עורכים את תבנית המייל שישלח כתוצאה ממילויי הטופס. ניתן לשלוח עד 2 מיילים שונים במסגרת התוסף.
  3. הודעות -דרכה עורכים את ההודעות שיתקבלו בהתאם למילוי הערכים בשדות של הטופס, שליחתו ושגיאות שיקרו כתוצאה מהתנהגות לא תקינה.
  4. הגדרות נוספות – מספר הגדרות מובנות שניתן לשנות את הערכים הדיפולטיביים שלהן.
התקנת תוספים של Contact Form 7 תוסיף עוד לשוניות. כן! זה נשמע מוזר בהתחלה, אבל יש תוספים לתוספים.
ממשק עריכת טופס

בניית טופס Contact Form 7

הגענו לחלק המעשי!
איך בעצם בונים את הטופס שלנו?

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

				
					<label> שם מלא
    [text* your-name] </label>

<label> אימייל
    [email* your-email] </label>

<label> נושא
    [text* your-subject] </label>

<label> הודעה
    [textarea your-message] </label>

[submit "שליחה"]
				
			

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

אז איך הטופס הזה יראה באתר?

טופס בסיסי

שינוי הטופס והוספת שדות

בואו נתחיל להוסיף ולשנות שדות כדי לראות אילו תוצאות ניתן להשיג…

אני אעשה מספר שינויים בטופס:

  1. אוסיף כותרת לטופס (שורה 1)
  2. אשנה את שדה הנושא לרשימה נפתחת ואתן ללקוח לבחור מבין מספר אפשרויות מוגבלות (שורה 10)
  3. אתן לו אפשרות להרשם לרשימת הדיוור שלי. כמובן שהשדה יהיה מסומן מראש וללקוח תהיה אפשרות לבטל את הסימון (שורה 15)
  4. דבר אחרון, אכריח אותו לאשר שקרא את תנאי השימוש (שורה 16)

אז ככה יראה הקוד של הטופס החדש שלנו.

				
					<h2>טופס צור קשר</h2>

<label> שם מלא
    [text* your-name] </label>

<label> אימייל
    [email* your-email] </label>

<label> נושא
    [select* your-subject id:subject include_blank "בקשה להצעת מחיר" "הצעת שת״פ" "דיווח על בעיה באתר"] </label>

<label> הודעה
    [textarea your-message] </label>

[checkbox newsletter id:newsletter default:1 use_label_element "אני מאשר לקבל מכם מבצעים והטבות במייל."]

[checkbox* terms_of_use id:terms_of_use use_label_element "אני מאשר שקראתי את תנאי השימוש."]

[submit "שליחה"]
				
			

שוב ניתן לראות בשדה של תנאי השימוש את הסימון כוכבית (*) שמצביע על כך שהוא שדה מנדטורי.

אז איך הטופס הזה יראה עכשיו?

טופס משודרג
טופס משודרג (תיבה פתוחה)

טופס מודולרי - הסתרה והצגת שדות באופן דינמי

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

הטמעת טופס Contact Form 7 בתוך האתר

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

השורטקוד שלנו נראה כך:

				
					<div role="form" class="wpcf7" id="wpcf7-f1729-p1685-o1" lang="he-IL" dir="rtl">
<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
<form action="/%D7%98%D7%95%D7%A4%D7%A1-contact-form-7-%D7%9C%D7%90%D7%AA%D7%A8-%D7%A9%D7%9C-%D7%94%D7%A2%D7%A1%D7%A7/#wpcf7-f1729-p1685-o1" method="post" class="wpcf7-form init" novalidate="novalidate" data-status="init">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="1729" />
<input type="hidden" name="_wpcf7_version" value="5.4.2" />
<input type="hidden" name="_wpcf7_locale" value="he_IL" />
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f1729-p1685-o1" />
<input type="hidden" name="_wpcf7_container_post" value="1685" />
<input type="hidden" name="_wpcf7_posted_data_hash" value="" />
<input type="hidden" name="_wpcf7cf_hidden_group_fields" value="" />
<input type="hidden" name="_wpcf7cf_hidden_groups" value="" />
<input type="hidden" name="_wpcf7cf_visible_groups" value="" />
<input type="hidden" name="_wpcf7cf_repeaters" value="[]" />
<input type="hidden" name="_wpcf7cf_steps" value="{}" />
<input type="hidden" name="_wpcf7cf_options" value="{&quot;form_id&quot;:1729,&quot;conditions&quot;:[{&quot;then_field&quot;:&quot;package&quot;,&quot;and_rules&quot;:[{&quot;if_field&quot;:&quot;your-subject&quot;,&quot;operator&quot;:&quot;equals&quot;,&quot;if_value&quot;:&quot;\u05d1\u05e7\u05e9\u05d4 \u05dc\u05d4\u05e6\u05e2\u05ea \u05de\u05d7\u05d9\u05e8&quot;}]},{&quot;then_field&quot;:&quot;domain&quot;,&quot;and_rules&quot;:[{&quot;if_field&quot;:&quot;your-subject&quot;,&quot;operator&quot;:&quot;equals&quot;,&quot;if_value&quot;:&quot;\u05d4\u05e6\u05e2\u05ea \u05e9\u05ea\u05f4\u05e4&quot;}]},{&quot;then_field&quot;:&quot;type&quot;,&quot;and_rules&quot;:[{&quot;if_field&quot;:&quot;your-subject&quot;,&quot;operator&quot;:&quot;equals&quot;,&quot;if_value&quot;:&quot;\u05d3\u05d9\u05d5\u05d5\u05d7 \u05e2\u05dc \u05d4\u05e2\u05d9\u05d4 \u05d1\u05d0\u05ea\u05e8&quot;}]}],&quot;settings&quot;:{&quot;animation&quot;:&quot;yes&quot;,&quot;animation_intime&quot;:200,&quot;animation_outtime&quot;:200,&quot;conditions_ui&quot;:&quot;normal&quot;,&quot;notice_dismissed&quot;:false}}" />
</div>
<h2>טופס צור קשר</h2>
<p><label> שם מלא<br />
    <span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" /></span> </label></p>
<p><label> אימייל<br />
    <span class="wpcf7-form-control-wrap your-email"><input type="email" name="your-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" /></span> </label></p>
<p><label> נושא<br />
    <span class="wpcf7-form-control-wrap your-subject"><select name="your-subject" class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" id="subject" aria-required="true" aria-invalid="false"><option value="">---</option><option value="בקשה להצעת מחיר">בקשה להצעת מחיר</option><option value="הצעת שת״פ">הצעת שת״פ</option><option value="דיווח על בעיה באתר">דיווח על בעיה באתר</option></select></span> </label></p>
<div data-id="package" data-orig_data_id="package" data-clear_on_hide data-class="wpcf7cf_group">
<label> חבילה<br />
    <span class="wpcf7-form-control-wrap package"><select name="package" class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" id="package" aria-required="true" aria-invalid="false"><option value="">---</option><option value="ניהול סושיאל">ניהול סושיאל</option><option value="קהילה דיגיטלית">קהילה דיגיטלית</option><option value="אתר תדמית + תחזוקה חודשית">אתר תדמית + תחזוקה חודשית</option></select></span> </label>
</div>
<div data-id="domain" data-orig_data_id="domain" data-clear_on_hide data-class="wpcf7cf_group">
<label> תחום<br />
    <span class="wpcf7-form-control-wrap domain"><select name="domain" class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" id="domain" aria-required="true" aria-invalid="false"><option value="">---</option><option value="בארטר">בארטר</option><option value="לידים">לידים</option><option value="ניהול קהילה ומועדון לקוחות">ניהול קהילה ומועדון לקוחות</option></select></span> </label>
</div>
<div data-id="type" data-orig_data_id="type" data-clear_on_hide data-class="wpcf7cf_group">
<label> סוג<br />
    <span class="wpcf7-form-control-wrap type"><select name="type" class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" id="type" aria-required="true" aria-invalid="false"><option value="">---</option><option value="כפתור לא עובד">כפתור לא עובד</option><option value="דף לא נמצא">דף לא נמצא</option><option value="שגיאת כתיב">שגיאת כתיב</option></select></span> </label>
</div>
<p><label> הודעה<br />
    <span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false"></textarea></span> </label></p>
<p><span class="wpcf7-form-control-wrap newsletter"><span class="wpcf7-form-control wpcf7-checkbox" id="newsletter"><span class="wpcf7-list-item first last"><label><input type="checkbox" name="newsletter[]" value="אני מאשר לקבל מכם מבצעים והטבות במייל." checked="checked" /><span class="wpcf7-list-item-label">אני מאשר לקבל מכם מבצעים והטבות במייל.</span></label></span></span></span><br />
<span class="wpcf7-form-control-wrap terms_of_use"><span class="wpcf7-form-control wpcf7-checkbox wpcf7-validates-as-required" id="terms_of_use"><span class="wpcf7-list-item first last"><label><input type="checkbox" name="terms_of_use[]" value="אני מאשר שקראתי את תנאי השימוש." /><span class="wpcf7-list-item-label">אני מאשר שקראתי את תנאי השימוש.</span></label></span></span></span></p>
<p><input type="submit" value="שליחה" class="wpcf7-form-control wpcf7-submit" /></p>
<div class="wpcf7-response-output" aria-hidden="true"></div></form></div>
				
			

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

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

הזמן הטוב ביותר לבנות אתר לעסק הוא בפתיחת העסק,
הזמן השני הטוב ביותר הוא עכשיו!

חיבור הטופס למייל

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

הגיע הזמן לעבור ללשונית ״אימייל״ ולראות מה ניתן לעשות בה.

עריכת תבנית המייל

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

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

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

שימוש בשדות דינמים מהטופס

נרצה שהמייל יהיה דינאמי, ז״א שהתבנית תהיה קבועה אבל הערכים יתחלפו בהתאם ללקוח ולמה שהוא ענה.
ע״מ לעשות את זה, נשתמש בשדות דינמיים. שדה דינמי יראה כך ׳[מזהה]׳ עם המזהה של אותו שדה.
לדוגמא, במקרה הדיפולטי המייל ישלח לכתובת של מנהל האתר מכיוון שבשדה ״אל״ מוזן הערך הדינמי [_site_admin_email] שמצביע תמיד על הכתובת של מנהל האתר.

בנוסף, נושא המייל יכיל את הנושא שהלקוח בחר, מכיוון שנעשה שימוש בערך [your-subject] שמצביע תמיד על השדה עם השם ״your-subject״.
רגע… מה אמרת עכשיו? לשדה יש שם? כן! אחרי סוג השדה, תמיד נרשום את שם השדה.

				
					<label> נושא
    [select* your-subject id:subject include_blank "בקשה להצעת מחיר" "הצעת שת״פ" "דיווח על בעיה באתר"] </label>
				
			

אז איך יראה המייל שנקבל אחרי שליחת הטופס ע״י הלקוח?
בדיוק כך!

מייל לדוגמא

איך אומרים תודה ללקוח שמילא את הטופס?

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

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

הודעת תודה

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

לשונית אימייל (2) ביצירת טופס

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

עיצוב מייל תודה

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

				
					<!doctype html>
<html>
  <head>
    <title>Digital Cobwebs</title>
<link rel="stylesheet" href="https://digitalcobwebs.com/wp-content/cache/ezcache/digitalcobwebs.com/min/5bc6bf9c6d6ef9e4e9e62e05ec312dd7.css" data-minify="1" /><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Alef%3A400%2C%7CAlef%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&subset=" /><style>.content{background-color:#edf6fa;width:60%;margin:50px auto 50px auto;padding:50px;text-align:center;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}</style> <script src="https://digitalcobwebs.com/wp-content/cache/ezcache/digitalcobwebs.com/min/79b4956b7ec478ec10244b5e2d33ac7d.js" data-minify="1"></script> </head>
  <body>
      <div dir="rtl" class="content">
          <img width="400px" src="https://digitalcobwebs.com/wp-content/uploads/2021/01/logo.png" />
          <h2>היי [your-name], קיבלנו את פנייתך בנוגע ל[your-subject]</h2>
          <p>בשעות הקרובות, אחד מנציגנו ייצור איתך קשר ע״מ להעניק לך את המענה המדוייק לעסק שלך.</p>
          <p>אנחנו מזמינים אותך ל<a href="https://digitalcobwebs.com/%d7%91%d7%9c%d7%95%d7%92/">בלוג</a> שלנו, יש שם המון מידע שימושי לבעלי עסקים </p>
          <b>המשך יום קסום!</b>
      <div> <script src="https://digitalcobwebs.com/wp-content/cache/ezcache/digitalcobwebs.com/min/56973e7f8b67b8f88c8900dfcd6b769e.js" data-minify="1"></script> </body>
</html>
				
			

אז בואו נראה איך יראה המייל תודה ללקוח עכשיו…

מייל תודה מעוצב

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

אימות הטופס (Validation)

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

ההודעות העיקריות הן:

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

לסיכום

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

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

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

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

מוזמנים לשאול שאלות בתגובה או סתם לפרגן!

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

קטגוריות

לנהל עסק זה להיות חדשני

החברים שלנו מקבלים הטבות בלעדיות ועדכונים על חדשנות לעסק ישירות לתיבת המייל שלהם.

אהבתם? תנו לנו לייק!

פוסטים נוספים שיעניינו אותך