Modifier une page web est semblable à modifier un courriel, l'éditeur est légèrement différent mais les fonctions restent les mêmes.
Notez que la page par défaut Symplify correspond aux paramètres des Skins. Cela veut dire que ce sont les administrateurs du compte qui gèrent le contenu par défaut (entêtes et bas-de-page) et le style du gabarit par les paramètres du compte.
Table des matières de cet article :
- Disposition d'une page web
- Texte
- Image
- Lien/bouton
- Vidéo Youtube
- Contenu iFramed
- Vidéo
- Code QR
- Formulaires
- Éléments de formulaire
- Segmentation dans une page web
Disposition d'une page web
Un gabarit de page est basé sur des blocs de contenu pré-définis avec des disposition différentes; pleine largeur, 2 ou 3 colonnes, 2 colonnes ou la gauche est plus large que la droite, et plusieurs autres.
Les blocs de contenu se trouve dans l'inspecteur de gabarit du côté droit (cliquez sur l'icône +). Glisser et déposer le bloc de contenu que vous désirez dans l'aire de mise en page et modifiez le texte et les images.
Tous les blocs contiennent les éléments de contenu, du texte, des images, des liens et boutons etc. Vous pouvez ajouter des éléments à l'intérieur d'un bloc en passant la souris sur l'entête et en sélectionnant le + qui apparaitra sur le cadre du bloc. Ensuite, sélectionner le type d'élément que vous désirez ajouter. Déplacer le en cliquant sur les boutons haut/bas de l'éditeur. Vous pouvez également supprimer un élément d'un bloc en le sélectionnant et en cliquant sur supprimer dans l'éditeur.
En survolant un bloc, un cadre apparaîtra et sur ce cadre vous avez les options de modifier les paramètres du bloc, dupliquer le bloc, ou le supprimer.
Vous pouvez également facilement ajuster le style de votre page en utilisant les feuilles de style intégrées. Pour ce faire, sélectionner un élément dans votre mise en page et ensuite cliquer sur le corps du texte au bas de l'éditeur. Regarder ensuite en haut de l'éditeur, vous n'avez maintenant qu'à choisir une feuille de style parmi celles disponibles.
En survolant un bloc, et en cliquant modifier, vous pouvez sélectionner la case à cocher dans l'éditeur qui permettra d'étendre votre bloc à la pleine largeur de la page.
Texte
Il y a une sélection de feuilles de style pré-définis à choisir. Sélectionné l'élément de texte et choisissez une feuille de style dans l'éditeur. En fonction de la feuille de style choisie, le texte se stylisera de différente façon.
Vous pouvez bien sûr aligner et styler votre texte dans l'éditeur manuellement.
Vous pouvez aussi créer un lien à partir du texte. Pour se faire, choisissez le texte et dans l'éditeur cochez la case lier texte sélectionné et ajouter un lien de destination.
Image
Pour changer une image, sélectionner la, un cadre pointillé apparaitra autour.
Dans l'éditeur, sélectionner Changer image. Vous pouvez insérer des images de sources différentes, soit votre ordinateur, Instagram, Facebook, Flickr, Gmail etc.
Une fois l'image téléchargée, vous pouvez la modifier dans l'éditeur en sélectionnant modifier.
Lien/Bouton
L'élément lien/bouton peut être stylé en cliquant sur l'élément et en choisissant un feuille de style dans l'éditeur.
L'apparence du lien/bouton est pré-définie en fonction de la feuille de style du corps du texte.
Vidéos et contenu iframe
Dans les modèles par défaut de Symplify, vous pouvez ajouter des vidéos et du contenu iframe. Ceux-ci se trouvent dans l'éditeur (ajouter du contenu), sous les types de bloc. Les éléments sont les vidéos YouTube, Iframe et Video.
Notez que vous pouvez également ajouter ces éléments dans une colonne de bloc en survolant le bloc et en cliquant sur le bouton +.
Vidéo YouTube
En utilisant l'élément YouTube, vous pouvez simplement coller une URL de vidéo YouTube (https://youtu.be/xAG3JovIGvA) ou l'identifiant vidéo unique (xAG3JovIGvA) dans l'entrée vidéo de l'éditeur.
Notez que cet élément concerne uniquement les vidéos YouTube.
Vous pouvez redimensionner la vidéo (éditeur> largeur et / ou hauteur), mais vous devez utiliser une échelle de traitement en pourcentage (et non des pixels) pour que le rendu de votre vidéo se fasse correctement sur différents appareils:
Contenu iFramed
Si vous souhaitez inclure du contenu pris en charge par iframe à partir d'une autre page Web ou d'une autre source, vous pouvez facilement ajouter l'élément iframe et coller l'URL dans votre contenu.
Attention, les iframes peuvent être très amusants, mais exigent une hauteur donnée (pixels) et ne s'adaptent pas toujours à la largeur d'écran disponible.
Vidéo
L'élément Vidéo vous permet d'ajouter une vidéo hébergée sur le web. Collez simplement l'URL dans l'inspecteur et indiquez le format de votre vidéo dans la liste déroulante.
Si vous avez préparé une vignette, vous pouvez l'ajouter dans le champs vignette.
Vous pouvez redimensionner la vidéo (Éditeur > largeur et / ou hauteur), mais vous devez utiliser une échelle de traitement en pourcentage (et non des pixels) pour vous assurer que le rendu de votre vidéo soit correct.
Codes QR
Les codes QR peuvent être très utiles lors d'une impression afin de diriger les destinataires vers le Web. Ils peuvent aussi être lu sur un ordinateur.
Il existe deux types de codes, lien et entrée de calendrier. Choisissez le type de votre lien dans l'inspecteur.
L'entrée d'agenda demandera d'ajouter un événement à l'agenda lors de la lecture du code. Dans l'inspecteur, vous pouvez ajouter le résumé (nom de votre événement) et son début et sa fin.
Si vous sélectionnez Lien > page Web et entrez l'URL de votre page, votre page s'ouvrira une fois le code lu.
Formulaires
Sur vos pages, vous pouvez ajouter un formulaire avec différents éléments. Les formulaires enregistreront les données demandées dans la fiche de contact de chaque participant et pourront vous aider à créer des profils plus complet et des préférences.
Lorsque vous avez ajouter un élément, vous devez sélectionner un attribut auquel le connecter (propriété). Tous vos attributs se trouvent dans le menu déroulant Propriété de l'inspecteur.
Les différents éléments de formulaire se trouvent sous forme de blocs d'une colonne dans l'inspecteur sous l'icône + (Ajouter du contenu) ou vous pouvez les ajouter à une colonne de bloc en cliquant sur l'icône + apparaissant sur le bloc lors du survol.
Si vous souhaitez qu'un élément de formulaire soit obligatoire pour les participants, cochez simplement la case Obligatoire.
Définissez une valeur par défaut si vous souhaitez qu'une valeur spécifique soit enregistrée dans l'attribut sélectionné lorsqu'un participant ne vous fournit pas de réponse.
Vous pouvez également écrire votre propre message d'erreur qui apparaîtra si le formulaire est soumis sans réponse dans les éléments requis.
Éléments de formulaires
Texte
Les élément de texte vous permette d'écrire du texte dans un champ (il peut s'agir d'une adresse électronique, d'un prénom, d'un nom de famille, etc.).
Lors de l'ajout de cet élément, vous verrez une ligne de texte au-dessus du champ de saisie appelée Label. Cela devrait être le titre de votre champ de saisie pour montrer au participant ce que vous demandez.
Vous pouvez envisager d'utiliser la validation de texte lorsque vous utilisez des éléments de formulaire texte, cela vous aidera à obtenir les données que vous souhaitez réellement. Les types de validation sont:
Adresse courriel
Numéro
Alphanumeric (sans symboles)
Pattern (modèle défini)
Vous pouvez également définir une longueur minimale de caractères. Il suffit d'entrer le nombre minimum dans la longueur minimale.
Dans le champ de saisie, vous pouvez ajouter un texte de substitution , vous pouvez aussi pré-remplir les champs de saisi avec l'information dont vous disposez déjà.
Veuillez noter : qu'il n'est pas possible de pré-remplir les champs si vous ne possédez pas l'information correspondante dans votre liste.
1. Texte fictif - Dans l'inspecteur, écrivez un texte fictif qui guide le participant (ce texte sera gris clair dans le champ de saisie).
2. Texte pré-rempli - Ajoutez le handlebar de l'attribut connecté. Notez que le handlebar doit être écrit dans le champ de saisie.
Case à cocher
Les cases à cocher permettent à un participant de sélectionner une ou plusieurs options. Cela pourrait être «Oui, j'ai lu les conditions générales» ou «Je veux recevoir des informations sur le Rock mais pas sur le hip hop».
Chaque case à cocher doit être connectée à un attribut spécifique.
Notez que si vous ajoutez une case à cocher Obligatoire, cette case doit être cochée par le participant.
Le texte (visible à côté de la case à cocher) et la valeur de votre case à cocher peuvent être édités sous Choix. La valeur est enregistrée dans l'attribut sélectionné pour chaque participant qui coche la case.
Si un participant entrant dans la page de formulaire a déjà une valeur de choix correspondant à celle que vous avez ajoutée, la case à cocher sera cochée.
Si vous ajoutez une deuxième option de case à cocher, votre case à cocher se transformera en boutons radio.
Boutons radios
Les boutons radios permette à un participant de sélectionner une seule option, parmi un minimum de deux options. Peu importe le nombre d'options, un élément bouton radio est connecté à un attribut lui aussi.
Le texte (visible à côté du bouton radio) et la valeur de votre bouton radio peuvent être édités sous Choix.
La valeur est enregistrée dans l'attribut sélectionné pour chaque participant ayant choisi l'une des options.
Si vous supprimez vos options afin qu'il n'en reste plus qu'une, votre bouton radio se transformera en une case à cocher.
Menu déroulant
Select vous fournira un menu déroulant et, comme les boutons radio, vous permettra de sélectionner l'une d'au moins deux options. Peu importe le nombre d'options, un élément sélectionné est connecté à un attribut Symplify.
Le texte (dans la liste déroulante) et la valeur de vos options peuvent être modifiés sous Choix. La valeur est enregistrée dans l'attribut sélectionné pour chaque participant ayant choisi l'une des options.
Segmentation dans une page web
Vous pouvez segmenter le contenu de votre page web.
La segmentation ne fonctionne que si les abonnés arrivent sur la page web à partir d'un autre élément de la plateforme (par exemple : un courriel). Cela s'explique car, pour segmenter quelque chose, il faut avoir les informations nécessaire à la segmentation. Sans savoir qui arrive sur la page web, on ne peut segmenter.
Donc, il est possible d'avoir un courriel qui amène vers une page web dans un microsite et qui affiche du contenu différent en fonction du profil de l'abonné.
Afin de segmenter un bloc, il suffit de cliquer en haut à droite sur l'entonnoir de l'éditeur. Ensuite, choisir le segment à appliquer, et le glisser-déposer sur le bloc à segmenter.
Important! Les blocs sans segments seront affichés à tous.