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

הפניית הקונים ישירות לחנות

תמיד אפשר לשלוח את הקונים ישירות לחנות: פשוט שתפו את הכתובת שלה. אם החנות שלכם קיימת ביותר משפה אחת, לכל שפה יש כתובת משלה (אחת עם /he/ ואחת עם /en/).

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

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

בדוגמאות שלמטה, החליפו את YOUR-STORE-URL בכתובת החנות שלכם.

שלב 1: הוסיפו את הסקריפט שלנו לעמוד

הוסיפו את השורה הזו לכל עמוד שבו תרצו להציג את החנות, למשל ממש לפני התג הסוגר </body>:

<script src="https://secured.israelgives.org/Content/js/givingtech-embed.js" async></script>

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

שלב 2א: פתיחת החנות בחלון קופץ

הוסיפו את המאפיין data-givingtech-modal לכל כפתור או קישור:

<button data-givingtech-modal="YOUR-STORE-URL" data-givingtech-title="קניית כרטיסים">לקניית כרטיסים</button>

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

כבר יש לכם כפתור או קישור? פשוט הוסיפו לו את המאפיין:

<a href="#" class="btn btn-primary" data-givingtech-modal="YOUR-STORE-URL">לקנייה</a>

שלב 2ב: הצגת החנות בתוך העמוד

הדביקו את הקוד הזה במקום שבו תרצו שהחנות תופיע:

<div data-givingtech="YOUR-STORE-URL" data-givingtech-title="קניית כרטיסים"></div>

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

כדי להגביל את הרוחב, הציבו אותה בתוך מיכל:

<div style="max-width: 700px; margin: 0 auto;">
  <div data-givingtech="YOUR-STORE-URL"></div>
</div>

פתיחת החנות מהקוד שלכם

אם תעדיפו לפתוח את החלון הקופץ מקוד JavaScript משלכם:

GivingTech.openModal('YOUR-STORE-URL', 'קניית כרטיסים')

כדאי לדעת

Bit עובד אוטומטית, גם בנייד. אין צורך להוסיף לעמוד שום סקריפט נוסף.
מעקב קמפיינים: פרמטרים שבכתובת העמוד שלכם (למשל utm_source ו-utm_campaign) מועברים לחנות אוטומטית.
משתמשים בסקריפט הישן? אם העמוד שלכם טוען את IGModal.js ומשתמש ב-class בשם ig_open_modal, הוא ימשיך לעבוד. אנחנו ממליצים לעבור לשיטה החדשה: החליפו את הסקריפט הישן בזה שבשלב 1, ואת ה-class ig_open_modal ב-data-givingtech-modal="YOUR-STORE-URL".

פתרון בעיות

שום דבר לא קורה כשלוחצים על הכפתור. ודאו שהסקריפט משלב 1 נמצא בעמוד, ושהכתובת ב-data-givingtech-modal היא הכתובת המלאה של החנות שלכם, שמתחילה ב-https://.

החנות לא מופיעה בעמוד. חלק מבוני האתרים מסירים תגי <script> מבלוקים של תוכן. הוסיפו את הסקריפט בהגדרות הכותרת העליונה (header) או התחתונה (footer) של האתר, או פנו אלינו בצ'אט.

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