יאיר אמסלם

19 פבר 20231 דקות

איך לייצר לייטבוקס שמוצג -רק- לגולשים מחו"ל לפי IP

היי חברים,

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

(מדריך כתוב מיד אחרי הסרטון)

מדריך וידאו:

מדריך כתוב:

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

התהליך הוא מאד קצר! (לא כי הוא כל כך קצר אלא מכיוון שעשיתי בשבילכם את כל העבודה)

מה שאנחנו צריכים בעצם זה:

  1. להיכנס לאדיטור

  2. לייצר לייטבוקס מתאים

  3. לתת ללייטבוקס שם (שאותו נצטרך לזכור להמשך)

  4. לרחף עם העכבר על הלשונית בסרגל העליון של האדיטור עליה כתוב Dev Mode ולאחר מכן להדליק את הסוויצ' שנמצא על האופציה Enable Developer Mode

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

  6. שימו לב שבחלק התחתון מצד ימין מופיע כפתור בשם Open masterPage.js. הקליקו עליו.

כעת עליכם למחוק את כל הטקסט שמופיע שם ולהדביק במקום את הקוד הבא:

קוד להעתקה:

import wixWindow from 'wix-window';
 
import {fetch} from 'wix-fetch';
 

 
$w.onReady(function () {
 
// Fetching the user's location details
 
fetch('https://ipinfo.io/json', {
 
method: 'get'
 
})
 
// Check if the request was successful
 
.then((httpResponse) => {
 
if (httpResponse.ok) {
 
return httpResponse.json();
 
}
 
})
 

 
.then((json) => {
 
// Set the user's countryName as a const
 
const country = json.country;
 
console.log(country, "מדינה שזוהתה")
 

 
if(country !== "IL"){
 
console.log("זוהה שלא ישראל")
 
wixWindow.openLightbox("Test")
 

 
}
 
});
 

 
})

שימו לב:

שימו לב לשנות בשורה הזו:

wixWindow.openLightbox("Test")

את המילה Test לשם של הלייטבוקס שלכם.

זהו.!

אם יש לכם שאלות בקשות או בעיות, פשוט תגיבו!
 

    410
    0