🧑‍🎨 Éléments contenus basiques

Les éléments de Contenus Basiques vous permettront de structurer vos Pages, d'établir des redirections et d'ajouter des médias (images, vidéos, documents).

Les éléments disponibles sont :

🔡 Élément Texte

L'élément Texte vous permet d'ajouter un texte libre sans limite de caractères avec un accès à la mise en forme. Vous pouvez ainsi paramétrer un paragraphe, un Heading, la typographie, la couleur du texte, la couleur de fond, l'alignement, le format (gras, italique, souligné, barré), ajouter une citation, faire des listes numérotées, des listes à puces, ajuster l'alignement de votre paragraphe, insérer des liens hypertexte et ajouter des images par copier/coller.

⎨⎬ Les variables dans l'élément Texte

L'élément texte va également vous permettre d'afficher des Variables dans les Page d'un Workflow, d'un Suivi ou bien d'une Fiche ou encore dans les Pages de l'Espace Personnel. Dans ce cas, les données affichées par les Variables ne seront pas modifiables par l'Utilisateur.

Prenons l'exemple d'un suivi de facturation, lorsque l'Utilisateur arrivera sur la première étape du Suivi, le titre de la page affichera la Référence de la Facture à la place de {Référence unique facture}.

🌃 Élément Image

Vous pouvez sélectionner d'ajouter une ou plusieurs images à vos Pages et choisir d'afficher une image de votre ordinateur ou depuis un champ fichier. Cette deuxième option vous permet d'afficher une image importée par l'utilisateur final de votre application (ex : logo d'une entreprise, photo de l'utilisateur final ...) et donc de personnaliser votre application en fonction de l'utilisateur.

Vous pouvez ensuite définir ses paramètres :

  • l'alignement

  • la largeur (la hauteur s'ajustera automatiquement pour ne pas déformer l'image)

  • décorréler l'image : vous pouvez choisir de modifier la hauteur automatique (attention à la déformation de votre image)

  • désactiver le style : les paramètres de style par défaut (arrondis et ombres) seront supprimés

  • la redirection vers : un lien externe, une étape précédente, suivante ou particulière, une Page (si l'image est positionnée dans un Espace Personnel), un Workflow.

Extensions supportées : 'jpg', 'jpeg', 'png', 'gif', 'webp'

⬜️ Élément Espace vide

Comme son nom l'indique, cet élément vous permet d'insérer des espaces dans les Workflows, Suivi et Fiche pour "aérer" la lecture de leur contenu. Vous pouvez paramétrer la hauteur de votre l'espace en pixel.

➖Élément Séparateur

L'élément Séparateur permet d’insérer une ligne séparatrice entre deux éléments. Ce type d'élément est disponible sur toutes les pages d'une application. Le Maker peut définir sa couleur, son épaisseur, sa largeur, son style et sa disposition.

🧑🏽‍💻 Élément HTML

Comme son nom l'indique permet d'afficher un bloc HTML dans la page. Au sein de celui-ci vous pouvez mettre des balises de style qui contiennent du CSS et des balises HTML. Vous pouvez aussi utiliser des variables dans cet élément, par exemple pour reprendre des informations qui auraient pu être rentrées dans un workflow.

Les balises <script> ne sont pas utilisables dans l'élément HTML.

🖼️ Élément Iframe

L'élément Iframe permet d'intégrer simplement un Iframe sur votre page. Cela permet de facilement intégrer un site internet, pour les sites qui le permettent, à l'intérieur de votre app Ksaar.

Il suffit de mettre le lien vers le site internet que vous voulez intégrer dans votre Iframe pour qu'il s'affiche sur votre page.

🎞 Élément Vidéo

Vous pouvez sélectionner d'ajouter une ou plusieurs vidéos à vos Pages (hébergé sur un site type Youtube) et définir ses paramètres :

  • le lien

  • l'alignement

  • la largeur (la hauteur s'ajustera automatiquement pour le pas déformer l'image)

  • décorréler l'aperçu de la vidéo : vous pouvez choisir de modifier la hauteur automatique (attention à la déformation de votre image)

  • désactiver le style : les paramètres de style par défaut (arrondis et ombres) seront supprimés

La lecture de la vidéo se fait dans la Page, l'Utilisateur n'est pas redirigé vers un lien externe.

📄 Élément Document

Vous pouvez ajouter un document à vos Pages afin que les Utilisateurs puissent le consulter, soit avec l'option "Ouvrir" soit avec l'option "Télécharger". Extensions supportées : 'doc', 'docx', 'xls', 'xlsx', 'zip', 'rar', 'csv', 'docx', 'ppt', 'pptx', 'pdf', 'jpg', 'jpeg', 'png', 'gif', 'webp'

🔵 Élément Bouton

L'élément Bouton, comme son nom l'indique vous permet d'insérer un ou plusieurs Bouton sur vos Workflows, Suivis et Fiches. Vous pouvez paramétrer son libellé, par exemple "Confirmer", son alignement, sa largeur (ajuster au texte ou ajuster à la largeur de la colonne) et sa redirection : un lien externe, la prochaine étape, l'étape précédente, vers une étape particulière, un workflow.

Par défaut, le bouton prend la couleur de votre application, mais vous pouvez entièrement personnaliser la couleur ainsi que tous les éléments de design du bouton.

🔙 Éléments Continuer et Précédent

Ces deux éléments sont des Boutons déjà paramétrés pour pointer vers l'étape suivante ou l'étape précédente. De la même manière que pour l'élément Bouton, vous pouvez paramétrer ses propriétés graphiques.

🗑️ Élément Supprimer

Cet élément est un bouton qui permet de supprimer l'enregistrement en cours.

Sur ce bouton, vous pouvez paramétrer la redirection qui se produit après la suppression de l'enregistrement. Dans le cas où le bouton se trouverait sur une pop-up, vous devez choisir si toutes les pop-ups devront se fermer ou uniquement celle en cours. Dans le cas où le bouton serait sur un workflow ouvert sur une autre page, vous devez choisir vers quelle page de l'espace personnel il faut rediriger l'utilisateur.

Il y a un message de confirmation par défaut qui peut aussi être personnalisé.

💻 Élément Conférence Vidéo

Comme son nom l'indique l'élément Conférence Vidéo vous permet de donner accès aux Utilisateurs ou Groupe d'Utilisateurs à une salle de Conférence Vidéo. L'élément se présente sous forme de bouton avec un lien redirectif vers l'application Jitsi. Cliquez sur l'élément pour en configurer :

  • le libellé (texte du bouton visible par l'Utilisateur)

  • l'alignement du bouton & sa largeur

  • le nom de la Room

Pour que votre conférence vidéo démarre correctement, votre nom de Room doit être unique. Privilégiez donc une combinaison aléatoire de chiffres et de lettres.

  • l'accès à la barre d'outils (si vous cachez la barre d'outils alors il aura seulement la possibilité de quitter l'appel. Si vous l'affichez, il aura accès à tout un tas de paramètres comme par exemple : le partage d'écran).

🏷 Élément Carte

L'élément Carte vous permet de structurer visuellement votre page, d'ajouter un élément graphique en plus. Il a la même fonctionnalité qu'un Bouton car il redirige vers une Page, un Workflow ou des étapes. Vous pouvez paramétrer :

  • le titre et le sous-titre

  • le texte lorsque la souris survole la carte

  • une image/photo à afficher sur cette carte (depuis votre ordinateur ou depuis un champ fichier). Extensions supportées : 'jpg', 'jpeg', 'png'.

  • une icône

  • la redirection de votre carte (lien externe, prochaine étape, étape précédente, une étape particulière, un Workflow).

Si vous placez la Carte dans un Espace Personnel, vous pouvez faire une redirection vers une Page d'un Espace Personnel.

Élément Bouton partage

Cet élément, qui est uniquement disponible dans les fiches, permet d'obtenir un lien de partage vers cette même fiche.

Vous pouvez choisir de directement afficher le lien pour pouvoir le copier puis le partager, ou vous pouvez afficher le lien sous forme de QR Code que vous pouvez aussi copier et télécharger pour le partager.

Le lien redirige vers cette même fiche pour les utilisateurs qui sont connectés à votre application.

🪄 Élément Sketchfab

Nous avons mis en place la possibilité d'insérer des visuels 3D du site Sketchfab dans les pages de votre application. Pour ce faire : 1️⃣ Insérez un élément Sketchfab 2️⃣ Cliquez sur l'élément 3️⃣ Coller le lien de votre élément 3D à afficher 4️⃣ (Optionnel) Réglez l'alignement et les dimensions d'affichage 5️⃣ Confirmez et voyez le rendu s'afficher sur votre page

👉🏼 Cet élément est uniquement disponible sur demande, n'hésitez pas à nous contacter pour que nous puissions l'activer sur votre compte maker 😉

📃 Élément Document Créé

Cet élément va vous permettre d'afficher sur une Page un document préalablement rempli avec l'Action "Créer un document". Pour l'affichage d'un document PDF : en cliquant sur l'élément vous allez pouvoir choisir le document PDF à afficher et décider de son affichage : soit afficher le document entier sur la page ou bien un bouton de téléchargement. 1️⃣ Afficher le document sur la page en cours, les options disponibles au survol du document :

  • zoom - et +

  • visualiser le PDF dans le lecteur de PDF de votre ordinateur

  • télécharger le document

2️⃣ Afficher le bouton de téléchargement, l'Utilisateur pourra alors choisir d'ouvrir ou de télécharger le document.

Par défaut, pour l'option Ouvrir, le document s'ouvre dans un nouvel onglet. Si vous activez l'option "Ouvrir dans une modale" alors le document s'affichera sous forme de pop-up dans la fenêtre de navigation actuelle.

Pour l'affichage d'un document au format docx ; vous pouvez seulement laisser la possibilité à l'Utilisateur de télécharger le document.

Dernière mise à jour