Medien - Zuordnung

Bietet Käufern eine vollständige Palette von Informationen über Ihr Unternehmen (Telefonnummer, Website, Bewertungen, Sternebewertungen usw.) direkt auf Ihrer Website.

Eine Google-Karte zeigt normalerweise die nahe gelegenen Sehenswürdigkeiten, Parks, Restaurants und so weiter. Diese Informationen helfen Ihren Kunden, Ihren physischen Standort zu bestimmen und ihre Reise zu planen.

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

Wenn Sie über eine Kette von physischen Geschäften verfügen, trägt das Hinzufügen einer Google-Karte auf Ihrer Site dazu bei, Ihre Markenbekanntheit und Glaubwürdigkeit in Form von hervorgehobenen Artikeln zu erhöhen.

Wechseln Sie zur Google Cloud Platform-Konsole.

Klicken Sie auf die Dropdown-Liste Projekt 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 den Google Maps.

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

Navigieren Sie in Admin-Seitenleiste zu Stores > Settings>Configuration.

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

Erweitern Sie Advanced Content Tools.

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

Weitere Informationen zu den Konfigurationsoptionen für die erweiterten Content-Management-Tools finden Sie „Konfigurationshandbuch.

Fügen Sie Google Maps API Key den in Schritt 1 kopierten Schlüssel ein.

Klicken Sie auf Test Key.

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

Nachdem der Schlüssel überprüft wurde, klicken Sie auf Save Config.

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

Erweitern Sie im Page Builder Bedienfeld Media und ziehen Sie einen Map Platzhalter auf das Bühnenbild.

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

Wenn Google Maps Platform für Ihren Store konfiguriert ist, wird eine Zuordnung für Ihren Store-Standort 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 Zuordnungs-Container, um die Toolbox anzuzeigen, und wählen das Symbol Einstellungen {width="20"}) aus.

Klicken Sie oben rechts auf der Edit Map ​auf Add Location.

Geben Sie die Location Name ein, die mit der Nadel auf der Karte verknüpft werden soll.

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

Alternativ können Sie den Pin auch in das Position ziehen.

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

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

Methode 1: aus URL kopieren

• Geben Sie in der oberen linken Ecke die Adresse in das 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 Notizbuch ein.

Methode 2: Kopie aus „Was ist hier?“

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

• Kopieren Sie den Text einschließlich der Koordinaten in das angezeigte Label und fügen Sie ihn in ein Notizbuch ein.

Geben Sie die Zahlen ohne Komma in jedes Coordinates ein.

Sie können auch so viele der restlichen Informationen eingeben, wie Sie auf der Karte verfügbar sein möchten.

Geben Sie alle weiteren Informationen ein, die Sie mit der Kartenposition verknüpfen möchten:

Klicken Sie abschließend auf Save.

Der neue Ort wird auf der Karte und im Map-Standortraster auf der Edit Map ​angezeigt.

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

Navigieren Sie in Admin-Seitenleiste zu Stores > Settings>Configuration.

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

Erweitern Sie Advanced Content Tools.

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

Diese Aktion öffnet den Google Maps Platform-Formatierungsassistenten auf einer separaten Registerkarte, auf der Sie einen Stil für Ihr Google Maps Platform-Projekt definieren können.

Klicken Sie auf Create a Style und folgen Sie den Anweisungen.

Klicken Sie abschließend auf Finish.

Exportieren Sie den fertigen Stil als JSON-Code oder als URL, damit Sie ihn der 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 zu Ihrer Admin-Browser-Registerkarte 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 YOUR_API_KEY Platzhalter durch Ihren Google Maps API-Schlüssel. Diese URL verweist auf Ihre formatierte Google-Zuordnung.

Klicken Sie oben rechts auf Save Config.

Bewegen Sie den Mauszeiger über den Zuordnungs-Container, um das Toolbox anzuzeigen, und wählen Sie das Symbol Einstellungen ( {width="20"} ) aus.

Ändern Sie die Grundeinstellungen nach Bedarf:

Ändern Sie die Advanced ​nach Bedarf:

• Um die horizontale Positionierung des Zuordnungsinhalts zu steuern, der zum Container hinzugefügt wurde, wählen Sie eine Alignment aus:

  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 Zuordnungs-Containers aus, wobei ein beliebiger Abstand berücksichtigt wird.
  Center	Richtet den Inhalt in der Mitte des Zuordnungs-Containers aus, wobei ein beliebiger Abstand berücksichtigt wird.
  Right	Richtet den Inhalt am rechten Rand des Zuordnungs-Containers aus, wobei ein beliebiger Abstand berücksichtigt wird.

• Legen Sie den Border fest, der auf alle vier Seiten des Zuordnungs-Containers angewendet werden soll:

  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 die Standardformatvorlage für Rahmen an, die im zugehörigen Stylesheet angegeben ist.
  None	Zeigt keine sichtbaren Begrenzungen des Containers an.
  Dotted	Der Container-Rahmen wird als gepunktete Linie angezeigt.
  Dashed	Der Container-Rahmen wird als gestrichelte Linie angezeigt.
  Solid	Der Container-Rahmen wird als durchgezogene Linie angezeigt.
  Double	Der Container-Rahmen wird als doppelte Linie angezeigt.
  Groove	Der Container-Rahmen wird als gerillte Linie angezeigt.
  Ridge	Der Container-Rahmen wird als geriffelte Linie angezeigt.
  Inset	Der Container-Rahmen wird als Einfügelinie angezeigt.
  Outset	Der Container-Rahmen wird als Ausgangslinie angezeigt.

• Wenn Sie einen anderen Rahmenstil als None festlegen, müssen Sie die Anzeigeoptionen für den Rahmen vervollständigen:

  {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 einen Musterabschnitt auswählen, auf die Farbauswahl klicken oder einen gültigen Farbnamen oder einen entsprechenden Hexadezimalwert eingeben.
  Border Width	Geben Sie die Anzahl der Pixel für die Rahmenlinienbreite ein.
  Border Radius	Geben Sie die Anzahl der Pixel ein, um die Größe des Radius festzulegen, mit dem jede Ecke des Rahmens gerundet werden soll.

• (Optional) Geben Sie die Namen der CSS classes aus dem aktuellen Stylesheet an, die auf den Zuordnungs-Container angewendet werden sollen.

  Trennen Sie mehrere Klassennamen durch ein Leerzeichen.

• Geben Sie Werte in Pixeln für die Margins and Padding ein, um die äußeren Ränder und den inneren Abstand des Zuordnungs-Containers anzugeben.

  Geben Sie jeden entsprechenden Wert im Zuordnungs-Container-Diagramm ein.

  table 0-row-2 1-row-2 2-row-2 layout-auto
  Container-Bereich	Beschreibung
  Margins	Die Menge des Leerraums, der auf die Außenkante aller Seiten des Containers angewendet wird.
  Padding	Die Menge des Leerraums, der auf die Innenkante aller Seiten des Containers angewendet wird.

  note note
  NOTE
  Auffüllung ist für den Inhaltstyp Zuordnung nicht verfügbar.

Klicken Sie abschließend auf Save , um die Einstellungen anzuwenden und zum Arbeitsbereich Page Builder zurückzukehren.

Navigieren Sie in Admin-Seitenleiste zu Stores > Settings>Configuration.

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

Erweitern Sie Advanced Content Tools.

Aktualisieren Sie die Rasteroptionen nach Bedarf:

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

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

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

Klicken Sie abschließend auf Save Config.