Intégrer sur le site une image avec des points cliquables

Voir en action sur la page d'accueil du site https://www.lamaisondezelie.net/, autre exemple sur l'image sur cette page.

Un click sur chaque  sur la carte permet d'afficher des informations à droite de la carte (ci-dessous pour Autun)

Des possibilités infinies pour votre diaporama (composant Smartslider PRO)

Bien sûr le diaporama de ce site est construit avec Smartslider

 voir un autre exemple - image animée

Nombreux exemples de diaporamas sur le site de l'éditeur : 

Un résumé des fonctionnalités (en anglais, très simple et explicite) : nos préférées sont certainement les fonctions liées au responsive, au SEO, et les animations de toutes sortes...

Le blog de l'éditeur regorge également de ressources.

Pour construire un diaporama, on peut:

• partir d'un exemple de diaporama entier (plusieurs slides) et le modifier,
• partir d'un seul slide et le modifier,
• partir d'un slide et l'enrichir avec les nombreux widgets disponibles (texte, texte animé, image, média, module Joomla etc...),
• partir d'une page blanche !

Un diaporama peut aussi être construit dynamiquement à partir d'articles sélectionnés ou une catégorie d'articles Joomla (par exemple on peut afficher automatiquement le titre et l'image d'intro sur 4 slides pour les 4 actualités les plus récentes).

Nombreuses ressources disponibles sur le site de l'éditeur:

Une courte vidéo sur les quelques bases pour construire le diaporama ("Slide editing layers") et comprendre comment placer les contenus et éléments graphiques.
Passionnant et très accessible, aussi bien pour le webmaster que pour le client !

Nombreux types de champs possibles

• insertion de textes explicatifs, titres et images,
• champs de saisie avec règles de validation (Exemples : email, valeurs numériques uniquement...),
• zone de message, cases à cocher, listes déroulantes,
• calendrier et heures,
• fichier joint avec contrôle sur le type et le poids,
• tous ces champs peuvent être obligatoires ou non (très visible sur le site),
• case à cocher "Je ne suis pas un robot",
• possibilités de pop up et messages d'alerte/explication,
• possibilité de sélection par échelle de valeur (test ci-dessous)

Affichages design avec un plugin

Besoins avancés

• Multi-langues : le même formulaire est affiché pour chaque langue (il n'est pas nécessaire de créer un formulaire par langue),
• Champs conditionnels : si la valeur du champ "Particulier/Professionnel" est "Particulier" alors on affiche le champ "Particulier" (test ci-dessous):
  
  Particulier/Professionnel

  Merci de sélectionnerParticulierProfessionnel

  Entrée non valide

  Particulier

  Merci de sélectionnerChoix1 particulierChoix2 particulierChoix3 particulier

  Entrée non valide

  Professionnel

  Merci de sélectionnerChoix1 professionnelChoix2 professionnelChoix3 professionnel

  Entrée non valide

  Société

  Entrée non valide

  Nom

  Entrée non valide
• Possibilité d'effectuer des calculs : champ1 = nombre, champ2= valeur, champ3 (non saisi, uniquement affiché)=total,
• Possibilité d'afficher dynamiquement les valeurs d'une table au sein d'une liste déroulante,
• Lorsqu'un utilisateur est connecté (un adhérent), il est possible de récupérer automatiquement ses informations au sein du formulaire.

Autres fonctionnalités

• Affichage du formulaire en 2 colonnes responsives (cf champs conditionnels ci-dessus),
• Export/import en csv du détail des soumissions
• Multi-destinataires (y compris cc et cci)
• Emails de l'administrateur et de l'utilisateur administrables comme un article (simplicité, insertion de couleurs, d'images, de liens...),
• L'objet des emails est également très simple à maintenir,
• Le message de remerciements affiché à l'écran est également administrable comme un article.

RGPD

• case de consentement à cocher et lien vers la page de gestion des données personnelles,
• case de consentement à cocher pour s'inscrire à une newsletter,
• le mail de l'utilisateur comporte l'intégralité des informations qu'il a transmis,
• la transmission d'une soumission peut-être validée via un email de confirmation,
• automatisation de la suppression des soumissions de plus de X jours (X est paramétrable par formulaire),
• fonctionnalité exceptionnelle : au sein du mail reçu par l'utilisateur, celui-ci dispose d'un lien pour supprimer les informations de sa soumission au sein de la base de données (cf image ci-dessous)

Nos conseils

• pour des formulaires efficaces et attractifs,
• pour effectuer tous les tests avant mise en production,
• pour exploiter au mieux les soumissions (droits spécifiques, affichage privé, export...)

Exemples d'utilisation

• commande de produits,
• réservation de séjour,
• transmission de notes de frais (et affichage privatif par utilisateur de son historique).