איך מטמיעים את תו הTrust?

קוד להטמעת התו ■ איך מטמיעים את התו בE-SHOP ■ איך מטמיעים את התו ב-Wordpress עם Elementor ■ איך מטמיעים את התו בקונימבו ■ איך מטמיעים את התו ב-SHOPOFY ■ קוד להטמעת קרוסלת חוות דעת

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

אז איך עושים את זה?

קוד להטמעת התו

<!-- Midrag Trust Code -->
<script>
    function getCurrentDateTime() {
         var date = new Date();
         var day = date.toISOString().split('T')[0];
         var hours = date.getHours();
         return day + ' ' + hours;
    }

document.addEventListener('DOMContentLoaded', function() {
    var script = document.createElement('script');
    script.src = "https://trust.midrag.co.il/external/embededCompanyCard.v2.js?v=" + encodeURIComponent(getCurrentDateTime());

    script.setAttribute('data-guid', '👉INSERT YOUR GUID HERE👈');
    script.setAttribute('data-display-header', '0');
    script.setAttribute('data-display-x-icon', 'true');
    script.setAttribute('data-create-icon', 'true');
    script.setAttribute('data-position', 'bottom-left');
    script.setAttribute('data-offset-x-mobile', '10');
    script.setAttribute('data-offset-y-mobile', '10');
    script.setAttribute('data-offset-x-desktop', '10');
    script.setAttribute('data-offset-y-desktop', '10');
    script.setAttribute('data-size', 'regular');
    script.setAttribute('data-mobile-size', 'regular');
    script.setAttribute('data-icon-color', 'white');

    document.body.appendChild(script);
});
</script>
<!-- End of Midrag Trust Code -->

זה הקוד הבסיסי. מעתיקים אותו, מכניסים כמה התאמות קטנות וזה הכל :)

התאמה אישית של התו

פרמטר חובה:

הפרמטר guid משייך את התו אליכם, ולכן הוא פרמטר חובה. אתם תקבלו אותו מאיתנו במייל, וכל מה שצריך לעשות זה להכניס אותו במקום הכיתוב הזה: 👉INSERT YOUR GUID HERE👈

פרמטרים עיצוביים:

הפרמטר data-position יקבע את מיקום התו באתר שלכם. אפשר לבחור: 'bottom-left' ,'top-left', 'top-right' , 'bottom-right'.
הפרמטרים data-size ו-data-mobile-size יקבעו את גודל התו באתר שלכם בתצוגת הדקסטופ ובתצוגת המובייל. אפשר לבחור: 'large' , 'small' , 'regular'. אם לא נגדיר גודל למובייל, הגודל יהיה כמו זה שנבחר לדסקטופ. אם לא נגדיר גודל לשניהם, ברירת מחדל היא regular.
הפרמטר data-icon-color יקבע את צבע התו באתר שלכם. אפשר לבחור: 'white' או 'black'.

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

איך מטמיעים את התו בE-SHOP

מתחברים לדאשבורד הניהול של אתר ה-e-shop שלכם.
בתפריט העליון, בוחרים ב"הגדרות", ואז בתפריט שנפתח לוחצים על SEO.
בעמוד ההגדרות שנפתח, לוחצים על הכפתור "e-shop Hybrid" מצד שמאל.
לוחצים על "הוסף קוד חדש" מימין.
בכותרת כותבים "מידרג". במיקום בוחרים "Body". בשדה "קוד" מדביקים את הקוד המותאם עם התו של החברה, ומשנים את הסטאטוס לפעיל.

איך מטמיעים את התו ב-Wordpress עם Elementor

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

איך מטמיעים את התו בקונימבו

נכנסים לדאשבורד ניהול האתר שלכם בקונימבו.
בתפריט העליון בוחרים באפשרות "Hybrid" > "עריכת קוד".
בחלק העליון של העמוד שנפתח, בוחרים באפשרות "קובץ חדש".
בעמוד שנפתח ממלאים את הפרמטרים הבאים:
- בשדה "כותרת" כותבים "מידרג",
- בשדה "סוג הקוד" בוחרים "חנות",
- בשדה "פעיל בחנות" מסמנים "כן",
- בשדה "בחר דף להטמעה" בוחרים "כל החנות".
- בשאר השדות לא נוגעים.
את הקוד מדביקים בשדה body <html>
לסיום לוחצים על "שמור", ואז על "ניקוי קאש". ייתכן שיעברו מספר דקות עד שיהיה רענון לקאש והתו יופיע באתר.

איך מטמיעים את התו ב-SHOPOFY

נכנסים לעמוד הניהול של אתר ה-Shopify שלכם.
בתפריט מנווטים לאפשרות "Online Store", ולוחצים על האפשרות "Themes" שתחתיה.
בעמוד ה-Themes שלכם, משכפלים קודם את ה-Theme הפעיל (שמסומן בירוק עם הכותרת "Current Theme"). כדי לעשות זאת, לוחצים על 3 הנקודות שליד שם ה-Theme ובוחרים באפשרות "Duplicate" (שלב זה עשוי להימשך מספר דקות).
נווטו ל-Theme המשוכפל, לחצו על 3 הנקודות ובחרו באפשרות "Edit Code".
בעמוד שנפתח מנווטים לתפריט "EXPLORER" מצד שמאל. לוחצים על האפשרות "Layout", ומבין האפשרויות שנפתחות בוחרים ב-"theme.liquid".
לוחצים על המקשים Ctrl+F (או Cmd+F במאק) כדי להעלות את שורת החיפוש, ומחפשים את הביטוי </head>, על מנת למצוא את נקודת הסיום של ה-Header באתר שלכם.
יוצרים שורה רווח מעל ה-</head> (לוחצים Enter מעל הביטוי).
מדביקים את הקוד של מידרג מעל ה-</head>.
לוחצים על Save מצד ימין למעלה.

קוד להטמעת קרוסלת חוות דעת

<!-- Midrag Trust Carousel Code -->
<div>
    <div id="trust-swiper" style="min-height:300px;"></div>
    <script src="https://trust.midrag.co.il/external/swiperCompanyCard.v2.js"
            data-guid="👉INSERT YOUR GUID HERE👈"></script>
</div>
<!-- End of Midrag Trust Carousel Code -->