Media - Map

Bietet Käufern eine umfassende Auswahl an Informationen über Ihr Unternehmen (Telefonnummer, Website, Bewertungen, Sternbewertungen usw.) direkt auf Ihrer Site.

Auf einer Google-Karte werden in der Regel Sehenswürdigkeiten, Parks, Restaurants usw. in der Nähe vorgestellt. Diese Informationen helfen Ihren Kunden dabei, Ihren physischen Standort zu bestimmen und ihre Reise zu planen.

Dies erleichtert es Kunden, die Adresse für Ihren physischen Speicher zu finden, ohne ein neues Browser-Fenster öffnen und Ihre Website verlassen zu müssen.

Wenn Sie über eine Kette von physischen Stores verfügen, hilft das Hinzufügen einer Google-Karte auf Ihrer Site, Ihr Markenbewusstsein und Ihre Glaubwürdigkeit in Form von hervorgehobenen Artikeln zu steigern.

Wechseln Sie zur Google Cloud Platform Console.

Klicken Sie auf das Projekt-Dropdown-Menü und wählen oder erstellen Sie das Projekt, für das Sie einen API-Schlüssel hinzufügen möchten.

Um Ihre API-Anmeldeinformationen zu konfigurieren, befolgen Sie die Anweisungen in der Google Maps -Dokumentation.

Kopieren Sie Ihren API-Schlüssel in die Zwischenablage.

Wechseln Sie in der Seitenleiste Admin zu Stores > Settings>Configuration.

Wählen Sie im linken Bereich unter General ​die Option Content Management.

Erweitern Sie Advanced Content Tools.

{width="600" modal="regular"}

Weitere Informationen zu den Konfigurationsoptionen für die erweiterten Werkzeuge für Content Management finden Sie im Konfigurationshandbuch.

Fügen Sie für Google Maps API Key den Schlüssel ein, den Sie in Schritt 1 kopiert haben.

Klicken Sie auf Test Key.

Wenn ein Problem mit Ihrem Schlüssel auftritt, kehren Sie zur Platform-Site "Google Maps"zurück, um das Problem zu beheben. Versuchen Sie es dann erneut.

Nachdem Ihr Schlüssel verifiziert wurde, klicken Sie auf Save Config.

Öffnen Sie die Seite, den Block oder den dynamischen Block im Arbeitsbereich Page Builder .

Erweitern Sie im Bedienfeld Page Builder den Wert Media und ziehen Sie einen Platzhalter Map auf die Bühne.

{width="600" modal="regular"}

Wenn Google Maps Platform für Ihren Store konfiguriert ist, wird eine Zuordnung für Ihren Store-Speicherort angezeigt.

{width="600" modal="regular"}

Wenn Google Maps Platform noch nicht für Ihren Store konfiguriert ist, wird stattdessen eine Platzhalterzuordnung angezeigt.

{width="600" modal="regular"}

Bewegen Sie den Mauszeiger über den Zuordnungsbehälter, um die Toolbox anzuzeigen, und wählen Sie das Symbol Einstellungen ( {width="20"} ).

Klicken Sie in der rechten oberen Ecke der Seite Edit Map ​auf Add Location.

Geben Sie den Location Name ein, der mit dem Pin auf der Karte verknüpft werden soll.

Erfassen Sie die Standortkoordinaten, die Sie für den benutzerdefinierten Speicherort verwenden möchten.

Alternativ können Sie im Feld "Position" den Pin auf die angezeigte Karte ziehen.

Wechseln Sie bei Bedarf in einem neuen Browserfenster zu Google Maps und verwenden Sie eine der folgenden Methoden, um die Koordinaten abzurufen:

{width="600" modal="regular"}

Methode 1: Kopie von URL

• Geben Sie oben links die Adresse in das Feld Search ein und klicken Sie auf das Symbol Suchen ( {width="20"} ).

• Kopieren Sie die Koordinaten in der URL und fügen Sie sie in ein Notebook ein.

Methode 2: Kopie von "Was ist hier?"

• Klicken Sie mit der rechten Maustaste auf den roten Pin, der die Position auf der Karte markiert, und wählen Sie im Menü What’s here? aus.

• Kopieren Sie in der angezeigten Beschriftung den Text, einschließlich der Koordinaten, und fügen Sie den Text in ein Notizblock ein.

Geben Sie die Zahlen ohne Komma in die einzelnen Coordinates-Felder ein.

Sie können auch so viele der restlichen Informationen eingeben, die Sie auf der Karte zur Verfügung haben möchten.

Füllen Sie alle weiteren Informationen aus, die Sie mit dem Zuordnungsspeicherort verknüpfen möchten:

Klicken Sie nach Abschluss des Vorgangs auf Save.

Die neue Position wird auf der Karte und im Raster für die Zuordnungsposition auf der Seite Edit Map ​angezeigt.

{width="600" modal="regular"} zu

Wechseln Sie in der Seitenleiste Admin zu Stores > Settings>Configuration.

Wählen Sie im linken Bereich unter General ​die Option Content Management.

Erweitern Sie Advanced Content Tools.

Klicken Sie unter dem Textfeld Google Maps Style auf Zuordnungsstil erstellen.

Durch diese Aktion wird der Google Maps Assistent für die Platform-Formatierung auf einer separaten Registerkarte geöffnet, auf der Sie einen Stil für Ihr Google Maps Platform-Projekt definieren können.

Klicken Sie auf Create a Style und befolgen Sie die angegebenen Anweisungen.

Klicken Sie nach Abschluss des Vorgangs auf Finish.

Exportieren Sie den abgeschlossenen Stil als JSON-Code oder als URL, damit Sie ihn zur Commerce -Konfiguration hinzufügen können.

• JSON: Klicken Sie unter dem Feld mit dem generierten JSON-Code auf Copy JSON.

• URL: Klicken Sie unter dem Feld mit der generierten URL auf Copy URL.

Kehren Sie zur Registerkarte Ihres Admin-Browsers zurück und fügen Sie den generierten Code oder die URL in das Feld Google Maps Style ein.

Wenn Sie eine URL verwenden, ersetzen Sie den Platzhalter YOUR_API_KEY durch Ihren API-Schlüssel Google Maps . Diese URL verweist auf Ihre formatierte Google Map.

Klicken Sie in der oberen rechten Ecke auf Save Config.

Bewegen Sie den Mauszeiger über den Zuordnungsbehälter, um das Tool-Feld anzuzeigen, und wählen Sie das Symbol Einstellungen ( {width="20"} ).

Ändern Sie die grundlegenden Einstellungen nach Bedarf:

Ändern Sie die Einstellungen für Advanced ​nach Bedarf:

• Um die horizontale Positionierung des Zuordnungsinhalts zu steuern, der dem Container hinzugefügt wird, wählen Sie einen Alignment:

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
  Option	Beschreibung
  Default	Wendet die Standardeinstellung für die Ausrichtung an, die im Stylesheet des aktuellen Designs angegeben ist.
  Left	Richtet den Inhalt am linken Rand des Map-Containers aus, wobei der angegebene Abstand berücksichtigt wird.
  Center	Richtet den Inhalt in der Mitte des Map-Containers aus, wobei der angegebene Abstand berücksichtigt wird.
  Right	Richtet den Inhalt am rechten Rand des Map-Containers aus, wobei der angegebene Abstand berücksichtigt wird.

• Legen Sie den Border -Stil fest, der auf alle vier Seiten des Zuordnungscontainers angewendet wird:

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto
  Option	Beschreibung
  Default	Wendet den standardmäßigen Randstil an, der vom zugehörigen Stylesheet angegeben wird.
  None	liefert keine sichtbare Anzeige der Containergrenzen.
  Dotted	Der Container-Rahmen wird als gepunktete Linie angezeigt.
  Dashed	Der Container-Rahmen wird als gestrichelte Linie angezeigt.
  Solid	Der Container-Rahmen wird als durchgehende Linie angezeigt.
  Double	Der Container-Rahmen wird als doppelte Linie angezeigt.
  Groove	Der Container-Rahmen wird als Rillenlinie angezeigt.
  Ridge	Der Container-Rahmen wird als gekürzte Linie angezeigt.
  Inset	Der Container-Rahmen wird als Inset-Zeile angezeigt.
  Outset	Der Container-Rahmen wird als Ausgangspunkt angezeigt.

• Wenn Sie einen anderen Rahmenstil als None festlegen, füllen Sie die Anzeigeoptionen für die Rahmenanzeige aus:

  {width="600" modal="regular"}

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  Option	Beschreibung
  Border Color	Geben Sie die Farbe an, indem Sie ein Muster auswählen, auf die Farbauswahl klicken oder einen gültigen Farbnamen oder einen entsprechenden Hexadezimalwert eingeben.
  Border Width	Geben Sie die Anzahl Pixel für die Rahmenlinienbreite an.
  Border Radius	Geben Sie die Anzahl der Pixel an, um die die Größe des Radius definiert wird, mit dem die einzelnen Ecken des Rands gerundet werden.

• (Optional) Geben Sie die Namen von CSS classes aus dem aktuellen Stylesheet an, das auf den Zuordnungscontainer angewendet werden soll.

  Trennen Sie mehrere Klassennamen durch ein Leerzeichen.

• Geben Sie Werte in Pixel an, damit der Margins and Padding die äußeren Ränder und den inneren Abstand des Zuordnungscontainers angibt.

  Geben Sie jeden entsprechenden Wert in das Zuordnungsbehälterdiagramm ein.

  table 0-row-2 1-row-2 2-row-2 layout-auto
  Container-Bereich	Beschreibung
  Margins	Die Menge an leerem Raum, die auf den äußeren Rand aller Seiten des Containers angewendet wird.
  Padding	Die Menge an leerem Raum, die auf den inneren Rand aller Seiten des Containers angewendet wird.

  note note
  NOTE
  Der Abstand ist für den Inhaltstyp Zuordnung nicht verfügbar.

Klicken Sie nach Abschluss des Vorgangs auf Save , um die Einstellungen anzuwenden und zum Arbeitsbereich Page Builder zurückzukehren.

Wechseln Sie in der Seitenleiste Admin zu Stores > Settings>Configuration.

Wählen Sie im linken Bereich unter General ​die Option Content Management.

Erweitern Sie Advanced Content Tools.

Aktualisieren Sie die Rasteroptionen nach Bedarf:

• Geben Sie für Default Column Grid Size einen neuen Wert für die Standardgröße des Rasters ein.

• Geben Sie für Maximum Column Grid Size einen neuen Wert für die standardmäßige maximale Rastergröße ein.

{width="600" modal="regular"}

Klicken Sie nach Abschluss des Vorgangs auf Save Config.