ਕਿਸੇ ਵੀ ਸਾਈਟ 'ਤੇ ਨਕਸ਼ਾ ਵਿਜੇਟ ਕਿਵੇਂ ਐਂਬੈੱਡ ਕਰੀਏ

ਐਂਬੈੱਡ ਇੱਕੋ ਵਾਰ ਬਣਾਓ: ਨਕਸ਼ਾ-ਐਂਬੈੱਡ ਬਿਲਡਰ ਵਿੱਚ ਆਪਣਾ ਪਤਾ ਟਾਈਪ ਕਰੋ, ਪਿੰਨ ਨੂੰ ਖਿੱਚ ਕੇ ਬਿਲਕੁਲ ਆਪਣੇ ਦਰਵਾਜ਼ੇ 'ਤੇ ਰੱਖੋ, ਅਤੇ iframe ਦੀ ਇੱਕ ਲਾਈਨ ਕਾਪੀ ਕਰੋ — ਇਹ ਹਰ ਉਸ ਪਲੇਟਫਾਰਮ ਵਿੱਚ ਕੰਮ ਕਰਦੀ ਹੈ ਜਿਸ ਵਿੱਚ HTML/embed ਬਲਾਕ ਹੁੰਦਾ ਹੈ। WordPress ਵਰਤਣ ਵਾਲੇ ਇਸ ਦੀ ਥਾਂ ਪਲੱਗਇਨ ਇੰਸਟਾਲ ਕਰਕੇ ਸ਼ਾਰਟਕੋਡ ਵਰਤ ਸਕਦੇ ਹਨ। ਦੋਵੇਂ ਤਰੀਕਿਆਂ ਵਿੱਚ ਨਾ ਕੋਈ API ਕੁੰਜੀ ਚਾਹੀਦੀ ਹੈ, ਨਾ ਬਿਲਿੰਗ ਖਾਤਾ, ਨਾ ਕੂਕੀਜ਼। ਅਤੇ ਪਿੰਨ ਕਦੇ ਖਿਸਕ ਨਹੀਂ ਸਕਦਾ, ਕਿਉਂਕਿ ਐਂਬੈੱਡ ਪਤੇ ਨੂੰ ਦੁਬਾਰਾ ਜੀਓਕੋਡ ਕਰਨ ਦੀ ਥਾਂ ਤੁਹਾਡੇ ਅੰਤਿਮ ਕੋਆਰਡੀਨੇਟਸ ਆਪਣੇ ਨਾਲ ਲੈ ਕੇ ਜਾਂਦਾ ਹੈ।

ਇਜਾਜ਼ਤ ਆਧਾਰਿਤ · ਨਿੱਜੀ · Chrome, Safari, Firefox, Edge 'ਤੇ ਕੰਮ ਕਰਦਾ ਹੈ

ਬਿਲਡਰ ਤੋਂ ਸ਼ੁਰੂ ਕਰੋ (ਅਸਲ ਕੰਮ ਸਿਰਫ਼ ਇੰਨਾ ਹੀ ਹੈ)

ਸਭ ਕੁਝ ਨਕਸ਼ਾ-ਐਂਬੈੱਡ ਬਿਲਡਰ ਤੋਂ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ। ਜੀਓਕੋਡਿੰਗ ਇੱਕ ਵਾਰ, ਉੱਥੇ ਹੀ ਹੁੰਦੀ ਹੈ — ਜੋ ਸਨਿੱਪਟ ਤੁਸੀਂ ਕਾਪੀ ਕਰਦੇ ਹੋ ਉਸ ਵਿੱਚ ਕੋਆਰਡੀਨੇਟਸ ਪੱਕੇ ਹੁੰਦੇ ਹਨ। ਇਸ ਲਈ ਜੀਓਕੋਡਰ ਦੀ ਖ਼ਰਾਬੀ ਜਾਂ “ਪਤੇ ਦਾ ਸਧਾਰਨੀਕਰਨ” ਬਾਅਦ ਵਿੱਚ ਤੁਹਾਡਾ ਪਿੰਨ ਹਿਲਾ ਨਹੀਂ ਸਕਦੇ। ਪਤਾ ਟਾਈਪ ਕਰੋ, ਪਿੰਨ ਨੂੰ ਟਿਕਦਾ ਵੇਖੋ, ਫਿਰ ਕਾਪੀ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਉਸ ਨੂੰ ਖਿੱਚ ਕੇ ਆਪਣੇ ਅਸਲ ਦਰਵਾਜ਼ੇ 'ਤੇ ਰੱਖੋ: ਦਸ ਸਕਿੰਟ ਦੀ ਇਹ ਖਿੱਚ ਹੀ “ਸਹੀ ਗਲੀ” ਅਤੇ “ਸਹੀ ਦਰਵਾਜ਼ੇ” ਵਿਚਲਾ ਫ਼ਰਕ ਹੈ।

ਆਪਣਾ ਬਣਾਉਣ ਤੋਂ ਪਹਿਲਾਂ ਕਈ ਬ੍ਰਾਂਚਾਂ ਵਾਲਾ ਤਿਆਰ ਸੈੱਟਅੱਪ ਵੇਖਣਾ ਹੈ? ਬਿਲਡਰ ਡੈਮੋ ਖੋਲ੍ਹੋ — ਇਸ ਵਿੱਚ ਤਿੰਨ ਬ੍ਰਾਂਚਾਂ ਵਾਲੀ ਨਮੂਨਾ ਕੰਪਨੀ ਲੋਡ ਹੁੰਦੀ ਹੈ, ਪਤਿਆਂ, ਰੰਗਦਾਰ ਨੰਬਰ ਵਾਲੇ ਪਿੰਨਾਂ ਅਤੇ ਲੋਕੇਸ਼ਨਾਂ ਦੇ ਪੈਨਲ ਸਮੇਤ — ਸਭ ਕੁਝ ਪ੍ਰੀਵਿਊ ਵਿੱਚ ਚੱਲਦਾ ਅਤੇ ਛੇੜਨ ਲਈ ਤਿਆਰ।

WordPress: ਪਲੱਗਇਨ ਸ਼ਾਰਟਕੋਡ ਜਾਂ ਸਿੱਧਾ iframe?

ਦੋਵੇਂ ਰਾਹ ਉਸੇ ਇੱਕੋ ਵਿਜੇਟ 'ਤੇ ਜਾ ਮੁੱਕਦੇ ਹਨ — ਜੋ ਪਸੰਦ ਆਵੇ ਉਹ ਚੁਣੋ।

ਪਲੱਗਇਨ ਵਾਲਾ ਰਾਹ (ਸਿਫ਼ਾਰਸ਼ੀ): whatismylocation-widget.zip ਡਾਊਨਲੋਡ ਕਰੋ → wp-admin ▸ Plugins ▸ Add New ▸ Upload Plugin → Activate। ਫਿਰ ਇੱਕ Shortcode ਬਲਾਕ ਜੋੜੋ:

[whatismylocation_map lat="48.858400" lng="2.294500" name="Acme SARL" address="Champ de Mars, Paris"]

ਐਟਰੀਬਿਊਟ ਬਿਲਡਰ ਦੇ ਵਿਕਲਪਾਂ ਵਾਂਗ ਹੀ ਪੜ੍ਹੇ ਜਾਂਦੇ ਹਨ: theme, marker, zoom, height, directions, ਅਤੇ ਬ੍ਰਾਂਚਾਂ ਲਈ pins="lat,lng,Label~Address|…" ਨਾਲ panel= ਅਤੇ motion= (ਹੇਠਾਂ ਦਿੱਤੀ ਹਵਾਲਾ ਸਾਰਣੀ ਵੇਖੋ)। ਬਿਲਡਰ ਦਾ WordPress ਭਾਗ ਪੂਰਾ ਸ਼ਾਰਟਕੋਡ ਤੁਹਾਡੇ ਲਈ ਆਪ ਬਣਾ ਦਿੰਦਾ ਹੈ — ਕੁਝ ਟਾਈਪ ਨਹੀਂ ਕਰਨਾ ਪੈਂਦਾ।

ਬਿਨਾਂ ਪਲੱਗਇਨ ਵਾਲਾ ਰਾਹ: ਬਿਲਡਰ ਵਿੱਚੋਂ iframe ਕਾਪੀ ਕਰਕੇ Custom HTML ਬਲਾਕ ਵਿੱਚ ਪੇਸਟ ਕਰੋ। ਵਿਜੇਟ ਉਹੀ ਰਹਿੰਦਾ ਹੈ ਅਤੇ ਅੱਪਡੇਟ ਕਰਨ ਲਈ ਕੋਈ ਪਲੱਗਇਨ ਨਹੀਂ ਹੁੰਦਾ; ਬਦਲੇ ਵਿੱਚ ਤੁਹਾਡੀ ਸਮੱਗਰੀ ਵਿੱਚ ਮਾਰਕਅੱਪ ਲੰਮਾ ਹੋ ਜਾਂਦਾ ਹੈ ਅਤੇ ਬਾਅਦ ਵਿੱਚ ਐਟਰੀਬਿਊਟ ਵਾਂਗ ਸੋਧ ਨਹੀਂ ਕਰ ਸਕਦੇ।

Squarespace, Shopify, Notion — ਅਤੇ ਬਾਕੀ ਸਭ

WordPress ਤੋਂ ਬਾਹਰ ਕੰਮ ਆਮ ਤੌਰ 'ਤੇ ਇੱਕੋ ਪੇਸਟ ਦਾ ਹੁੰਦਾ ਹੈ: ਆਪਣੇ ਪਲੇਟਫਾਰਮ ਦਾ HTML/embed ਤੱਤ ਜੋੜੋ (Wix Embed HTML, Squarespace Code ਬਲਾਕ, Webflow Embed) ਅਤੇ ਉਸ ਵਿੱਚ iframe ਪਾ ਦਿਓ। ਇੱਕ ਫ਼ਰਕ ਨਕਸ਼ਾ ਵਿਜੇਟ ਨੂੰ ਲੋਕੇਸ਼ਨ ਵਿਜੇਟ ਨਾਲੋਂ ਸੌਖਾ ਬਣਾਉਂਦਾ ਹੈ: ਇਸ ਨੂੰ allow="geolocation" ਐਟਰੀਬਿਊਟ ਦੀ ਲੋੜ ਨਹੀਂ, ਕਿਉਂਕਿ ਇਹ ਵਿਜ਼ਟਰਾਂ ਤੋਂ ਕੁਝ ਵੀ ਨਹੀਂ ਮੰਗਦਾ। ਸੋ ਜਦੋਂ ਕੋਈ ਪੇਜ ਬਿਲਡਰ ਤੁਹਾਡਾ HTML ਦੁਬਾਰਾ ਲਿਖਦਾ ਹੈ, ਤਾਂ ਬਚਾਉਣ ਵਾਲੀ ਕੋਈ ਨਾਜ਼ੁਕ ਚੀਜ਼ ਹੀ ਨਹੀਂ ਹੁੰਦੀ।

Squarespace: ਇੱਕ Code ਬਲਾਕ ਜੋੜੋ ਅਤੇ ਪੇਸਟ ਕਰੋ। ਇੱਕ ਗੱਲ ਪਹਿਲਾਂ ਹੀ ਜਾਣ ਲਓ: Code ਬਲਾਕਾਂ ਲਈ Business ਪਲਾਨ ਜਾਂ ਉਸ ਤੋਂ ਉੱਪਰ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ — Personal ਪਲਾਨ 'ਤੇ ਬਲਾਕ ਤੁਹਾਡਾ ਕੋਡ ਚਲਾਉਣ ਦੀ ਥਾਂ ਸਾਦੇ ਟੈਕਸਟ ਵਾਂਗ ਵਿਖਾ ਦਿੰਦਾ ਹੈ।

Shopify ਲਈ ਸਿਰਫ਼ ਪੇਸਟ ਕਰਨਾ ਕਾਫ਼ੀ ਨਹੀਂ: ਅਸੀਂ ਬਣਿਆ-ਬਣਾਇਆ ਥੀਮ ਸੈਕਸ਼ਨ ਦਿੰਦੇ ਹਾਂ — ਤੁਹਾਡੇ ਥੀਮ ਵਿੱਚ ਇੱਕ ਫ਼ਾਈਲ ਪਾਓ ਅਤੇ ਤੁਹਾਨੂੰ Shopify ਦਾ ਆਪਣਾ ਸੈਟਿੰਗਜ਼ ਪੈਨਲ ਮਿਲ ਜਾਂਦਾ ਹੈ, ਜਿਸ ਵਿੱਚ ਬ੍ਰਾਂਚਾਂ ਖਿੱਚ ਕੇ ਕ੍ਰਮ ਬਦਲਣ ਵਾਲੇ ਬਲਾਕਾਂ ਵਜੋਂ ਆਉਂਦੀਆਂ ਹਨ — ਨਾ ਕੋਈ ਐਪ, ਨਾ ਕੋਈ API ਕੁੰਜੀ।

Notion ਅਤੇ Google Sites HTML ਨਾਲ ਨਹੀਂ, URL ਨਾਲ ਐਂਬੈੱਡ ਕਰਦੇ ਹਨ। ਉਹ iframe ਸਨਿੱਪਟ ਬਿਲਕੁਲ ਨਹੀਂ ਲੈਂਦੇ — ਇਸ ਦੀ ਥਾਂ ਵਿਜੇਟ URL ਕਾਪੀ ਕਰੋ ਦਬਾਓ, ਜੋ ਬਿਲਡਰ ਵਿੱਚ ਹੈ, ਅਤੇ ਉਸ ਨੂੰ Notion ਦੇ /embed ਬਲਾਕ ਜਾਂ Google Sites ਦੇ Embed ▸ By URL ਵਿੱਚ ਪੇਸਟ ਕਰੋ। ਵਿਜੇਟ ਆਪਣੇ ਆਪ ਵਿੱਚ ਪੂਰਾ ਵੱਖਰਾ ਪੇਜ ਹੈ, ਸੋ ਦੋਵੇਂ ਤਰੀਕਿਆਂ ਨਾਲ ਇਹ ਬਿਲਕੁਲ ਠੀਕ ਵਿਖਦਾ ਹੈ।

Salesforce Experience Cloud (ਜਨਤਕ ਕਮਿਊਨਿਟੀ ਸਾਈਟਾਂ): iframe ਨੂੰ HTML Editor ਕੰਪੋਨੈਂਟ ਵਿੱਚ ਪਾਓ — ਫਿਰ ਆਪਣੇ ਐਡਮਿਨ ਤੋਂ whatismylocation.ai ਨੂੰ Setup ▸ Trusted URLs ਹੇਠ frame-src CSP ਨਿਰਦੇਸ਼ ਨਾਲ ਜੁੜਵਾਓ, ਨਹੀਂ ਤਾਂ Salesforce ਚੁੱਪ-ਚਾਪ ਫ਼ਰੇਮ ਰੋਕ ਦਿੰਦਾ ਹੈ। ਕੋਡ ਨਾਲ ਕੰਮ ਕਰਨ ਵਾਲੀਆਂ ਟੀਮਾਂ ਇਸੇ URL ਨੂੰ ਕਰੀਬ 10 ਲਾਈਨਾਂ ਦੇ Lightning Web Component ਵਿੱਚ ਲਪੇਟ ਸਕਦੀਆਂ ਹਨ:

<!-- wimlMap.html -->
<template>
  <iframe src={src} width="100%" height="340"
          loading="lazy" title="Map"></iframe>
</template>

// wimlMap.js
import { LightningElement } from 'lwc';
export default class WimlMap extends LightningElement {
  src = 'https://whatismylocation.ai/widget/map?lat=48.858400&lng=2.294500&name=Acme';
}

ਕਈ ਬ੍ਰਾਂਚਾਂ: ਲੋਕੇਸ਼ਨਾਂ ਦਾ ਪੈਨਲ

ਇੱਕ ਐਂਬੈੱਡ ਵਿੱਚ 10 ਲੋਕੇਸ਼ਨਾਂ ਤੱਕ ਆ ਜਾਂਦੀਆਂ ਹਨ। ਬਿਲਡਰ ਦੇ ਐਡਵਾਂਸਡ ਮੋਡ ਵਿੱਚ ਹਰ ਪਿੰਨ ਦੀ ਥਾਂ ਤੈਅ ਕਰੋ, ਉਸ ਨੂੰ ਲੇਬਲ ਅਤੇ ਪਤਾ ਦਿਓ, ਅਤੇ ਲੋਕੇਸ਼ਨ ਜੋੜੋ ਦਬਾਓ। ਵਿਜ਼ਟਰਾਂ ਨੂੰ ਲੋਕੇਸ਼ਨਾਂ ਦਾ ਪੈਨਲ ਮਿਲਦਾ ਹੈ — ਡੈਸਕਟਾਪ 'ਤੇ ਨਕਸ਼ੇ ਦੇ ਨਾਲ ਅਕਾਰਡੀਅਨ, ਫ਼ੋਨਾਂ 'ਤੇ ਸਵਾਈਪ ਹੋਣ ਵਾਲੀ ਕਾਰਡ ਪੱਟੀ — ਜਿਸ ਵਿੱਚ ਨੰਬਰ ਵਾਲੇ ਪਿੰਨ ਹੁੰਦੇ ਹਨ। ਕੋਈ ਬ੍ਰਾਂਚ ਚੁਣਦਿਆਂ ਹੀ ਨਕਸ਼ਾ ਉੱਡ ਕੇ ਉੱਥੇ ਪਹੁੰਚ ਜਾਂਦਾ ਹੈ ਅਤੇ ਉਸ ਦਾ ਪਤਾ ਆਪਣੇ ਵੱਖਰੇ “ਰਸਤਾ ਵੇਖੋ” ਲਿੰਕ ਨਾਲ ਵਿਖਾਉਂਦਾ ਹੈ।

ਵਿਕਲਪਾਂ ਦਾ ਹਵਾਲਾ

ਵਿਕਲਪਮੁੱਲਨੋਟ
lat / lngਦਸ਼ਮਲਵ ਡਿਗਰੀਇੱਕੋ ਲੋਕੇਸ਼ਨ ਲਈ ਲਾਜ਼ਮੀ (ਬਿਲਡਰ ਇਹ ਆਪ ਭਰ ਦਿੰਦਾ ਹੈ)।
pinslat,lng,Label~Address|…10 ਬ੍ਰਾਂਚਾਂ ਤੱਕ; lat/lng ਦੀ ਥਾਂ ਲੈ ਲੈਂਦਾ ਹੈ। ਲੇਬਲ ≤80 ਅੱਖਰ, ਪਤੇ ≤120; ਇਨ੍ਹਾਂ ਦੇ ਅੰਦਰ | ਜਾਂ ~ ਨਹੀਂ ਹੋਣੇ ਚਾਹੀਦੇ।
nameਟੈਕਸਟ ≤80ਓਵਰਲੇ/ਪੈਨਲ ਦਾ ਮੋਟਾ ਸਿਰਲੇਖ — ਆਮ ਤੌਰ 'ਤੇ ਤੁਹਾਡੇ ਕਾਰੋਬਾਰ ਦਾ ਨਾਂ।
address3 ਲਾਈਨਾਂ ਤੱਕਓਵਰਲੇ ਵਾਲਾ ਪਤਾ (ਇੱਕੋ ਲੋਕੇਸ਼ਨ ਲਈ; ਬ੍ਰਾਂਚਾਂ Label~Address ਵਰਤਦੀਆਂ ਹਨ)। ਬਿਲਡਰ ਤੁਹਾਨੂੰ ਤਿੰਨ ਲਾਈਨਾਂ ਦੇ ਖ਼ਾਨੇ ਦਿੰਦਾ ਹੈ; WordPress ਸ਼ਾਰਟਕੋਡ ਵਿੱਚ | ਲਾਈਨਾਂ ਨੂੰ ਵੱਖ ਕਰਦਾ ਹੈ।
name_style / address_stylen · b · i · biਹਰ ਲਾਈਨ ਲਈ ਮੋਟਾ/ਤਿਰਛਾ — ਸਿਰਲੇਖ ਡਿਫ਼ਾਲਟ ਵਿੱਚ ਮੋਟਾ ਹੁੰਦਾ ਹੈ, ਅਤੇ ਚੁਣੀ ਸ਼ੈਲੀ ਉਸ ਡਿਫ਼ਾਲਟ ਦੀ ਥਾਂ ਲੈ ਲੈਂਦੀ ਹੈ। ਬਿਲਡਰ ਵਿੱਚ: ਐਡਵਾਂਸਡ ਮੋਡ ਦੀਆਂ B/I ਚਿੱਪਾਂ।
mapsgoogle · apple · google,appleਛੋਟੇ “Google Maps ਵਿੱਚ ਖੋਲ੍ਹੋ” / “Apple Maps ਵਿੱਚ ਖੋਲ੍ਹੋ” ਆਈਕਨ ਲਿੰਕ, ਹੋਵਰ ਕਰਨ 'ਤੇ ਟੂਲਟਿਪ ਸਮੇਤ; ਇਹ ਕਾਰਡ 'ਤੇ ਅਤੇ ਪੈਨਲ ਵਿੱਚ ਹਰ ਬ੍ਰਾਂਚ ਲਈ ਆਉਂਦੇ ਹਨ। ਮੁੱਲ ਨਾ ਦਿਓ, ਤਾਂ ਆਈਕਨ ਵੀ ਨਹੀਂ।
zoom2–19, ਡਿਫ਼ਾਲਟ 16ਬ੍ਰਾਂਚਾਂ ਨਾਲ ਇਹ ਆਪਣੇ ਆਪ ਫ਼ਿੱਟ ਹੋਣ ਤੋਂ ਬਾਅਦ ਵੱਧ ਤੋਂ ਵੱਧ ਹੱਦ ਬਣ ਜਾਂਦਾ ਹੈ।
themelight · dark · goldenਆਪਣੀ ਸਾਈਟ ਨਾਲ ਮਿਲਾਓ।
markeremerald · red · amber · indigo · slateਪਿੰਨ ਦਾ ਰੰਗ; ਡਿਫ਼ਾਲਟ ਉਹੀ ਪੁਰਾਣਾ ਨੀਲਾ ਹੈ।
panelauto · side · bottom · noneਲੋਕੇਸ਼ਨਾਂ ਦੇ ਪੈਨਲ ਦਾ ਲੇਆਉਟ (ਸਿਰਫ਼ ਕਈ ਪਿੰਨਾਂ ਨਾਲ)।
motionsmooth · fade · lively · noneਬ੍ਰਾਂਚ ਬਦਲਣ ਦੀ ਐਨੀਮੇਸ਼ਨ; “ਹਿਲਜੁਲ ਘਟਾਓ” ਵਾਲੇ ਵਿਜ਼ਟਰਾਂ ਨੂੰ ਹਮੇਸ਼ਾ ਤੁਰੰਤ ਬਦਲਾਅ ਮਿਲਦਾ ਹੈ।
openyes · noਪਹਿਲੀ ਬ੍ਰਾਂਚ ਸ਼ੁਰੂ ਵਿੱਚ ਖੁੱਲ੍ਹੀ ਰਹੇ ਜਾਂ ਨਾ (ਡਿਫ਼ਾਲਟ yes)।
directionsyes · no“ਰਸਤਾ ਵੇਖੋ” ਬਟਨ — ਕਈ ਪਿੰਨਾਂ ਵਾਲੇ ਮੋਡ ਵਿੱਚ ਹਰ ਬ੍ਰਾਂਚ ਲਈ ਵੱਖਰਾ।
iframe height220–800 pxਇੱਕੋ ਪਿੰਨ ਲਈ 340 ਠੀਕ ਰਹਿੰਦਾ ਹੈ; ਪੈਨਲ ਨਾਲ 400+ ਵਿੱਚ ਵੱਧ ਖੁੱਲ੍ਹ ਮਿਲਦੀ ਹੈ।
attributionyes · noਤੁਹਾਡੇ ਪੇਜ 'ਤੇ ਮਰਜ਼ੀ ਮੁਤਾਬਕ “Powered by” ਸੁਰਖੀ — ਪਲੱਗਇਨ ਵਿੱਚ ਡਿਫ਼ਾਲਟ ਵਿੱਚ ਬੰਦ।

WordPress ਦੀਆਂ ਸਮੱਸਿਆਵਾਂ ਦੇ ਹੱਲ

ਸ਼ਾਰਟਕੋਡ ਪੇਜ 'ਤੇ ਉਵੇਂ ਦਾ ਉਵੇਂ ਟੈਕਸਟ ਬਣ ਕੇ ਵਿਖਦਾ ਹੈ। ਉਹ ਬਲਾਕ ਸ਼ਾਰਟਕੋਡ ਨਹੀਂ ਚਲਾਉਂਦਾ। ਬਲਾਕ ਐਡੀਟਰ ਵਿੱਚ Shortcode ਬਲਾਕ ਵਰਤੋ (ਕੋਡ ਜਾਂ preformatted ਬਲਾਕ ਨਹੀਂ); Elementor ਵਿੱਚ ਉਸ ਦਾ Shortcode ਵਿਜੇਟ ਵਰਤੋ, ਅਤੇ Divi ਵਿੱਚ Code ਮੋਡੀਊਲ। ਕਲਾਸਿਕ ਐਡੀਟਰ ਵਾਲੇ: ਇਸ ਨੂੰ Visual ਟੈਬ ਵਿੱਚ ਸਾਦੇ ਟੈਕਸਟ ਵਾਂਗ ਟਾਈਪ ਕਰੋ।

ਕੁਝ ਵੀ ਨਹੀਂ ਵਿਖਦਾ। ਪੇਜ ਦਾ ਸਰੋਤ ਵੇਖੋ ਅਤੇ whatismylocation ਲੱਭੋ। ਜੇ lat/lng ਦੇ ਗ਼ੈਰ-ਹਾਜ਼ਰ ਹੋਣ ਬਾਰੇ HTML ਟਿੱਪਣੀ ਮਿਲੇ, ਤਾਂ ਮਤਲਬ ਕੋਆਰਡੀਨੇਟਸ ਹਨ ਹੀ ਨਹੀਂ ਜਾਂ ਗ਼ਲਤ ਹਨ — ਐਟਰੀਬਿਊਟ ਹੱਥੀਂ ਟਾਈਪ ਕਰਨ ਦੀ ਥਾਂ ਪੂਰਾ ਸ਼ਾਰਟਕੋਡ ਬਿਲਡਰ ਵਿੱਚੋਂ ਕਾਪੀ ਕਰੋ।

ਸੇਵ ਕਰਦਿਆਂ ਹੀ iframe ਗਾਇਬ ਹੋ ਜਾਂਦਾ ਹੈ (ਬਿਨਾਂ ਪਲੱਗਇਨ ਵਾਲਾ ਰਾਹ)। ਜਿਨ੍ਹਾਂ ਯੂਜ਼ਰ ਰੋਲਾਂ ਕੋਲ unfiltered_html ਸਮਰੱਥਾ ਨਹੀਂ ਹੁੰਦੀ, ਉਨ੍ਹਾਂ ਲਈ WordPress iframe ਹਟਾ ਦਿੰਦਾ ਹੈ — ਮਲਟੀਸਾਈਟ 'ਤੇ ਇਸ ਵਿੱਚ ਡਿਫ਼ਾਲਟ ਵਿੱਚ ਐਡਮਿਨ ਵੀ ਆ ਜਾਂਦੇ ਹਨ — ਅਤੇ ਕੁਝ ਸੁਰੱਖਿਆ ਪਲੱਗਇਨ ਵੀ ਇਹੀ ਕਰਦੇ ਹਨ। ਸਾਫ਼ ਹੱਲ ਪਲੱਗਇਨ ਵਾਲਾ ਸ਼ਾਰਟਕੋਡ ਹੈ: ਇਸ ਲਈ ਇਹ ਜ਼ਰੂਰੀ ਨਹੀਂ ਕਿ ਤੁਹਾਡੇ ਰੋਲ ਨੂੰ ਸਿੱਧੇ iframe ਸੇਵ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਹੋਵੇ।

ਨਕਸ਼ਾ ਸਲੇਟੀ ਰਹਿੰਦਾ ਹੈ / ਟਾਈਲਾਂ ਲੋਡ ਨਹੀਂ ਹੁੰਦੀਆਂ। ਟਾਈਲਾਂ tile.openstreetmap.org ਤੋਂ ਆਉਂਦੀਆਂ ਹਨ; ਕੋਈ ਬਹੁਤ ਸਖ਼ਤ ਐਡ-ਬਲਾਕਰ ਜਾਂ ਦਫ਼ਤਰੀ ਨੈੱਟਵਰਕ ਇਨ੍ਹਾਂ ਨੂੰ ਰੋਕ ਸਕਦਾ ਹੈ (ਓਵਰਲੇ ਕਾਰਡ ਫਿਰ ਵੀ ਵਿਖਦਾ ਹੈ)। ਕਿਸੇ ਹੋਰ ਨੈੱਟਵਰਕ 'ਤੇ ਜਾਂ ਮੋਬਾਈਲ ਡਾਟੇ ਵਾਲੇ ਫ਼ੋਨ 'ਤੇ ਪਰਖ ਕੇ ਵੇਖੋ।

ਲੋਕੇਸ਼ਨਾਂ ਦਾ ਪੈਨਲ ਨਹੀਂ ਆ ਰਿਹਾ। ਪੈਨਲ 2 ਪਿੰਨਾਂ ਤੋਂ ਉੱਪਰ ਹੀ ਆਉਂਦਾ ਹੈ — ਇੱਕੋ ਲੋਕੇਸ਼ਨ ਲਈ ਪੁਰਾਣਾ ਓਵਰਲੇ ਕਾਰਡ ਮਿਲਦਾ ਹੈ। ਇਹ ਵੀ ਵੇਖੋ ਕਿ panel="none" ਲੱਗਾ ਤਾਂ ਨਹੀਂ।

ਬਦਲਣ ਵਾਲੀ ਐਨੀਮੇਸ਼ਨ ਨਹੀਂ ਚੱਲਦੀ। ਲਗਭਗ ਹਮੇਸ਼ਾ ਇਸ ਦਾ ਕਾਰਨ ਵਿਜ਼ਟਰ ਦੇ (ਜਾਂ ਤੁਹਾਡੇ ਆਪਣੇ) ਓਪਰੇਟਿੰਗ ਸਿਸਟਮ ਦੀ “ਹਿਲਜੁਲ ਘਟਾਓ” ਸੈਟਿੰਗ ਹੁੰਦੀ ਹੈ — ਵਿਜੇਟ ਜਾਣ-ਬੁੱਝ ਕੇ ਇਸ ਨੂੰ ਮੰਨਦਾ ਹੈ ਅਤੇ ਤੁਰੰਤ ਬਦਲ ਦਿੰਦਾ ਹੈ। ਇਹ ਕੋਈ ਨੁਕਸ ਨਹੀਂ, ਅਤੇ ਬਾਕੀ ਵਿਜ਼ਟਰਾਂ ਨੂੰ ਤੁਹਾਡਾ ਚੁਣਿਆ ਪ੍ਰੀਸੈੱਟ ਫਿਰ ਵੀ ਵਿਖਦਾ ਹੈ।

ਕੀਤੀਆਂ ਤਬਦੀਲੀਆਂ ਨਹੀਂ ਵਿਖਦੀਆਂ। ਕੋਈ ਕੈਸ਼ਿੰਗ ਪਲੱਗਇਨ (ਜਾਂ ਹੋਸਟ ਦਾ ਕੈਸ਼) ਪੁਰਾਣਾ ਪੇਜ ਵਿਖਾ ਰਿਹਾ ਹੈ। ਸ਼ਾਰਟਕੋਡ ਦੇ ਐਟਰੀਬਿਊਟ ਬਦਲਣ ਤੋਂ ਬਾਅਦ ਪੇਜ ਦਾ ਕੈਸ਼ ਸਾਫ਼ ਕਰੋ — ਵਿਜੇਟ ਵਿੱਚ ਆਪ ਕੈਸ਼ ਕਰਨ ਲਈ ਕੁਝ ਹੁੰਦਾ ਹੀ ਨਹੀਂ।

ਕਦਮ ਦਰ ਕਦਮ

  1. map-embed ਬਿਲਡਰ ਖੋਲ੍ਹੋ, ਆਪਣਾ ਪਤਾ ਟਾਈਪ ਕਰੋ, ਤੇ Find on map ਦਬਾਓ (ਜਾਂ 48.8584, 2.2945 ਵਰਗੇ ਕੱਚੇ ਕੋਆਰਡੀਨੇਟਸ ਪੇਸਟ ਕਰੋ)।
  2. ਪਿੰਨ ਨੂੰ ਖਿੱਚੋ (ਜਾਂ ਨਕਸ਼ੇ ’ਤੇ ਕਲਿੱਕ ਕਰੋ) ਜਦੋਂ ਤੱਕ ਇਹ ਬਿਲਕੁਲ ਤੁਹਾਡੇ ਪ੍ਰਵੇਸ਼ ਦੁਆਰ ’ਤੇ ਨਾ ਬੈਠ ਜਾਵੇ — ਜੀਓਕੋਡਰ ਆਮ ਤੌਰ ’ਤੇ ਗਲੀ ਦੇ ਵਿਚਕਾਰਲੇ ਬਿੰਦੂ ’ਤੇ ਉਤਰਦੇ ਹਨ, ਤੁਹਾਡੇ ਦਰਵਾਜ਼ੇ ’ਤੇ ਨਹੀਂ। ਇੰਬੈੱਡ ਇਹ ਆਖ਼ਰੀ ਕੋਆਰਡੀਨੇਟਸ ਹਮੇਸ਼ਾ ਲਈ ਸੰਭਾਲਦਾ ਹੈ।
  3. ਆਪਣੇ ਕਾਰੋਬਾਰ ਦਾ ਨਾਮ ਪਾਓ ਤੇ ਥੀਮ ਚੁਣੋ। ਸ਼ਾਖਾਵਾਂ ਹਨ? ਬਿਲਡਰ ਨੂੰ Advanced ’ਤੇ ਬਦਲੋ ਤੇ ਹਰੇਕ ਲਈ Add location ਦਬਾਓ — ਲੇਬਲ ਤੇ ਪਤਾ।
  4. ਇੰਬੈੱਡ ਕੋਡ ਕਾਪੀ ਕਰੋ — ਜਾਂ, WordPress ’ਤੇ, ਉਸੇ ਸਫ਼ੇ ਤੋਂ ਤਿਆਰ ਸ਼ਾਰਟਕੋਡ — ਅਤੇ ਇਸਨੂੰ ਆਪਣੇ ਸਫ਼ੇ ਵਿੱਚ ਪੇਸਟ ਕਰੋ।
  5. ਪਬਲਿਸ਼ ਕਰੋ ਤੇ ਸਫ਼ਾ ਜਾਂਚੋ: ਨਕਸ਼ਾ, ਪਿੰਨ, ਤੇ Get-directions ਬਟਨ ਤੁਰੰਤ ਦਿਸਣੇ ਚਾਹੀਦੇ ਹਨ। ਕੋਈ ਕੀ ਨਹੀਂ, ਕੋਈ ਅਕਾਊਂਟ ਨਹੀਂ, ਸਰਵਰ-ਸਾਈਡ ਕੁਝ ਵੀ ਸੈੱਟ ਕਰਨ ਦੀ ਲੋੜ ਨਹੀਂ।
ਆਪਣੀ ਸਾਈਟ 'ਤੇ ਨਕਸ਼ਾ ਕਿਵੇਂ ਲਾਈਏ WordPress ਵਿੱਚ ਨਕਸ਼ੇ ਦਾ ਸ਼ਾਰਟਕੋਡ

ਅਕਸਰ ਪੁੱਛੇ ਜਾਂਦੇ ਸਵਾਲ

ਕੀ ਨਕਸ਼ਾ ਵਿਜੇਟ ਲਈ API ਕੁੰਜੀ ਦੀ ਲੋੜ ਹੈ?
ਨਹੀਂ। ਨਾ API ਕੁੰਜੀ, ਨਾ ਬਿਲਿੰਗ ਖਾਤਾ, ਨਾ ਕੂਕੀਜ਼। ਬਿਲਡਰ ਵਿੱਚੋਂ iframe ਦੀ ਇੱਕ ਲਾਈਨ ਕਾਪੀ ਕਰੋ ਅਤੇ ਆਪਣੀ ਸਾਈਟ ਦੇ HTML ਬਲਾਕ ਵਿੱਚ ਪਾ ਦਿਓ।
ਇੱਕ ਐਂਬੈੱਡ ਵਿੱਚ ਕਿੰਨੀਆਂ ਬ੍ਰਾਂਚਾਂ ਪੈ ਸਕਦੀਆਂ ਹਨ?
ਇੱਕ ਐਂਬੈੱਡ ਵਿੱਚ 10 ਲੋਕੇਸ਼ਨਾਂ ਤੱਕ ਆ ਜਾਂਦੀਆਂ ਹਨ। ਲੋਕੇਸ਼ਨਾਂ ਦਾ ਪੈਨਲ 2 ਪਿੰਨਾਂ ਤੋਂ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ; ਇੱਕੋ ਲੋਕੇਸ਼ਨ ਲਈ ਸਿਰਫ਼ ਓਵਰਲੇ ਕਾਰਡ ਆਉਂਦਾ ਹੈ।

ਅੰਗਰੇਜ਼ੀ ਵਿੱਚ ਵੇਖੋ: How to Embed a Map Widget on Any Site · ਪੰਜਾਬੀ