Restaurants et Commande en Ligne

Le Blog des Restaurateurs qui vendent en ligne. Posez-nous vos questions sur Twitter !

Comment personnaliser le marqueur Google Map avec votre logo ?

Avec la solution LivePepper, il vous est possible sur votre site de commande en ligne, d’insérer une carte Google Map pour localiser votre restaurant.
Mais saviez-vous que vous pouvez personnaliser cette carte en insérant votre logo à la place du Marqueur Google Map de base ?
Voyons ensemble comment procéder.

1. Création d’une carte Google Map

1.1. Aller sur Google My Map et connectez-vous avec votre adresse Gmail. Si vous n’en n’avez pas, il faudra vous en créer une au préalable.

marqueur-google-map-personnalise.1

1.2. Cliquez ensuite sur « +Créer une carte ».

marqueur-google-map-personnalise.2

1.3. Ajoutez un titre à cette carte, avec le nom de votre restaurant.

marqueur-google-map-personnalise.3

1.4. Saisissez l’adresse postale de votre enseigne pour vous localiser.

marqueur-google-map-personnalise.4

1.5. Cliquez ensuite sur «+Ajouter à la carte » pour ajouter ce repère sur votre carte.

marqueur-google-map-personnalise.5

2. Personnalisation de la carte avec votre logo

2.1 Un pictogramme par défaut apparaît alors à l’emplacement de votre restaurant.

marqueur-google-map-personnalise.6

2.2 Cliquez sur le petit pot de peinture puis sur «Plus d’icônes » pour accéder à une boite de dialogue de personnalisation.

marqueur-google-map-personnalise.7

2.3 Vous pouvez alors choisir parmi les pictogrammes proposés ou bien télécharger votre propre logo à insérer en cliquant sur « Icône personnalisée ».

marqueur-google-map-personnalise.8

2.4 Dans « Importer », cliquez ensuite sur « sélectionner un fichier sur l’ordinateur », et aller rechercher votre logo dans le dossier concerné.

marqueur-google-map-personnalise.9

2.5 Votre logo apparait alors sur la carte à la place du marqueur Google de base !

marqueur-google-map-personnalise.10

3. Intégration de la carte sur votre site e-commerce

3.1 Cliquez ensuite sur « +Partager » pour accéder au paramètre de partage. Vérifiez bien que votre carte est en « accès public » et le cas échéant activez ce paramètre afin de la rendre visible à tous les internautes.

marqueur-google-map-personnalise.11

marqueur-google-map-personnalise.13

 

3.2 Cliquez sur « Aperçu », pour accéder à votre carte telle qu’elle apparaîtra lorsque vos clients cliqueront dessus pour l’agrandir depuis votre site de commande en ligne.

marqueur-google-map-personnalise.12

3.3 Cliquez ensuite sur « Partager » depuis cette page puis sur « intégrer la carte à mon site ».

marqueur-google-map-personnalise.15

3.4 Copier le code source de votre carte et l’url de la page.

marqueur-google-map-personnalise.16

3.5 Ouvrez le backoffice LivePepper de votre restaurant puis aller dans « module » et coller le code source de votre carte et son url dans les champs correspondants.

marqueur-google-map-personnalise.17

4. La localisation de plusieurs boutiques pour les chaînes de restaurants

Cet outil s’avère très utile pour localiser sur une même carte toutes vos enseignes si vous avez une chaîne de restaurants. Il vous suffit de cliquer sur « Ajouter un calque » et de procéder de la même manière.

Vous pourrez en cliquant sur « Signet individuels » puis sur « Définir des libellés > nom » modifier le nom de chaque calque en y indiquant de quelle boutique il s’agit.

marqueur-google-map-personnalise.18

marqueur-google-map-personnalise.19

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous aimerez aussi

Stay informed of LivePepper offers and news

Restez informé des offres et actualités LivePepper