SupportRetriever LogoSupportRetrieverתמיכת לקוחות בסיוע AI

התאמת מראה קישור ה-HTML

התאימו איך קישור טופס יצירת הקשר נראה ומתנהג באתר.

אפשרויות התאמה

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

  1. Link Text – מה הקישור מציג
  2. Link Behavior – נפתח באותו חלון או בחלון חדש
  3. Logo Display – הצגה או הסתרת לוגו SupportRetriever

אפשרויות טקסט קישור

אפשרויות מוגדרות

בחרו וריאציות נפוצות:

  • Contact – פשוט, ישיר
  • Contact me – אישי, ידידותי
  • Contact us – מקצועי, עסקי

טקסט מותאם

הזינו טקסט קישור משלכם:

  • "Get in touch"
  • "שליחה us a message"
  • "Reach out"
  • "Talk to us"
  • או כל טקסט שמתאים למותג

התנהגות הקישור

אותו חלון (ברירת מחדל)

הקישור נפתח בטאב הנוכחי:

<a href="https://supportretriever.com/form/your-form-id">Contact</a>

מתאים ל:

  • אתרים חד-דפיים
  • כשמעדיפים שמשתמשים יחזרו בקלות
  • חוויות ידידותיות למובייל

חלון חדש

הקישור נפתח בטאב חדש:

<a href="https://supportretriever.com/form/your-form-id" target="_blank" rel="noopener noreferrer">Contact</a>

מתאים ל:

  • אתרים רב-דפיים
  • כשמשתמשים עשויים לרצות להשאיר את האתר פתוח
  • קישורים חיצוניים

הצגת לוגו

עם לוגו

כולל לוגו SupportRetriever לפני הטקסט:

<a href="https://supportretriever.com/form/your-form-id">
  <img src="https://supportretriever.com/images/logoPink_small.png" alt="SupportRetriever" style="vertical-align: middle; margin-right: 8px; height: 20px;">
  Contact
</a>

מראה ויזואלי:

SupportRetriever Contact

בלי לוגו

קישור טקסט בלבד:

<a href="https://supportretriever.com/form/your-form-id">Contact</a>

מראה ויזואלי:

Contact

תצוגה מקדימה חיה

לשונית הטמעה מציגה תצוגה מקדימה שמתעדכנת עם שינוי האפשרויות:

תצוגה מקדימה

עיצוב CSS מותאם

אחרי העתקת ה-HTML אפשר להוסיף CSS מותאם:

/* Style the link */
.contact-form-link {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s;
}

.contact-form-link:hover {
  color: #2d2a7a;
  text-decoration: underline;
}

/* Style the logo */
.contact-form-link img {
  opacity: 0.9;
  transition: opacity 0.2s;
}

.contact-form-link:hover img {
  opacity: 1;
}

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

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

נושאים קשורים

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

גלה עוד

עיין בכל המאמרים