Un élément est un composant individuel d'une page Web; cela peut être une image, un formulaire ou une zone de texte par exemple. Ce guide est conçu pour montrer aux clients de LCN InstantSite à quoi sert chaque type d'élément et comment ajouter des éléments à une page.
Si vous recherchez plus d'informations sur un élément spécifique, vous pouvez choisir dans la liste ci-dessous :
- Texte
- Image
- Galerie
- Formulaire
- Bouton
- Carte
- Vidéo intégrée
- Icône
- Séparateur
Commençons…
Texte
Un texte L'élément crée une zone de texte dans laquelle vous pouvez ajouter des phrases et des paragraphes n'importe où sur une page. Vous pouvez modifier le style du texte élément en suivant notre guide Comment styliser des éléments individuels dans InstantSite.
-
- Connectez-vous à l'éditeur InstantSite.
- Dans le panneau de gauche, cliquez sur Plus
. - Cliquez sur Texte dans le menu déroulant.
- La zone de texte sera placée dans la ligne et la colonne actuellement sélectionnées. Si aucune ligne ou colonne n'est sélectionnée, la zone de texte sera ajoutée au bas de la page.
-
- Pour modifier le texte dans votre texte élément, double-cliquez simplement sur la zone de texte. Cela ouvrira l'éditeur de texte et vous permettra de modifier le texte, la taille de la police, le format et bien plus encore.
- Une fois que vous avez apporté des modifications au texte, cliquez sur Enregistrer
dans l'éditeur de texte ou cliquez sur le champ de texte et les modifications seront enregistrées automatiquement.
Image
L'image L'élément est utilisé pour ajouter des images. Vous pouvez choisir parmi notre bibliothèque d'images gratuites ou télécharger les vôtres. Vous pouvez modifier le style de l'image élément en suivant notre guide Comment styliser des éléments individuels dans InstantSite.
-
- Connectez-vous à l'éditeur InstantSite.
- Dans le panneau de gauche, cliquez sur Plus .
- Cliquez sur Image dans le menu déroulant.
- Choisissez une image dans Mes images , Images modèles ou images InstantSite gratuites . Si vous ne trouvez pas une image que vous aimez, téléchargez simplement la vôtre en cliquant sur Télécharger l'image et en choisissant une image sur votre ordinateur.
- Une fois que vous avez sélectionné votre image, cliquez sur Ajouter à la page .
- L'image sera placée dans la ligne et la colonne actuellement sélectionnées. Si aucune ligne ou colonne n'est sélectionnée, l'image sera ajoutée au bas de la page.
- Vous pouvez redimensionner l'image simplement en cliquant et en faisant glisser la bordure verte autour de l'image section.
Galerie
Parfois, une image ne suffit pas. La galerie L'élément est utilisé pour ajouter une galerie d'images à votre site Web. Vous pouvez ajouter soit une grille d'images ou un carrousel d'images défilantes. Vous pouvez changer le style de la galerie élément en suivant notre guide Comment styliser des éléments individuels dans InstantSite.
-
- Connectez-vous à l'éditeur InstantSite.
- Dans le panneau de gauche, cliquez sur Plus .
- Cliquez sur galerie dans le menu déroulant.
- La galerie sera placée dans la ligne et la colonne actuellement sélectionnées. Si aucune ligne ou colonne n'est sélectionnée, la galerie sera ajoutée au bas de la page.
- Cliquez sur Ajouter une image depuis la galerie élément.
- Choisissez plusieurs images dans Mes images , Images modèles ou images InstantSite gratuites . Si vous ne trouvez aucune image que vous aimez, téléchargez simplement la vôtre en cliquant sur Télécharger l'image et en choisissant plusieurs images sur votre ordinateur.
- Une fois que vous avez sélectionné toutes les images que vous souhaitez dans la galerie, cliquez sur Confirmer .
- Vous pouvez redimensionner la galerie en cliquant et en faisant simplement glisser la bordure verte autour de la galerie élément.
Formulaire
Le formulaire peut être utilisé pour ajouter un formulaire de contact à n'importe quelle page de votre InstantSite. Vous pouvez utiliser cet élément pour créer un formulaire de contact par e-mail ou pour collecter les adresses e-mail de vos clients. Vous pouvez modifier le style du formulaire élément en suivant notre guide Comment styliser des éléments individuels dans InstantSite.
-
- Connectez-vous à l'éditeur InstantSite.
- Dans le panneau de gauche, cliquez sur Plus .
- Cliquez sur Formulaire dans le menu déroulant.
- Le formulaire sera placé dans la ligne et la colonne actuellement sélectionnées. Si aucune ligne ou colonne n'est sélectionnée, le formulaire sera ajouté au bas de la page.
- Le nom de chaque champ peut être modifié en double-cliquant sur le texte.
- Pour ajouter d'autres champs, cliquez sur le roue en haut à droite de l'élément de formulaire et cliquez sur Ajouter un nouveau champ . Sélectionnez soit une Entrée champ ou une zone de texte .
- Champs de saisie sont utilisés pour des champs simples tels que Nom, E-mail ou Numéro de téléphone où la réponse est susceptible d'être courte et dans le même format.
- Zones de texte sont utilisés pour les phrases et les paragraphes plus longs. Il est généralement utilisé par votre client pour décrire un problème ou pour expliquer pourquoi il vous contacte.
- Le bouton utilisé pour soumettre votre formulaire peut être modifié en cliquant sur le roue en haut à droite de l'élément de formulaire et en saisissant un nouveau texte dans le Texte du bouton domaine. Par exemple, Envoyer .
- Enfin, vous devrez modifier l'adresse à laquelle le formulaire de contact est envoyé lorsqu'il est soumis. Cela peut être changé en cliquant sur le roue en haut du formulaire élément et en saisissant votre adresse e-mail dans l'élément E-mail à champ.
Bouton
Le bouton est utilisé pour ajouter des boutons cliquables à votre InstantSite. Souvent utilisés pour les appels à l'action, ils sont un excellent moyen de dire à vos clients quelle action ils doivent entreprendre sur une page. Vous pouvez modifier le style du bouton élément en suivant notre guide Comment styliser des éléments individuels dans InstantSite.
-
- Connectez-vous à l'éditeur InstantSite.
- Dans le panneau de gauche, cliquez sur Plus .
- Cliquez sur le bouton dans le menu déroulant.
- Le bouton sera placé dans la ligne et la colonne actuellement sélectionnées. Si aucune ligne ou colonne n'est sélectionnée, le bouton sera ajouté au bas de la page.
- Vous pouvez redimensionner votre bouton simplement en cliquant et en faisant glisser la bordure verte autour du bouton élément.
- Vous pouvez modifier le texte du bouton en cliquant sur le roue en haut du bouton élément et en changeant le texte dans le texte champ.
Carte
La carte est utilisé pour ajouter une carte à votre InstantSite. Souvent utilisée pour les pages de contact/à propos de nous, la carte est un moyen simple de montrer à vos clients où se trouve votre entreprise. Vous pouvez modifier le style de la carte élément en suivant notre guide Comment styliser des éléments individuels dans InstantSite.
-
- Connectez-vous à l'éditeur InstantSite.
- Dans le panneau de gauche, cliquez sur Plus .
- Cliquez sur Carte dans le menu déroulant.
- La carte sera placée dans la ligne et la colonne actuellement sélectionnées. Si aucune ligne ou colonne n'est sélectionnée, la carte sera ajoutée au bas de la page.
- Pour modifier l'emplacement sur la carte, cliquez sur le roue en haut de la carte élément et entrez votre code postal dans les Lieux domaine. Cliquez sur Rechercher à côté du champ et la carte s'ajustera automatiquement à votre emplacement.
- Vous pouvez également saisir du texte supplémentaire à faire apparaître sur l'icône de votre emplacement en saisissant une description dans les Descriptions des fenêtres contextuelles champ sous le cog en haut à droite de la Carte élément.
Vidéo intégrée
La vidéo intégrée vous permet d'ajouter des vidéos hébergées sur d'autres plates-formes telles que YouTube à votre InstantSite. Vous pouvez modifier le style de la vidéo intégrée élément en suivant notre guide Comment styliser des éléments individuels dans InstantSite.
-
- Connectez-vous à l'éditeur InstantSite.
- Dans le panneau de gauche, cliquez sur Plus .
- Cliquez sur Vidéo intégrée dans le menu déroulant.
- Dans le code d'intégration champ, saisissez l'URL d'intégration fournie par la plateforme hébergeant la vidéo. Par exemple :
- À partir du rapport d'aspect menu déroulant, sélectionnez soit 16:9 ou 4:3 .
Veuillez noter :Le format d'image 16:9 est ce que l'on appelle traditionnellement un écran large, tandis que 4:3 correspondrait à ce que votre ancien téléviseur des années 90 aurait utilisé.
- Cliquez sur Confirmer pour ajouter votre vidéo intégrée.
- La vidéo intégrée sera placée dans la ligne et la colonne actuellement sélectionnées. Si aucune ligne ou colonne n'est sélectionnée, la vidéo intégrée sera ajoutée au bas de la page.
Veuillez noter :Pour plus d'informations sur le fonctionnement des lignes et des colonnes dans InstantSite, consultez notre guide Comprendre les lignes et les colonnes dans InstantSite.
Icône
L'icône est un excellent moyen d'ajouter des éléments visuels accrocheurs à votre site Web. Ils sont souvent utilisés à côté du numéro de téléphone et des adresses e-mail, permettant à vos visiteurs de parcourir votre page Web et de trouver facilement ce qu'ils recherchent. Vous pouvez modifier le style de l'élément icône en suivant notre guide Comment styliser des éléments individuels dans InstantSite.
- Connectez-vous à l'éditeur InstantSite.
- Dans le panneau de gauche, cliquez sur Plus
- Cliquez sur l'icône dans le menu déroulant.
- Recherchez l'icône que vous souhaitez ajouter dans la liste fournie et cliquez sur Confirmer .
- L'icône sera placée dans la ligne et la colonne actuellement sélectionnées. Si aucune ligne ou colonne n'est sélectionnée, l'icône sera ajoutée au bas de la page.
Veuillez noter :Pour plus d'informations sur le fonctionnement des lignes et des colonnes dans InstantSite, consultez notre guide Comprendre les lignes et les colonnes dans InstantSite.
Séparateur
Le séparateur L'élément est utilisé pour séparer les sections de votre InstantSite. Ils fournissent une ligne solide sur toute la page. Vous pouvez modifier le style du séparateur élément en suivant notre guide Comment styliser des éléments individuels dans InstantSite.
- Connectez-vous à l'éditeur InstantSite.
- Dans le panneau de gauche, cliquez sur Plus
- Cliquez sur Séparateur dans le menu déroulant.
- Le séparateur sera placé dans la ligne et la colonne actuellement sélectionnées. Si aucune ligne ou colonne n'est sélectionnée, le séparateur sera ajouté au bas de la page.
Veuillez noter :Pour plus d'informations sur le fonctionnement des lignes et des colonnes dans InstantSite, consultez notre guide Comprendre les lignes et les colonnes dans InstantSite. C'est ça! Vous savez maintenant comment fonctionnent tous les éléments InstantSite et comment les ajouter.