Ajouter des cartes élégantes à votre page est une expérience interactive

Écrit par

dans

Adding-Stylish-Maps-to-your-Page-is-an-Interactive-Experience-2Vous pouvez désormais intégrer des cartes dans la conception de vos pages grâce à Page Builder Sandwich !

C’est curieux de s’enthousiasmer pour des cartes. On récupère l’URL de Google Maps, puis on l’intègre. Ou alors, on trouve une extension de carte en ligne et on insère un shortcode. Ou peut-être que votre autre constructeur de page en propose déjà une et que vous pouvez en ajouter une dès que vous le souhaitez. Mais si nous sommes si enthousiastes, c’est parce que nous avons porté l’ajout de cartes à un tout autre niveau.

Voici un aperçu :

L’ancienne façon ennuyeuse d’ajouter une carte

Voici comment vous ajoutez une carte avec un constructeur de page classique :

  1. Vous faites glisser un nouvel élément de carte,
  2. Vous saisissez la latitude et la longitude dans les champs,
  3. Vous entrez d’autres valeurs dans les champs comme la hauteur de la carte, la largeur de la carte, cochez la case du style de route, etc.,
  4. Vous cliquez sur aperçu, vérifiez à quoi cela ressemble et décidez que vous devez modifier quelque chose pour le rendre plus attrayant,
  5. Vous retournez dans le constructeur de page et modifiez les valeurs, puis vous répétez l’étape 4 ci-dessus.

La méthode Page Builder Sandwich pour ajouter une carte

Les cartes sur les sites web sont interactives – vous pouvez vous déplacer, zoomer et dézoomer sur la carte. Nous nous sommes donc dit, pourquoi ne pas éliminer toutes les approximations et permettre tout simplement d’interagir directement avec la carte lors de la création de votre page ?

Voici comment vous ajoutez une carte avec Page Builder Sandwich :

  1. Vous ajoutez un élément de carte,
  2. Vous saisissez la latitude et la longitude ou l’adresse sur laquelle vous souhaitez centrer la carte,
  3. Vous déplacez la carte et effectuez un zoom avant ou arrière pour obtenir le rendu souhaité,
  4. Vous ajoutez de superbes couleurs à vos cartes pour les adapter à votre style,
  5. Vous cliquez sur enregistrer.

Notre méthode est bien plus amusante et intuitive. En gros, vous interagissez avec la carte exactement comme vous le feriez avec un Google Maps standard.

Cartes colorées ou personnalisation avec SnazzyMaps

Une fonctionnalité formidable que nous avons intégrée est la possibilité de teinter et de colorer vos cartes, et c’est ultra simple. (Ceci est réservé à la version premium). Si vous souhaitez colorer votre carte, cliquez simplement sur notre sélecteur de couleurs et choisissez une couleur, et votre carte changera instantanément.

En voici une que nous avons teintée en rose :

Page Builder Sandwich prend également en charge des combinaisons de couleurs plus élaborées via SnazzyMaps. Ils disposent d’une immense sélection de thèmes de couleurs créés par les utilisateurs, et ils vous permettent de concevoir le vôtre si vous souhaitez un contrôle accru sur les couleurs.

Trouvez simplement la palette de couleurs qui vous plaît, puis copiez le code et collez-le dans Page Builder Sandwich. La palette de couleurs s’appliquera aussitôt à votre carte.

Voici un superbe thème de couleurs appelé papuportal dark de SnazzyMaps:

Placez des cartes où vous le souhaitez

Il y a bien d’autres choses intéressantes que vous pouvez faire avec les cartes – comme les ajouter dans des rangées en pleine largeur pour un effet plus spectaculaire. Vous pouvez également les intégrer dans un carrousel si vous le souhaitez, ou dans des onglets (une fonctionnalité à venir).

Si vous n’avez pas encore Page Builder Sandwich, vous pouvez essayer la version premium en cliquant sur le lien « Live Demo » ci-dessus.