متعدد ممالک کے لیے متحرک الحاق کا صفحہ کیسے بنائیں

اگر آپ مختلف ممالک کے لیے مختلف ڈومینز پر اپنے ای کامرس کی دکان چلاتے ہیں تو یہ ضروری ہے کہ آپ ایک صاف اور تبدیلی کے لئے موزوں صفحہ بنائیں جو خود بخود الحاقی حوالہ کوڈ کی بنیاد پر موافق ہو۔اس مختصر رہنمائی میں، ہم ظاہر کریں گے کہ آپ کیسے اپنے الحاق کاروں کے لئے ایک سادہ اور جوابی صفحہ بنا سکتے ہیں جو خود بخود حوالہ کوڈ (رف) کو ملک مشخص ڈومینز جیسے پاس کرتی ہے:

• 🇺🇸 en.selldone.com
• 🇬🇧 uk.selldone.com
• 🇩🇰 da.selldone.com
• 🇫🇷 fr.selldone.com

یہ سیٹ اپ تب مثالی ہوتی ہے جب آپ مختلف ممالک کے لیے مخصوص دکانیں استعمال کر رہے ہوتے ہیں اور اپنے الحاقی روابط کو مرکزی رکھنا چاہتے ہیں۔

🎙️ کیا ہم بنا رہے ہیں

• ایک سادہ لیکن پرکشش ابتدائی صفحہ:
• ایک عنوان: "ایگزیلٹڈ فیشن"
• ایک ذیلی عنوان: "خریداری شروع کرنے کے لئے اپنا ملک منتخب کریں..."
• چار بڑے ممالک کے بٹن، ہر ایک میں ملک کا جھنڈا
• یو آر ایل سے خودکار حوالہ کوڈ کی ہینڈلنگ

یہاں حتمی نتیجہ ہے (کوڈ کے لیے نیچے سکرول کریں):

✅ HTML + JS کوڈ (استعمال کے لئے تیار)

آپ اس کوڈ کو کسی بھی .html فائل میں کاپی پیسٹ کر سکتے ہیں اور اسے اپنے سرور پر اپلوڈ کر سکتے ہیں:%7B%22html%22%3A%22%3C!DOCTYPE%20html%3E%5Cn%3Chtml%20lang%3D%5C%22en%5C%22%3E%5Cn%3Chead%3E%5Cn%20%20%3Cmeta%20charset%3D%5C%22UTF-8%5C%22%20%2F%3E%5Cn%20%20%3Cmeta%20name%3D%5C%22viewport%5C%22%20content%3D%5C%22width%3Ddevice-width%2C%20initial-scale%3D1.0%5C%22%2F%3E%5Cn%20%20%3Ctitle%3ESelldone%20Fashion%3C%2Ftitle%3E%5Cn%20%20%3Cstyle%3E%5Cn%20%20%20%20body%20%7B%5Cn%20%20%20%20%20%20font-family%3A%20'Inter'%2C%20sans-serif%3B%5Cn%20%20%20%20%20%20background-color%3A%20%23f9f9f9%3B%5Cn%20%20%20%20%20%20margin%3A%200%3B%5Cn%20%20%20%20%20%20padding%3A%200%3B%5Cn%20%20%20%20%20%20display%3A%20flex%3B%5Cn%20%20%20%20%20%20flex-direction%3A%20column%3B%5Cn%20%20%20%20%20%20min-height%3A%20100vh%3B%5Cn%20%20%20%20%20%20color%3A%20%23222%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20main%20%7B%5Cn%20%20%20%20%20%20flex%3A%201%3B%5Cn%20%20%20%20%20%20display%3A%20flex%3B%5Cn%20%20%20%20%20%20flex-direction%3A%20column%3B%5Cn%20%20%20%20%20%20align-items%3A%20center%3B%5Cn%20%20%20%20%20%20justify-content%3A%20center%3B%5Cn%20%20%20%20%20%20padding%3A%202rem%201rem%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20h1%20%7B%5Cn%20%20%20%20%20%20font-size%3A%202.5rem%3B%5Cn%20%20%20%20%20%20margin-bottom%3A%200.5rem%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20p.instruction%20%7B%5Cn%20%20%20%20%20%20font-size%3A%201.1rem%3B%5Cn%20%20%20%20%20%20margin-bottom%3A%202rem%3B%5Cn%20%20%20%20%20%20color%3A%20%23555%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20.buttons%20%7B%5Cn%20%20%20%20%20%20display%3A%20flex%3B%5Cn%20%20%20%20%20%20flex-direction%3A%20column%3B%5Cn%20%20%20%20%20%20gap%3A%201rem%3B%5Cn%20%20%20%20%20%20width%3A%20100%25%3B%5Cn%20%20%20%20%20%20max-width%3A%20400px%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20.country-button%20%7B%5Cn%20%20%20%20%20%20padding%3A%201.2rem%3B%5Cn%20%20%20%20%20%20font-size%3A%201.25rem%3B%5Cn%20%20%20%20%20%20background-color%3A%20%23fff%3B%5Cn%20%20%20%20%20%20border%3A%202px%20solid%20%23ddd%3B%5Cn%20%20%20%20%20%20border-radius%3A%2012px%3B%5Cn%20%20%20%20%20%20cursor%3A%20pointer%3B%5Cn%20%20%20%20%20%20transition%3A%20all%200.2s%20ease%3B%5Cn%20%20%20%20%20%20text-decoration%3A%20none%3B%5Cn%20%20%20%20%20%20color%3A%20%23222%3B%5Cn%20%20%20%20%20%20text-align%3A%20center%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20.country-button%3Ahover%20%7B%5Cn%20%20%20%20%20%20background-color%3A%20%23eee%3B%5Cn%20%20%20%20%20%20border-color%3A%20%23ccc%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20%40media%20(min-width%3A%20600px)%20%7B%5Cn%20%20%20%20%20%20.buttons%20%7B%5Cn%20%20%20%20%20%20%20%20flex-direction%3A%20row%3B%5Cn%20%20%20%20%20%20%20%20flex-wrap%3A%20wrap%3B%5Cn%20%20%20%20%20%20%20%20justify-content%3A%20center%3B%5Cn%20%20%20%20%20%20%7D%5Cn%5Cn%20%20%20%20%20%20.country-button%20%7B%5Cn%20%20%20%20%20%20%20%20flex%3A%201%201%2040%25%3B%5Cn%20%20%20%20%20%20%7D%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20footer%20%7B%5Cn%20%20%20%20%20%20padding%3A%201rem%3B%5Cn%20%20%20%20%20%20text-align%3A%20center%3B%5Cn%20%20%20%20%20%20font-size%3A%200.9rem%3B%5Cn%20%20%20%20%20%20color%3A%20%23888%3B%5Cn%20%20%20%20%20%20border-top%3A%201px%20solid%20%23eee%3B%5Cn%20%20%20%20%20%20background-color%3A%20%23fafafa%3B%5Cn%20%20%20%20%7D%5Cn%20%20%3C%2Fstyle%3E%5Cn%3C%2Fhead%3E%5Cn%3Cbody%3E%5Cn%5Cn%20%20%3Cmain%3E%5Cn%20%20%20%20%3Ch1%3ESelldone%20Fashion%3C%2Fh1%3E%5Cn%20%20%20%20%3Cp%20class%3D%5C%22instruction%5C%22%3ESelect%20your%20country%20to%20start%20shopping...%3C%2Fp%3E%5Cn%5Cn%20%20%20%20%3Cdiv%20class%3D%5C%22buttons%5C%22%3E%5Cn%20%20%20%20%20%20%3Ca%20id%3D%5C%22btn-us%5C%22%20class%3D%5C%22country-button%5C%22%3E%F0%9F%87%BA%F0%9F%87%B8%20United%20States%3C%2Fa%3E%5Cn%20%20%20%20%20%20%3Ca%20id%3D%5C%22btn-de%5C%22%20class%3D%5C%22country-button%5C%22%3E%F0%9F%87%A9%F0%9F%87%AA%20Germany%3C%2Fa%3E%5Cn%20%20%20%20%20%20%3Ca%20id%3D%5C%22btn-dk%5C%22%20class%3D%5C%22country-button%5C%22%3E%F0%9F%87%A9%F0%9F%87%B0%20Denmark%3C%2Fa%3E%5Cn%20%20%20%20%20%20%3Ca%20id%3D%5C%22btn-fr%5C%22%20class%3D%5C%22country-button%5C%22%3E%F0%9F%87%AB%F0%9F%87%B7%20France%3C%2Fa%3E%5Cn%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%3C%2Fmain%3E%5Cn%5Cn%20%20%3Cfooter%3E%5Cn%20%20%20%20%C2%A9%20%3Cspan%20id%3D%5C%22year%5C%22%3E%3C%2Fspan%3E%20Selldone.%20All%20rights%20reserved.%5Cn%20%20%3C%2Ffooter%3E%5Cn%5Cn%20%20%3Cscript%3E%5Cn%20%20%20%20function%20getRefParam()%20%7B%5Cn%20%20%20%20%20%20const%20params%20%3D%20new%20URLSearchParams(window.location.search)%3B%5Cn%20%20%20%20%20%20return%20params.get(%5C%22ref%5C%22)%20%7C%7C%20%5C%22%5C%22%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20const%20ref%20%3D%20getRefParam()%3B%5Cn%5Cn%20%20%20%20document.getElementById(%5C%22btn-us%5C%22).href%20%3D%20%60https%3A%2F%2Fen.selldone.com%3Fref%3D%24%7Bref%7D%60%3B%5Cn%20%20%20%20document.getElementById(%5C%22btn-de%5C%22).href%20%3D%20%60https%3A%2F%2Fde.selldone.com%3Fref%3D%24%7Bref%7D%60%3B%5Cn%20%20%20%20document.getElementById(%5C%22btn-dk%5C%22).href%20%3D%20%60https%3A%2F%2Fda.selldone.com%3Fref%3D%24%7Bref%7D%60%3B%5Cn%20%20%20%20document.getElementById(%5C%22btn-fr%5C%22).href%20%3D%20%60https%3A%2F%2Ffr.selldone.com%3Fref%3D%24%7Bref%7D%60%3B%5Cn%5Cn%20%20%20%20%2F%2F%20Set%20current%20year%20in%20footer%5Cn%20%20%20%20document.getElementById(%5C%22year%5C%22).textContent%20%3D%20new%20Date().getFullYear()%3B%5Cn%20%20%3C%2Fscript%3E%5Cn%5Cn%3C%2Fbody%3E%5Cn%3C%2Fhtml%3E%5Cn%22%7D

🔧 کیسے کام کرتا ہے

• حوالہ کوڈ نکالنا: ہم URLSearchParams کا استعمال کرتے ہیں تاکہ موجودہ URL سے ref پیرا میٹر حاصل کر سکیں۔
• متحرک ری ڈائریکشن: جب کوئی صارف بٹن پر کلک کرتا ہے، تو سکرپٹ اسے متعلقہ ملک ڈومین پر ری ڈائریکٹ کرتا ہے اور ریف کوڈ خود بخود بھیج دیتا ہے۔
• ریسپانسیو ڈیزائن: یہ ترتیب موبائل دوستانہ ہے جس میں بڑے اور قابل استعمال بٹن ہیں۔ اس میں مسلسل سائز کے لیے فلیکس باکس استعمال ہوتا ہے۔

💡 یہ کیسے مفید ہے

• تمام الحاق کاروں کے لئے ایک لنک: انہیں صرف xyz.com/?ref=XXXX کا لنک دینا ہوتا ہے۔
• مقامی تجربہ: صارفین کو ان کے علاقے کے مطابق دکان ڈومین پر ری ڈائریکٹ کیا جاتا ہے۔
• کوئی بیک اینڈ درکار نہیں: یہ ایک سٹیٹک، مکمل کلائنٹ سائیڈ سلوشن ہے۔

🔍 مثال کے طور پر یو آر ایل

رسائی:

https://xyz.com/?ref=AFF12345

ڈنمارک 🇩🇰 بٹن کو کلک کرنے پر ری ڈائریکٹ ہونا:

https://da.selldone.com/?ref=AFF12345

🚀 اگلے اقدامات

1. اس صفحے کو اپنی الحاقی دستاویزات میں شامل کریں۔
2. ابتدائی لنک https://xyz.com/?ref=YOURCODE اپنے شرکا کے ساتھ شیئر کریں۔
3. آپ اسی شکل میں مزید ممالک شامل کر سکتے ہیں۔

اپنی ابتدائی صفحہ ChatGPT میں حسب ضرورت بنائیں

آپ اس صفحے کو اپنی ضروریات کے مطابق ChatGPT کا استعمال کرکے حسب ضرورت بنا سکتے ہیں:

⚡ صفحے کو کیسے نافذ کریں

آپ کی متحرک الحاق صفحے کو شائع کرنے کے دو آسان اختیارات ہیں:

آپشن 1. اپنے Selldone شاپ پر نافذ کریں:

اپنے Selldone ڈیش بورڈ میں لاگ ان کریں، مرکزی صفحہ > سٹیٹک پر جائیں، اور ایک فولڈر بنائیں (مثلاً، الحاقی). اپنی HTML فائل کو index.html کے طور پر اس فولڈر کے اندر اپلوڈ کریں۔ پھر، ڈومینز سیکشن میں جائیں، ایک نیا ڈومین یا سب ڈومین شامل کریں، اور اس کو نئے سٹیٹک صفحے سے وابستہ کریں جس کا راستہ الحاقی فولڈر میں ہو۔

آپشن 2. Cloudflare صفحات پر مفت میں نافذ کریں (تجویز کردہ):

آپ اپنے صفحے کو مفت میں Cloudflare Pages کے ذریعے ہوسٹ کر سکتے ہیں۔ بس ایک نیا پروجیکٹ بنائیں، اپنی index.html فائل کو ڈریگ اور ڈراپ کریں، اور نافذ کریں۔ جب یہ لائیو ہو، تو Cloudflare میں ایک حسب ضرورت سب ڈومین (یا ڈومین) تفویض کریں تاکہ یہ صفحہ ویب پر قابل رسائی ہو۔دونوں طریقوں سے آپ ایک تیز لوڈ ہونے والا، برانڈڈ الحاقی صفحہ شیئر کرسکتے ہیں جس میں حوالہ ٹریکنگ شامل ہے۔