Media - Karta

Förser köpare med en fullständig mängd information om ditt företag (telefonnummer, webbplats, recensioner, stjärngraderingar och så vidare) direkt på din webbplats.

En Google-karta visar oftast närliggande attraktioner, parker, restauranger och så vidare. Den här informationen hjälper dina kunder att fastställa din fysiska plats och planera sin resa.

Gör det enkelt för kunderna att hitta adressen till din fysiska butik utan att behöva öppna ett nytt webbläsarfönster och lämna sajten.

Om du har en kedja av fysiska butiker kan du genom att lägga till en Google Map på din webbplats öka varumärkeskännedomen och trovärdigheten i form av markerade objekt.

Gå till Google Cloud Platform Console.

Klicka på listrutan för projektet och välj eller skapa det projekt som du vill lägga till en API-nyckel för.

Om du vill konfigurera dina API-autentiseringsuppgifter följer du instruktionerna i Google Maps -dokumentationen.

Kopiera API-nyckeln till Urklipp.

Gå till Stores > Settings>Configuration ​på sidofältet_ Admin _.

Välj Content Management i den vänstra panelen under General.

Expandera Advanced Content Tools.

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

Mer information om konfigurationsalternativen för det avancerade verktyget för innehållshantering finns i referenshandboken för konfiguration.

För Google Maps API Key klistrar du in nyckeln som du kopierade i steg 1.

Klicka på Test Key.

Om det är problem med nyckeln går du tillbaka till Google Maps-plattformen för att lösa problemet. Försök sedan igen.

När nyckeln har verifierats klickar du på Save Config.

Öppna sidan, blocket eller det dynamiska blocket på arbetsytan för Page Builder.

Expandera Media på panelen Page Builder och dra en Map platshållare till scenen.

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

Om Google Maps-plattformen är konfigurerad för din butik visas en karta för din butiksplats.

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

Om Google Maps-plattformen ännu inte har konfigurerats för din butik visas en platshållarkarta i stället.

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

Håll pekaren över kartbehållaren för att visa verktygslådan och välj ikonen Inställningar ( {width="20"} ).

Klicka på Add Location i det övre högra hörnet på sidan Edit Map.

Ange Location Name som du vill ska kopplas till stiftet på kartan.

Samla de platskoordinater som du vill använda för den anpassade platsen.

I rutan Position kan du också dra stiftet på den visade kartan.

Om det behövs går du till Google Maps i ett nytt webbläsarfönster och använder någon av följande metoder för att hämta koordinaterna:

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

Metod 1: Kopiera från URL

• I det övre vänstra hörnet anger du adressen i rutan Search och klickar på ikonen Sök ( {width="20"} ).

• Kopiera koordinaterna i URL:en och klistra in dem i en anteckningsruta.

Metod 2: Kopiera från "Vad finns här?"

• Högerklicka på det röda stiftet som markerar platsen på kartan och välj What’s here? på menyn.

• I den visade etiketten kopierar du texten, inklusive koordinaterna, och klistrar in texten i en anteckningsruta.

Ange siffrorna, utan kommatecken, i var och en av Coordinates-rutorna.

Du kan också ange så mycket av den återstående informationen som du vill ska vara tillgänglig på kartan.

Komprimera all annan information som du vill associera med kartplatsen:

Klicka på Save när du är klar.

Den nya platsen visas på kartan och i kartpositionens rutnät på sidan Edit Map.

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

Gå till Stores > Settings>Configuration ​på sidofältet_ Admin _.

Välj Content Management i den vänstra panelen under General.

Expandera Advanced Content Tools.

Klicka på Skapa kartformat i textrutan Google Maps Style.

Den här åtgärden öppnar guiden Google Maps Plattformsformat på en separat flik, där du kan definiera en stil för Google Maps-plattformsprojektet.

Klicka på Create a Style och följ instruktionerna.

Klicka på Finish när du är klar.

Exportera det färdiga formatet som JSON-kod eller som en URL så att du kan lägga till det i konfigurationen Commerce.

• JSON: Klicka Copy JSON nedanför rutan med den genererade JSON-koden.

• URL: Klicka Copy URL nedanför rutan med den genererade URL:en.

Gå tillbaka till webbläsarfliken för din administratör och klistra in den genererade koden eller URL:en i rutan Google Maps Style .

Om du använder en URL ersätter du platshållaren YOUR_API_KEY med API-nyckeln för Google Maps. Den här URL:en länkar till din formaterade Google Map.

Klicka på Save Config i det övre högra hörnet.

Hovra över kartbehållaren för att visa verktygslådan och välj ikonen Inställningar ( {width="20"} ).

Ändra de grundläggande inställningarna efter behov:

Ändra inställningarna för Advanced ​efter behov:

• Om du vill styra den vågräta placeringen av kartinnehållet som har lagts till i behållaren väljer du en Alignment:

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
  Alternativ	Beskrivning
  Default	Använder den standardinställning för justering som anges i formatmallen för det aktuella temat.
  Left	Justerar innehållet längs kartbehållarens vänstra kant, med hänsyn till eventuell utfyllnad som har angetts.
  Center	Justerar innehållet i mitten av kartbehållaren, med hänsyn till eventuell utfyllnad som har angetts.
  Right	Justerar innehållet längs kartbehållarens högra kant, med hänsyn till eventuell utfyllnad som har angetts.

• Ange det Border-format som ska användas på alla fyra sidor i kartbehållaren:

  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
  Alternativ	Beskrivning
  Default	Använder det standardkantlinjeformat som anges av den associerade formatmallen.
  None	Visar inte någon synlig indikation för behållarkanterna.
  Dotted	Behållarramen visas som en prickad linje.
  Dashed	Behållarramen visas som en streckad linje.
  Solid	Behållarramen visas som en heldragen linje.
  Double	Behållarramen visas som en dubbel linje.
  Groove	Behållarkanten visas som en utdragen linje.
  Ridge	Behållarkanten visas som en rak linje.
  Inset	Behållarramen visas som en indragen linje.
  Outset	Behållarramen visas som en startrad.

• Om du anger ett annat kantlinjeformat än None fyller du i visningsalternativen för kantlinjen:

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

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  Alternativ	Beskrivning
  Border Color	Ange färgen genom att välja en färgruta, klicka på färgväljaren eller genom att ange ett giltigt färgnamn eller motsvarande hexadecimalt värde.
  Border Width	Ange antalet pixlar för kantlinjens bredd.
  Border Radius	Ange antalet pixlar för att definiera radiens storlek som används för att runda varje hörn av kanten.

• (Valfritt) Ange namnen på CSS classes från den aktuella formatmallen som ska användas för kartbehållaren.

  Avgränsa flera klassnamn med blanksteg.

• Ange värden (i pixlar) för Margins and Padding för att ange kartbehållarens yttre marginaler och inre utfyllnad.

  Ange varje motsvarande värde i kartbehållardiagrammet.

  table 0-row-2 1-row-2 2-row-2 layout-auto
  Behållarområde	Beskrivning
  Margins	Mängden tomt utrymme som används på ytterkanten på behållarens alla sidor.
  Padding	Mängden tomt utrymme som används på behållarens inre kant på alla sidor.

  note note
  NOTE
  Utfyllnad är inte tillgängligt för innehållstypen Karta.

När du är klar klickar du på Save för att tillämpa inställningarna och återgå till arbetsytan i Page Builder.

Gå till Stores > Settings>Configuration ​på sidofältet_ Admin _.

Välj Content Management i den vänstra panelen under General.

Expandera Advanced Content Tools.

Uppdatera stödrasteralternativen efter behov:

• För Default Column Grid Size anger du ett nytt värde för stödrastrets standardstorlek.

• För Maximum Column Grid Size anger du ett nytt värde för den maximala standardstödrasterstorleken.

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

Klicka på Save Config när du är klar.