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

הטמעה עם קישור HTML

הוסיפו קישור לחיץ לטופס יצירת הקשר באתר באמצעות תגי anchor ב-HTML.

קבלת קוד קישור HTML

  1. גשו לניהול הטופס (/admin/form)
  2. לחצו על לשונית הטמעה
  3. מצאו את סעיף קישור HTML
  4. התאימו את מראה הקישור (אופציונלי)
  5. העתיקו את קוד ה-HTML שנוצר

קישור HTML בסיסי

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

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

זה יוצר קישור לחיץ שפותח את הטופס באותו טאב בדפדפן.

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

טקסט הקישור

בחרו מאפשרויות מוגדרות או הזינו טקסט מותאם:

  • Contact – פשוט וישיר
  • Contact me – טון אישי
  • Contact us – טון עסקי
  • Custom – הזנת טקסט משלכם

Customize

פתיחה בחלון חדש

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

  • Same window (ברירת מחדל) – נפתח בטאב הנוכחי
  • New window – נפתח בטאב חדש עם target="_blank"

לוגו SupportRetriever

כלילת לוגו SupportRetriever בקישור:

  • Show logo – כולל תמונת לוגו לפני הטקסט
  • Hide logo – קישור טקסט בלבד
It's OK if you don't want it, but just know that this is a great way to help SupportRetriever gain more awareness 🙏

קוד HTML שנוצר

עם לוגו וטקסט מותאם:

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

בלי לוגו:

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

תצוגה מקדימה

לשונית הטמעה מציגה תצוגה מקדימה חיה של הקישור:

SupportRetriever Contact us

יישום

ב-HTML

הדביקו את הקוד ישירות ב-HTML:

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

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

רוב פלטפורמות ה-CMS תומכות ב-HTML:

  • WordPress: השתמשו בבלוק HTML או וידג'ט HTML מותאם
  • Wix/Squarespace: השתמשו בווידג'ט הטמעת HTML
  • Webflow: הדביקו באלמנט הטמעת HTML
  • אתרים מותאמים: הוסיפו לקבצי התבנית

עיצוב

אפשר לעצב את הקישור עם CSS:

.contact-link {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
}

.contact-link:hover {
  text-decoration: underline;
}

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

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

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

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

גלה עוד

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