ఏ సైట్లోనైనా లొకేషన్ విడ్జెట్ ఎలా ఎంబెడ్ చేయాలి
విడ్జెట్ అంటే ఒకే ఒక iframe లైన్ — కస్టమ్ HTML ను అనుమతించే ప్రతి ప్లాట్ఫామ్ దీన్ని నడపగలదు. ఎంబెడ్ పేజీలో మీ థీమ్, ఎత్తు ఎంచుకుని అక్కడి కోడ్ను కాపీ చేయండి, తర్వాత కింద ఉన్న మీ ప్లాట్ఫామ్ దశలను అనుసరించండి. WordPress వాడేవారికి మాత్రం iframe కు బదులుగా ఒకే క్లిక్తో పనైపోయే ప్లగిన్ ఉంది.
అనుమతి ఆధారిత · వ్యక్తిగతం · 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 ను పేస్ట్ చేయండి → మీరు ఎంచుకున్న ఎత్తుకు సరిపోయేలా ఎలిమెంట్ పరిమాణాన్ని మార్చండి. (Wix ఎంబెడ్లను sandbox చేస్తుంది; allow అట్రిబ్యూట్ ఉన్నందున జియోలొకేషన్ ప్రాంప్ట్ మాత్రం పనిచేస్తుంది.)
- Squarespace: ఒక Code బ్లాక్ జోడించండి (ప్రస్తుత ప్లాన్లలో అందుబాటులో ఉంది) → పేస్ట్ చేయండి. విడ్జెట్ కనిపిస్తూ బటన్ మాత్రం పనిచేయకపోతే, స్నిప్పెట్ను మళ్లీ కాపీ చేయండి —
allow="geolocation"అట్రిబ్యూట్ తప్పనిసరిగా ఉండాలి. - Shopify: థీమ్ ఎడిటర్లో ఒక Custom Liquid విభాగం జోడించి (లేదా పేజీ HTML ను ఎడిట్ చేసి) iframe ను పేస్ట్ చేయండి. Online Store 2.0 థీమ్లలో ఏ యాప్ ఇన్స్టాల్ చేయకుండానే పనిచేస్తుంది.
- Webflow: ఒక Embed ఎలిమెంట్ను లాగి వదలండి → పేస్ట్ చేయండి → పబ్లిష్ చేయండి (ఎంబెడ్లు పబ్లిష్ అయిన సైట్లో మాత్రమే కనిపిస్తాయి, డిజైనర్లో కాదు).
- Blogger / ఇతర CMS: ముడి 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 లోపలి అనుమతి ప్రాంప్ట్ను అడ్డుకుంటుంది. |
దశలవారీగా
- embed కాన్ఫిగరేటర్ తెరిచి థీమ్ (light, dark, golden), మోడ్, సైజు ఎంచుకోండి — ప్రివ్యూ వెంటనే అప్డేట్ అవుతుంది.
- Copy embed code నొక్కండి.
- దాన్ని మీ ప్లాట్ఫారమ్ HTML/embed ఎలిమెంట్లో పేస్ట్ చేయండి (ప్లాట్ఫారమ్ల వారీ వివరాలు కింద ఉన్నాయి).
- పబ్లిష్ చేసి, ఫోన్లో టెస్ట్ చేయండి: విడ్జెట్ బటన్ను ట్యాప్ చేసి, allow="geolocation" యాట్రిబ్యూట్ మిగిలిందో లేదో నిర్ధారించడానికి లొకేషన్ ప్రాంప్ట్ను ఆమోదించండి.
తరచుగా అడిగే ప్రశ్నలు
WordPress లో ప్లగిన్ లేకుండా విడ్జెట్ పెట్టవచ్చా?
నా Wix లేదా Squarespace సైట్లో లొకేషన్ బటన్ ఎందుకు పనిచేయడం లేదు?
iframe ఎత్తు ఎంత ఉంచాలి?
ఆంగ్లంలో చూడండి: How to Embed the Location Widget on Any Site · తెలుగు