Suivez votre progression
Accueil Trailhead
Accueil Trailhead

Personnalisation des pages et délégation de l’intégration à votre site Web

Objectifs de formation

Une fois cette unité terminée, vous pourrez :

  • Personnaliser le formulaire d’inscription des bénévoles
  • Déterminer les informations à transmettre à votre développeur Web
  • Répertorier les autres pages Web incluses dans V4S

Personnalisation de votre formulaire d’inscription

Nous pouvons maintenant apporter quelques touches finales. Nous avons vu les champs prêts à l’emploi qui sont inclus dans le formulaire d’inscription : Prénom, Nom, E-mail, Téléphone professionnel, Téléphone personnel, Organisation, Adresse postale et Nombre de bénévoles. Si par exemple le téléphone professionnel ne vous intéresse pas, vous pouvez le retirer du formulaire. Vous pouvez également inclure un champ personnalisé dans les contacts afin de suivre l’animal favori de vos bénévoles. Devinez quoi... vous pouvez le faire dans V4S.

Vous pouvez inclure dans votre formulaire d’inscription n’importe quel champ, standard ou personnalisé, qui figure dans l’objet du contact ou dans l’objet des heures de bénévolat. En effet, le formulaire d’inscription des bénévoles utilise une fonctionnalité pratique appelée ensembles de champs. Dans Salesforce, un ensemble de champs regroupe les champs qu’une page Visualforce peut utiliser. Les ensembles de champs utilisés dans le formulaire d’inscription sont appelés VolunteersJobListingFS.

EarthCorps doit occasionnellement appeler ses bénévoles sur leur téléphone mobile. Puisque Téléphone mobile est un champ de contact, Dianna sait qu’elle peut l’ajouter au formulaire d’inscription des bénévoles. Suivons Dianna qui ajoute le champ Téléphone mobile à l’ensemble de champs.

Évoquons les mauvaises nouvelles. Malheureusement, les ensembles de champs ne sont pas disponibles actuellement dans Lightning Experience. Ainsi, pour personnaliser votre formulaire, vous devez basculer vers Salesforce Classic. Croyez-nous, nous aimerions vous proposer une autre solution. La bonne nouvelle est que le basculement vers Classic pour utiliser des ensembles de champs et le retour vers Lightning sont extrêmement rapides et simples grâce au commutateur. Après avoir basculé vers Classic, seule votre propre connexion est affectée. Les autres utilisateurs présents dans Lightning ne quittent pas l’interface Lightning.

Pour basculer vers Classic, dans l’en-tête de Lightning Experience, cliquez sur l’image de profil, puis sélectionnez Basculer vers Salesforce Classic. Capture d’écran du bouton Basculer vers Salesforce Classic.

1. Dans Salesforce Classic, dans Configuration, saisissez Ensembles de champs dans la zone Recherche rapide, puis sélectionnez Ensembles de champs sous le menu Contacts.

Remarque

Remarque

Cet exemple n’utilise pas l’ensemble de champs VolunteersJobListingFS de l’objet des heures de bénévolat. Nous souhaitons néanmoins vous indiquer où le trouver si vous souhaitez inclure certains de ses champs. Dans Configuration, saisissez Objets dans la case Recherche rapide, puis cliquez sur Objets sous le menu Créer. Dans la liste des objets, cliquez sur Heures de bénévolat. VolunteersJobListingFS est affiché dans la section Ensembles de champs.

2. Cliquez sur Modifier en regard de VolunteersJobListingFS. La page de liste des missions (où se trouve le formulaire d’inscription des bénévoles) utilise l’ensemble de champs VolunteersJobListingFS.

3. De la même façon que dans la page standard Modifier la présentation de page, dans la page Ensemble de champs vous pouvez ajouter, retirer et réorganiser les champs. Dianna fait glisser le champ Téléphone mobile pour le placer juste après Téléphone personnel. Capture d’écran de la page Ensemble de champs.

Remarque

Remarque

Vous pouvez faire glisser des champs associés de diverses références, mais le formulaire d’inscription des bénévoles de la page VolunteerJobListingsFS prend en charge uniquement les champs qui figurent dans l’objet Contact.

Lorsque Dianna a terminé, la liste d’EarthCorps se présente comme suit. Capture d’écran de la liste Ensemble de champs d’EarthCorps.

4. Cliquez sur Enregistrer.

5. Pour afficher le formulaire d’inscription des bénévoles nouveau et amélioré, accédez à la même URL que vous avez utilisée pour tester votre site. Dianna accède à l’URL :

http://earthcorpsvfstrailhead.force.com/GW_Volunteers__VolunteersJobListingFS

6. Cliquez sur un lien d’inscription pour afficher les champs ajoutés au formulaire. Dianna constate que le champ Téléphone mobile a été ajouté. Capture d’écran du formulaire d’inscription des bénévoles.

Conseil de dépannage : Si des champs que vous avez ajoutés à l’ensemble de champs ne sont pas affichés dans votre formulaire d’inscription, il se peut qu’ils ne soient pas activés pour le profil utilisateur invité du site Volunteers. Le cas échéant, un message d’erreur est affiché en rouge en haut de la page, indiquant les champs à activer. Pour activer les champs, cliquez sur Paramètres d’accès public dans la page de détails du site. Capture d’écran du bouton Paramètres d’accès public de la page de détail du site.

Modifiez le profil pour accorder l’accès aux champs que vous souhaitez inclure au formulaire d’inscription. Pour plus d’informations sur la modification des profils, reportez-vous au module Sécurité des données (suivez le lien Data Security dans la section Ressources).

Lorsque votre formulaire d’inscription vous convient, vous pouvez revenir dans Lightning Experience à l’aide du commutateur. Cliquez sur le nom dans le coin supérieur droit, puis sélectionnez Basculer vers Lightning Experience. Capture d’écran du bouton Basculer vers Lightning Experience.

Autres pages V4S

Outre la page de liste des missions de bénévolat et du formulaire d’inscription, V4S inclut d’autres pages pratiques qui facilitent la gestion des bénévoles.

  • Page d’inscription générique des bénévoles : un bénévole peut manifester son intérêt sans s’inscrire dans une équipe spécifique.
  • Page du calendrier : affiche la vue du calendrier de vos équipes de bénévoles.
  • Page des heures effectuées : les bénévoles peuvent indiquer les heures consacrées à une mission spécifique.
  • Référence personnelle du contact du site : les bénévoles peuvent demander un lien vers leur site personnel pour consulter toutes les données de leur enregistrement de bénévole.
  • Informations personnelles du contact du site : montre au bénévole ses informations de contact et de bénévole, les équipes des missions à venir et son historique de bénévolat.

Chaque page peut être personnalisée. Pour plus de détails, reportez-vous au guide V4S Installation and Configuration Guide (disponible dans la page Volunteers for Salesforce Documentation qui est répertoriée dans la section Ressources).

Pour prévisualiser les pages ci-dessous sur votre site, ajoutez le nom de page approprié à la fin de l’URL de votre site.

Page à afficher À ajouter à l’URL du site
Page d’inscription générique des bénévoles /GW_Volunteers__VolunteersSignupFS
Page du calendrier /GW_Volunteers__JobCalendar
Page des heures effectuées /GW_Volunteers__VolunteersReportHours
Référence personnelle du contact du site /GW_Volunteers__PersonalSiteContactLookup
Informations personnelles du contact du site /GW_Volunteers__PersonalSiteContactInfo

Dianna souhaite afficher un aperçu des événements dans la page du calendrier, suivons la procédure.

  1. Dans Configuration, saisissez Sites dans la case Recherche rapide, puis sélectionnez Sites.
  2. Cliquez sur l’URL de votre site. Dianna clique sur http://earthcorpsvfstrailhead.force.com. La barre d’adresse de son navigateur affiche l’URL du site d’EarthCorps.
  3. Pour afficher la page du calendrier, elle ajoute /GW_Volunteers__JobCalendar. Dianna obtient l’URL suivante : http://earthcorpsvfstrailhead.force.com/GW_Volunteers__JobCalendar

Elle correspond à la vue du calendrier des événements d’EarthCorps pour le mois d’octobre. EarthCorps peut aisément montrer les activités à ses bénévoles et intégrer leurs données à Salesforce.
Calendrier des missions

Informations à transmettre à votre développeur Web

Vous avez accompli 95 % du travail nécessaire pour intégrer V4S à votre site Web. Vous avez créé un site Salesforce, configuré les autorisations et les accès requis, testé votre site et personnalisé votre formulaire d’inscription. Que reste-t-il ?

Généralement, l’intégration des pages V4S à votre site Web nécessite de les incorporer avec un iframe. Ne vous inquiétez pas si vous ignorez de quoi il s’agit, votre développeur Web comprendra. Votre développeur doit connaître l’URL de la page de liste des missions et les URL des pages que vous souhaitez inclure.

Dianna a beaucoup aimé l’aperçu du calendrier des événements. Par conséquent, elle transmet aussi cette URL au développeur Web d’EarthCorps. La liste des URL de Dianna :

  • http://earthcorpsvfstrailhead.force.com/GW_Volunteers__VolunteersJobListingFS
  • http://earthcorpsvfstrailhead.force.com/GW_Volunteers__JobCalendar

Elle peut également transmettre aux développeurs Web un exemple de code iframe en HTML :

<iframe src="http://earthcorpsvfstrailhead.force.com/GW_Volunteers__VolunteersJobListingFS"  frameborder="0" scrolling="false" height="600" width="500"></iframe>

Pour terminer, son développeur Web aimerait consulter le guide d’installation et de configuration de V4S (disponible dans la page Volunteers for Salesforce Documentation qui est répertoriée dans la section Ressources).

Dessin d’un livre intitulé « Volunteers for Salesforce », muni d’une reliure bleue.

Le site Web est prêt. Assurez-vous que vous disposez des outils nécessaires pour communiquer avec les bénévoles et suivre leur participation. Nous allons examiner ces points dans le prochain module, Gestion des bénévoles.

Ressources