הוספת פיצ'ר שיתוף לאתר וויקס (גם דפים דינאמיים) - קל משחשבת + הדרכת וידאו

היי חברים, מה מצב? אני בדיוק באמצע לבנות אתר ללקוחות שלי (סוכנות נדל"ן), והרגע ייצרתי עבורם פיצ'ר שיעזור לצוות ולגולשים לשווק את הנכסים שלהם בסושיאל (ולא רק) בקלות ובמהירות!

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

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

שימו לב! דוגמאות קוד מיד אחרי הוידאו!

אז.. קבלו את המדריך!

הקוד בו השתמשתי:

import wixLocation from 'wix-location'; import wixWindow from 'wix-window'; let url = wixLocation.url; $w("#PAGEURL").value = url; export function SHARE_click(event) { $w("#box28").expand() } export function EXIT_click(event) { $w("#box28").collapse() $w("#text268").hide() } export function PAGEURL_click(event) { wixWindow.copyToClipboard(url) $w("#text268").show() } $w("#facebookbutton").link = "https://www.facebook.com/sharer/sharer.php?u=" + url ; $w("#twitterbutton").link = "https://www.twitter.com/intent/tweet?text=" + url ; $w("#whatsappbutton").link = "https://api.whatsapp.com/send?text=" + url ;

בהצלחה!