যেকোনো সাইটে লোকেশন উইজেট এম্বেড করবেন যেভাবে

উইজেটটি একটি মাত্র iframe লাইন — কাস্টম HTML নেয় এমন যেকোনো প্ল্যাটফর্মেই এটি বসে। এম্বেড পেজে আপনার থিম ও সাইজ ঠিক করে নিন, কোডটি কপি করুন, তারপর নিচে আপনার প্ল্যাটফর্মের ধাপগুলো অনুসরণ করুন। WordPress ব্যবহারকারীরা এর বদলে এক ক্লিকেই একটি প্লাগইন পান।

অনুমতি-ভিত্তিক · ব্যক্তিগত · Chrome, Safari, Firefox, Edge-এ কাজ করে

WordPress (সবচেয়ে সহজ: প্লাগইন)

প্লাগইন পদ্ধতি: whatismylocation-widget.zip ডাউনলোড করুন → wp-admin ▸ Plugins ▸ Add New ▸ Upload Plugin → অ্যাক্টিভেট করুন। তারপর শর্টকোড চলে এমন যেকোনো জায়গায় (পোস্ট, পেজ, টেক্সট উইজেট) [whatismylocation] বসান, চাইলে বিকল্পসহ: [whatismylocation theme="golden" mode="full" height="420"]। প্লাগইনটি ওই একই iframe-ই আউটপুট করে — আপনার সাইটের আর কিছুতে হাত পড়ে না।

প্লাগইন ছাড়া পদ্ধতি: ব্লক এডিটরে একটি Custom HTML ব্লক যোগ করে iframe-টি পেস্ট করুন। ক্লাসিক এডিটরে আগে Text ট্যাবে যান।

Wix, Squarespace, Shopify, Webflow, Blogger

Wix: Add Elements ▸ Embed Code ▸ Embed HTML → iframe-টি পেস্ট করুন → আপনার বেছে নেওয়া height অনুযায়ী এলিমেন্টটির মাপ বদলান। (Wix এম্বেডগুলোকে স্যান্ডবক্সে রাখে; allow অ্যাট্রিবিউটের কারণে জিওলোকেশনের প্রম্পট তবুও কাজ করে।)
Squarespace: একটি Code ব্লক যোগ করুন (বর্তমান প্ল্যানগুলোতে পাওয়া যায়) → পেস্ট করুন। উইজেট দেখা গেলেও বোতাম কিছু না করলে স্নিপেটটি আবার কপি করুন — allow="geolocation" অ্যাট্রিবিউটটি অবশ্যই থাকতে হবে।
Shopify: থিম এডিটরে একটি Custom Liquid সেকশন যোগ করুন (অথবা পেজের HTML সম্পাদনা করুন) এবং iframe-টি পেস্ট করুন। Online Store 2.0 থিমে কোনো অ্যাপ ইনস্টল ছাড়াই চলে।
Webflow: একটি Embed এলিমেন্ট টেনে আনুন → পেস্ট করুন → পাবলিশ করুন (এম্বেড কেবল পাবলিশ করা সাইটে দেখায়, ডিজাইনারে নয়)।
Blogger / অন্যান্য CMS: যেকোনো raw-HTML ভিউ iframe-টি অবিকল বসাতে দেয়।

প্ল্যাটফর্মের খুঁটিনাটি বদলায়; আপনার প্ল্যানে কোনো বিল্ডার iframe ছেঁটে ফেললে তার “embed custom HTML” বিষয়ক হেল্প পেজই চূড়ান্ত।

বিকল্পের তালিকা

প্যারামিটার	মান	নোট
`theme`	light · dark · golden	উষ্ণ বা প্রিমিয়াম ডিজাইনে golden মানানসই।
`mode`	compact · full	full একটি মিনি-ম্যাপ যোগ করে (বেশি লম্বা: height ≥ 380 রাখুন)।
iframe-এর `height`	220–800 px	compact 260-তেই আঁটে; full-এর জন্য 420 আরামদায়ক।
`allow`	geolocation	আবশ্যক — এটি না থাকলে ব্রাউজার iframe-এর ভেতরে অনুমতির প্রম্পট আটকে দেয়।

WordPress-এ লোকেশন উইজেট বসানো ওয়েবসাইটে কাস্টম HTML সংযোজন

সাধারণ জিজ্ঞাসা

প্লাগইন ছাড়া কি WordPress-এ উইজেট বসানো যায়?

যায়। ব্লক এডিটরে একটি Custom HTML ব্লক যোগ করে iframe লাইনটি পেস্ট করুন; ক্লাসিক এডিটরে আগে Text ট্যাবে যান। প্লাগইনটিও ঠিক ওই একই iframe আউটপুট করে, শুধু শর্টকোড দিয়ে বসানোর সুবিধা দেয়।

উইজেট দেখা যাচ্ছে কিন্তু বোতাম কাজ করছে না কেন?

প্রায় সবসময় iframe থেকে allow="geolocation" অ্যাট্রিবিউটটি বাদ পড়েছে — অনেক বিল্ডার পেস্ট করার সময় সেটি ছেঁটে ফেলে। স্নিপেটটি এম্বেড পেজ থেকে আবার কপি করে বসান; ওই অ্যাট্রিবিউট ছাড়া ব্রাউজার অনুমতির প্রম্পট আটকে দেয়।

iframe-এর height কত রাখা উচিত?

গ্রহণযোগ্য পরিসর 220–800 px। compact মোড 260-তেই আঁটে; full মোড একটি মিনি-ম্যাপ যোগ করে, তাই সেখানে 380-এর কম রাখবেন না — 420 সবচেয়ে আরামদায়ক। Wix-এ এলিমেন্টটির মাপও একই উচ্চতায় বদলে নিন।

ইংরেজিতে দেখুন: How to Embed the Location Widget on Any Site · বাংলা