Création de sections personnalisées

Voir aussi :

• Votre éducation avec Aurora Academy
• Aurora Academy - Mode de vente : Personnalisation de base 
• Aurora Academy - Mode de vente : Personnalisation avancée

 

Table des matières

Choix d'une mise en page

Formatage des sections personnalisées

Ajouter du contenu à des sections personnalisées 

Réorganisation des sections

Gestion de la visibilité des sections

Mise à jour des propositions de projet vers de nouveaux modèles

FAQ

 

Vue d'ensemble

Les administrateurs peuvent créer des sections personnalisées et les ajouter n'importe où dans le modèle de proposition. Pour une meilleure expérience lors de la personnalisation de votre proposition, suivez la procédure ci-dessous : 

1. Déterminez d'abord l'aspect de votre section et le contenu que vous souhaitez y ajouter.
2. Ensuite, choisissez la mise en page qui correspond le mieux à votre vision
3. Ajouter du contenu à vos sections personnalisées
4. Utilisez le bouton de prévisualisation pour voir à quoi ressemblera votre section.
5. Affiner les ajustements grâce à un formatage supplémentaire 

Que pouvez-vous ajouter dans les sections personnalisées ? 

Les administrateurs peuvent ajouter diverses informations dans leurs sections personnalisées. Avec les sections personnalisées, vous pouvez ajouter : 

• Images, texte, vidéo
• Graphiques interactifs
• Variables

Avant d'ajouter des sections personnalisées, vous devez dupliquer un modèle standard ou créer un nouveau modèle de proposition. Pour en savoir plus, consultez lesite Configuration des modèles de proposition en mode vente

 

Choix d'une mise en page 

Pour commencer

1. Ouvrez un modèle de proposition personnalisé dans la page Base de données des modèles de proposition.
2. Cliquez sur le bouton Modifier dans le coin supérieur droit de la page.
3. Cliquez sur le bouton Bibliothèque situé dans le coin supérieur gauche de la page.
4. Cliquez sur un bouton de mise en page (Un par un, Un par deux ou Un par trois) et faites-le glisser vers le côté droit de la page.

 

Après avoir sélectionné une mise en page de section, vous pouvez personnaliser la façon dont la section apparaîtra dans les propositions PDF. Cliquez sur l'icône de l'engrenage dans le coin supérieur gauche de la section pour faire apparaître les options de mise en page PDF dans le menu de gauche.

1. Autoriser le contenu à s'étendre sur plusieurs pages PDF : En sélectionnant cette option, cette section sera transformée en plusieurs pages dans la proposition de PDF afin d'y intégrer tout le contenu ajouté à la section.
2. Réduire le contenu pour qu'il tienne sur une seule page du PDF : Si vous sélectionnez cette option, le contenu de la section sera réduit pour tenir sur une seule page de la proposition PDF.

 

Ajout de sections préfabriquées

L'onglet Bibliothèque de contenu d'Aurora comprend des sections prédéfinies que vous pouvez personnaliser. Pour personnaliser, cliquez sur l'onglet Bibliothèque, faites défiler vers le bas jusqu'aux sections préfabriquées dans le menu de gauche, puis cliquez et faites glisser une section préfabriquée du menu de gauche vers le côté droit de l'écran.

À partir de là, vous pouvez modifier le contenu comme vous le feriez pour des sections personnalisées.

 

Formatage des sections personnalisées

Pour commencer, il est important de connaître les définitions de ce qui constitue une section personnalisée vierge. 

 

Cellule

Une cellule est la section la plus granulaire d'une section de proposition. C'est ici que vous ajouterez vos widgets tels que du texte, des vidéos, des images et des sections explicatives. Vous pouvez ajouter plusieurs widgets à une cellule et les disposer comme vous le souhaitez. 

Une fois que vous avez placé vos blocs de contenu dans une cellule, vous pouvez formater correctement votre cellule. 

1. Placez tous les blocs souhaités dans une cellule
2. Survolez la cellule et cliquez sur l'icône de l'engrenage.
3. Sur le côté gauche de votre écran, vous trouverez l'option de formatage. 

Formatage d'une cellule : 

1.  Rembourrage gauche/droite - l'espace à gauche et à droite des widgets à l'intérieur d'une cellule.
2. Rembourrage haut/bas - l'espace entre le haut et le bas des widgets à l'intérieur d'une cellule.
3. Gap - l'espace entre les widgets
4. Intervalle entre les lignes - le nombre se réfère au nombre de lignes étendues. Si le nombre dépasse le nombre de colonnes de la grille, il s'étendra sur toutes les lignes.
5. Étendue des colonnes - le nombre fait référence au nombre de colonnes étendues. Si le nombre dépasse le nombre de colonnes de la grille, il s'étendra sur toutes les colonnes.
6. Justifier - fonctionne avec l'espacement des lignes. Lorsqu'une mesure est ajoutée à la zone d'espacement des lignes, vous pouvez décider de l'emplacement des widgets dans une cellule s'étendant sur une ligne.
7. Align - fonctionne avec la portée de la colonne. Lorsqu'une mesure est ajoutée à la boîte d'alignement, vous pouvez décider de l'emplacement des widgets à l'intérieur d'une cellule ou d'une colonne. 

Vous pouvez copier le contenu d'une cellule et le coller dans une autre cellule. La mise en forme du contenu copié sera conservée lorsqu'il sera collé dans la nouvelle cellule.

 

Grille 

Une grille est composée d'une ou plusieurs cellules et peut être formatée si vous souhaitez ajouter des sections supplémentaires à votre section. Pour obtenir une granularité encore plus fine, vous pouvez ajouter une grille à une cellule. 

Aurora recommande de commencer par formater une grille. Après avoir formaté votre grille, ajoutez vos widgets, puis formatez vos cellules. 

Pour modifier votre grille, passez la souris sur la grille et sélectionnez l'icône de l'engrenage. Vous verrez 6 options. 

1. Nombre de colonnes - où vous pouvez ajouter ou soustraire le nombre de colonnes que vous avez. 
2. Nombre de cellules - vous avez la possibilité de modifier le nombre de cellules. Remarque : veillez à ne modifier le nombre de cellules qu'avant de commencer à ajouter du contenu et des widgets à votre section personnalisée. Si le nombre de cellules est modifié après que vous avez ajouté du contenu, la section entière sera supprimée. 
3. Espace entre les lignes - Si votre grille est composée de plusieurs cellules, vous pouvez modifier l'espace entre les cellules (de haut en bas entre les cellules).
4. Espace entre les colonnes - si votre grille est composée de plusieurs cellules, vous pouvez modifier l'espace entre les cellules (de gauche à droite entre les cellules).
5. Remplissage gauche/droite - espacement entre la grille et la cellule de gauche à droite (autour de l'extérieur de la cellule).
6. Remplissage haut/bas - espacement entre la grille et la cellule de haut en bas (autour de l'extérieur de la cellule). 

 

Section 

Une section est un autre terme désignant un tronçon entier. Une section est le niveau le plus élevé, composé de grilles et de cellules. 

Ajouter du contenu à des sections personnalisées

Une fois que vous avez décidé de la présentation de votre section, il est temps d'ajouter du contenu. Pour ce faire, glissez-déposez un bloc de l'onglet Blocs situé à gauche dans une cellule. Veillez à ce que tous les blocs qui doivent avoir le même alignement, le même remplissage ou le même arrière-plan se trouvent dans la même cellule afin de garantir que le contenu reste cohérent. Utilisez également l'onglet "Aperçu" pour vérifier régulièrement votre progression.

 

Annuler et refaire

Les utilisateurs peuvent annuler ou rétablir toute action entreprise au cours du processus de personnalisation en utilisant les boutons Annuler/Rétablir situés en haut de la page. 

Copier et coller du contenu et du formatage

Chaque cellule et grille peut être copiée pour le contenu ou la mise en forme. Sélectionnez l'icône des points verticaux pour choisir entre copier le contenu ou copier le contenu de n'importe quelle cellule ou grille.

Une fois le contenu ou le formatage copié dans le presse-papiers, sélectionnez une autre icône de points verticaux pour coller le contenu.

Images d'arrière-plan pour les sections

Sélectionnez une image d'arrière-plan pour vos sections en cliquant sur l'icône de l'engrenage en haut à gauche de la section. Sélectionnez l'image d'arrière-plan dans le menu de gauche et téléchargez l'image d'arrière-plan depuis votre disque dur.

Les images d'arrière-plan ont deux possibilités de mise en page : s'adapter ou se remplir.

Avec l'ajustement, l'image est mise à l'échelle pour s'adapter aux dimensions du conteneur tout en conservant son rapport d'aspect d'origine (le rapport entre la largeur et la hauteur). L'image entière est visible, mais il peut y avoir des espaces vides (comme des bordures) si le rapport d'aspect de l'image ne correspond pas au rapport d'aspect du conteneur. L'option Ajuster est utile lorsque vous voulez vous assurer que l'image entière est affichée sans distorsion ni recadrage.

Dans le cas du remplissage, l 'image est mise à l'échelle pour couvrir l'ensemble du conteneur et peut même dépasser ses limites pour remplir l'espace, tout en conservant le rapport hauteur/largeur. L'écran est entièrement recouvert par l'image, mais une partie de l'image peut être coupée si le rapport d'aspect ne correspond pas. C'est l'idéal lorsque vous voulez vous assurer qu'il n'y a pas de lacunes ou d'espaces vides dans la page, même si cela signifie qu'une partie de l'image est recadrée.

 

Exemple visuel adapté :

 

Remplir l'exemple visuel :

Rapport d'aspect de l'image plein écran

Il est essentiel de choisir un rapport d'aspect qui permette de mettre en valeur la majeure partie de votre image sur la plupart des appareils. Le format 3:2 est une option polyvalente qui s'adapte bien à de nombreuses tablettes tout en conservant une excellente présentation sur les ordinateurs de bureau et les appareils mobiles. Veuillez noter que la taille des fichiers est limitée à 1 Mo pour les images téléchargées afin de permettre un chargement rapide de la présentation et des propositions en ligne.

Frontières

Sélectionnez une bordure pour votre bloc de contenu en cliquant sur l'icône de l'engrenage en haut à gauche de ce bloc. Sélectionnez la largeur de la bordure parmi les options prédéfinies ou choisissez une largeur personnalisée. Sélectionnez la couleur de la bordure. Utilisez la fonction Rayon pour déterminer l'arrondi des bords de la bordure. 

Texte

Pour ajouter du texte, cliquez sur la boîte de texte et maintenez-la enfoncée, puis faites-la glisser jusqu'à la cellule de votre choix. Le violet indique que vous pouvez placer du texte et le rouge signifie que vous ne pouvez pas placer de texte dans cet espace. Une fois que vous avez placé votre zone de texte dans la cellule, vous pouvez commencer à ajouter du texte.

1. Pour modifier le texte en le mettant en gras, en italique, en le soulignant, en ajoutant des liens hypertextes ou en changeant la couleur ou la taille, survolez la zone de texte pour voir les options qui s'offrent à vous.
   
   • Note : Tout texte comportant un lien hypertexte s'ouvrira dans un nouvel onglet.
2. Cliquez sur l'icône en forme de roue dentée pour ajouter un espacement autour du texte. Nous vous recommandons de ne le faire qu'après avoir placé tous vos blocs de contenu, y compris les images, les vidéos et les tableaux et graphiques interactifs.
3. Pour voir un aperçu de ce à quoi ressemblera votre remplissage sur votre section nouvellement créée, cliquez sur Aperçu situé en haut à droite. Pour quitter l'aperçu, cliquez à nouveau sur l'icône d'aperçu.
4. Par défaut, le texte n'est modifiable que par les administrateurs dans le générateur de modèles de proposition. Si vous souhaitez qu'une zone de texte spécifique puisse être modifiée en mode vente, cochez la case "Autoriser la modification de ce texte dans une proposition" dans le coin supérieur gauche du panneau de configuration :
   

Conseil : Aurora recommande d'ajouter tout le contenu que vous souhaitez inclure dans votre section avant de commencer toute mise en forme telle que l'ajout d'un remplissage autour d'un bloc de contenu. 

Si vous souhaitez modifier l'ordre dans lequel votre zone de texte est placée dans la cellule, survolez la zone de texte, cliquez sur la colonne de points verticaux et maintenez-la enfoncée, puis déplacez-la à l'endroit souhaité. 

Pour supprimer une zone de texte, survolez-la et, dans la barre d'outils qui s'affiche, cliquez sur la corbeille située à droite. 

Variables

Avec une zone de texte, vous avez la possibilité d'ajouter des variables. Pour ce faire, survolez la zone de texte et la barre d'outils apparaîtra. Sélectionnez "Variable" sur la droite et vous pourrez choisir parmi une longue liste de points de données qui se rempliront automatiquement en fonction des données de votre projet. Vous pouvez utiliser la boîte de recherche ou faire défiler manuellement la liste disponible. 

• Lorsqu'une zone de texte est sélectionnée, les variables sont surlignées en violet. Pour connaître la nature de la variable ou pour intervertir les variables, survolez l'espace réservé (données fictives) lorsque vous êtes en mode d'édition.

Conseil : pour modifier une variable, assurez-vous d'abord de supprimer le texte de la variable précédente. 

 

Images 

Une fois que vous avez ajouté un bloc d'images à votre cellule, vous avez la possibilité de choisir l'image soit par glisser-déposer, soit en la téléchargeant depuis votre ordinateur, soit en la sélectionnant dans la galerie d'images d'Aurora. Veuillez noter que la taille des fichiers est limitée à 1 Mo pour les images téléchargées afin de permettre un chargement rapide de la présentation et de la proposition Web.

Pour modifier le remplissage ainsi que la largeur et la hauteur de votre image,

1. Sélectionnez l'icône de la roue dentée
2. Entrez les mesures souhaitées à gauche.

Pour supprimer une image, cliquez sur le bouton Engrenage, puis sur le bouton Supprimer dans le menu de gauche.

 

Vidéos 

Pour ajouter une vidéo à votre section, sélectionnez le bloc vidéo dans le menu latéral gauche et faites-le glisser vers la cellule de votre choix. 

Une fois le bloc placé,

1. Survolez la vidéo et sélectionnez l'icône d'engrenage dans la barre d'outils.
2. Saisissez l'URL de YouTube à gauche de l'écran. 

Conseil : Actuellement, les vidéos doivent être ajoutées via l'URL de YouTube. 

Tableaux et graphiques interactifs

Aurora propose une large gamme de tableaux et de graphiques interactifs que vous pouvez ajouter à votre proposition afin d'attirer l'attention de vos clients et de les impressionner. 

Pour ajouter un diagramme ou un graphique interactif, sélectionnez un bloc à gauche dans la section "Interactif". Sélectionnez le graphique que vous souhaitez utiliser et déposez-le dans une cellule. 

Pour modifier la hauteur d'un graphique,

1. Passez la souris sur le graphique et sélectionnez l'icône en forme de roue dentée.
2. Effectuez les modifications à gauche. 

Conseil : Bien que certains blocs semblent occuper toute la section lorsqu'ils sont placés, une fois que vous aurez cliqué sur un widget et que vous aurez visualisé la section dans votre proposition, vous remarquerez que le résultat souhaité sera atteint. Le bouton de prévisualisation est un bon outil pour avoir une idée générale de l'aspect de la section ou vous pouvez voir le résultat réel en cliquant sur "Terminé" en haut à droite et en affichant votre section avec les autres sections de votre proposition. 

Modèles solaires

Aurora vous permet d'ajouter un ou plusieurs blocs de modèles solaires à vos pages personnalisées afin que les utilisateurs puissent montrer plusieurs vues et angles de leur conception.

Pour ajouter un modèle solaire, sélectionnez le bloc à gauche dans la section "Interactive", puis déposez-le dans la cellule.

Pour modifier la hauteur du modèle solaire,

1. Survolez le bloc et sélectionnez l'icône d'engrenage.
2. Effectuez les modifications à gauche.

Dans la vue de présentation et la proposition Web, les utilisateurs peuvent ajuster l'angle et le zoom du modèle solaire sélectionné, et activer/désactiver l'irradiance et le LIDAR. Si plusieurs modèles solaires sont affichés sur une page, chaque vue peut être ajustée indépendamment l'une de l'autre. 

Résumé des postes

Vous pouvez incorporer des lignes de résumé à n'importe quel endroit de votre modèle. Une fois ajoutés, ces widgets seront alimentés par des informations dynamiques provenant de chaque proposition. Les résumés disponibles et les personnalisations supplémentaires sont les suivants :

• Adders
  • Modifier/afficher/masquer le titre
  • Afficher/masquer les quantités
• Réductions
  • Modifier/afficher/masquer le titre
  • Afficher/masquer les quantités
• Optimisation de l'énergie
  • Modifier/afficher/masquer le titre
  • Afficher/masquer les quantités
  • Afficher/masquer les totaux
• Incitations
  • Modifier/afficher/masquer le titre
  • Afficher/masquer les montants
  • Afficher/masquer les tarifs
  • Afficher/masquer les totaux
• Stockage
  • Modifier/afficher/masquer le titre
  • Afficher/masquer les composants : batteries, onduleurs
  • Afficher/masquer les données relatives aux composants : fabricants, quantités, totaux
• Système
  • Afficher/masquer le titre
  • Afficher/masquer les composants : modules, onduleurs, optimiseurs DC, centres de charge, déconnexions, panneaux de service, compteurs
  • Afficher/masquer les données relatives aux composants : type de composant, fabricants, quantités

Note : Pour modifier la visibilité de certains additifs ou remises, les administrateurs doivent configurer ces paramètres dans la base de données. Pour en savoir plus, consultez lesite Adders and Discounts.

Par exemple, la section ci-dessous incorpore la rubrique "stockage" dans une page qui explique pourquoi un propriétaire devrait investir dans un espace de stockage. De cette manière, vous pouvez incorporer dans une même section des informations éducatives et des lignes spécifiques de la proposition.

Grille

Avec les grilles, vous pouvez créer des mises en page supplémentaires ou des sous-mises en page à l'intérieur d'une mise en page existante. Une grille vous permet de créer des sections plus complexes en ajoutant des cellules, voire d'autres grilles, dans une disposition structurée qui garantit que votre contenu s'adapte toujours à la taille de l'écran.

Imaginez que vous disposez d'un espace divisé en deux sections. Grâce aux grilles, vous pouvez prendre une de ces sections et la diviser en sections plus petites, ce qui vous permet de créer des espaces encore plus personnalisables au sein de cette section. C'est comme si vous aviez des sections plus petites à l'intérieur d'une section plus grande, ce qui vous permet de mieux contrôler votre mise en page. 

Pour ajouter une grille, il vous faut d'abord une cellule dans laquelle l'ajouter. Une fois que vous avez déterminé la cellule dans laquelle vous souhaitez ajouter la grille, faites glisser et déposez le widget de grille dans cette cellule pour commencer à la personnaliser. 

Survolez la grille nouvellement créée et sélectionnez l'icône d'engrenage. Vous pouvez maintenant modifier le nombre de colonnes et le nombre de cellules. Vous aurez également la possibilité d'ajouter du rembourrage et des espaces autour de votre nouvelle grille. 

Réorganisation des sections en mode vente

Voir Réorganisation des sections en mode vente

Gestion de la visibilité des sections

Voir Gestion de la visibilité des sections en mode vente

Mise à jour des propositions de projet vers de nouveaux modèles

Si un administrateur met à jour un modèle de proposition, vous pouvez mettre à jour vos propositions existantes avec le nouveau modèle. Il vous suffit de suivre les étapes suivantes :

1. Cliquez sur la vue de présentation d'un projet existant
2. Accédez au menu hamburger en haut à gauche.
3. Cliquez sur l'icône Actualiser en haut à droite du menu.
4. Confirmez votre sélection en cliquant sur Rafraîchir dans le menu contextuel.

Lorsque vous actualisez votre modèle, toutes les sections de votre proposition sont mises à jour en fonction du nouveau modèle, tout en conservant les données du propriétaire de la proposition. Si vous avez choisi de masquer ou d'afficher des pages auparavant, vous devrez donc masquer ou afficher à nouveau ces sections (pour en savoir plus, consultez la section Masquer ou afficher des pages en mode vente).

FAQ

Si je supprime une page personnalisée, puis-je y accéder ultérieurement pour l'ajouter à nouveau ?
Non, vous n'aurez plus accès au contenu de votre page personnalisée après l'avoir supprimée.

Puis-je inclure des pages dans la proposition Web et non dans la vue de présentation de la proposition ?
Oui. Les représentants des ventes sont en mesure d'activer ou de désactiver les pages en mode présentation par rapport aux pages laissées en suspens (web & print) pour chaque dessin ou modèle.

Les administrateurs peuvent-ils restreindre la possibilité pour les utilisateurs de masquer certaines pages ?
Oui, les administrateurs peuvent activer les fonctions suivantes Visibilité verrouillée pour empêcher les représentants de masquer certaines pages.

Quelle police est utilisée pour les pages personnalisées ?
Roobert. 

Puis-je ajouter des liens Vimeo aux pages personnalisées ?
Pas pour le moment. Seuls les liens YouTube sont pris en charge.