Comment utiliser différents éléments de page Web lors de la création de sites Web Générateur de site Web

Les images de la galerie peuvent avoir des palettes et des couleurs similaires et il est parfois difficile de les distinguer sur une page Web. Vous pouvez facilement ajouter l'espacement entre les images de la galerie en augmentant l'écart dans le panneau des propriétés. Sélectionnez votre galerie, puis accédez au panneau de propriétés à droite et faites glisser le curseur de la propriété Gap.

La galerie de Nicepage est un élément transformable, que vous pouvez facilement convertir en carrousel, curseur, curseur avec vignettes et curseur avec légendes. Sélectionnez n'importe quelle galerie dans un bloc et accédez au panneau de propriétés. Cliquez sur les icônes de propriété de mise en page pour appliquer le changement de mise en page.

L'option Image Lightbox vous permet d'agrandir une image de la galerie pour la prévisualiser en détail. Cette option est disponible pour la disposition en grille et activée par défaut. Toutefois, si vous devez désactiver ou réactiver cette propriété, vous pouvez sélectionner une galerie sur votre page Web, puis accéder au panneau de propriétés. Cliquez sur le lien Style d'image, puis cochez la case Image Lightbox dans le panneau suivant.

Comme pour tout autre texte sur votre page Web, vous pouvez modifier les paramètres de police des textes de la galerie, à la fois le titre et le texte, séparément. Pour cela, sélectionnez une galerie, puis dans le panneau de propriétés à droite, cliquez sur le lien de style de texte. Dans le panneau suivant, modifiez les propriétés des textes et visualisez l'aperçu de vos modifications dans l'éditeur. Veuillez noter que vous devez disposer du texte de la galerie, que vous devez saisir dans les champs spéciaux.

La galerie est plus attrayante sur vos conceptions Web si elle interagit avec vos visiteurs. Par conséquent, vous pouvez l'ajouter sous la forme d'une animation au survol pour vos images de galerie. Sélectionnez votre galerie, puis accédez au panneau de propriétés. Cliquez sur le lien Image dans la section Animation et choisissez l'effet Animation au survol pour vos images de galerie dans le panneau suivant.

Vous pouvez ajouter l'animation au survol pour les textes de la galerie, ce qui rend vos conceptions Web encore plus interactives et attrayantes pour les visiteurs du site Web. Sélectionnez la Galerie. Si la mise en page de la galerie contient des textes, accédez au panneau de propriétés. Ajoutez des textes, puis cliquez sur le lien Couche de texte dans la section Animation. Cliquez sur l'un des préréglages et personnalisez l'effet d'animation au survol si nécessaire.

Pour les mises en page de la galerie comme la légende et le curseur, vous pouvez ajouter le titre et le texte décrivant l'image de la galerie. Lorsque vos visiteurs cliquent sur le mode Image Lightbox, vous pouvez voir ces textes dans le mode Image Lightbox. Pour afficher les textes des images de la galerie, sélectionnez la galerie, puis modifiez sa disposition pour afficher les textes. Accédez au panneau de propriétés, puis saisissez des textes dans les champs spéciaux.

Les images de la galerie peuvent avoir le rayon, ce qui rend vos galeries plus intéressantes et diversifiées. Pour activer le rayon pour les images de la galerie, sélectionnez la galerie, puis le style d'image dans le panneau de propriétés. Veuillez faire glisser le curseur de rayon ou entrer sa valeur pour réveiller les coins des images de la galerie.

Vous pouvez facilement modifier le nombre de colonnes pour le répéteur de grille utilisé dans un bloc. Cliquez sur l'icône bleue Plus sur le côté droit du Grid Repeater, puis sélectionnez le nombre de colonnes dans la liste déroulante. Vous pouvez choisir à la fois d'incrémenter et de décrémenter des nombres.

Comme pour l'ajout de colonnes, vous pouvez augmenter et diminuer le nombre de lignes en cliquant sur l'icône bleue Plus en bas du répéteur de grille. Après avoir vu la liste déroulante, vous pouvez sélectionner le nombre de lignes requises. Vous pouvez choisir à la fois d'incrémenter et de décrémenter des nombres.

Le panneau de propriétés vous permet de modifier les propriétés des éléments. Par exemple, vous pouvez modifier les colonnes et les lignes en un seul endroit pour le répéteur de grille. Pour modifier les colonnes et les lignes, accédez aux panneaux de propriétés et faites glisser les curseurs correspondants pour modifier les valeurs des propriétés.

À l'aide de la propriété Item Gap dans le panneau de propriétés, vous pouvez modifier la distance entre les éléments répéteurs de grille. Sélectionnez le répéteur de grille, accédez au panneau de propriétés, recherchez la propriété Espace entre éléments et faites glisser son curseur pour modifier la distance entre les éléments de répéteur de grille.

Vous pouvez convertir plusieurs éléments sélectionnés en un répéteur de grille. Cela accélère le développement de blocs comme les fonctionnalités, l'équipe, les témoignages, etc. Sélectionnez plusieurs éléments, puis cliquez sur l'icône bleue Plus sur la bordure gauche. Ensuite, sélectionnez la disposition Grid Repeater.

À l'aide de l'élément Grid Repeater, vous pouvez appliquer différentes couleurs à ses éléments et aux éléments qu'il contient. Pour cela, allez dans le panneau de propriétés et basculez Tous les éléments sur Élément dans la section "Appliquer le style à". Définissez ensuite les couleurs requises pour votre idée de conception Web

Les curseurs de carrousel sont très populaires dans la conception Web moderne, et généralement, les éléments de carrousel ont la même disposition et les mêmes ensembles d'éléments. Dans Nicepage, vous pouvez facilement convertir n'importe quel répéteur de grille en carrousel en cliquant sur l'option de commutateur dans le panneau de propriétés.

Semblable à l'élément de groupe, vous pouvez animer des éléments de répéteur de grille lors du survol de groupe (élément). À cela, vous pouvez également ajouter l'effet d'animation de survol aux éléments, et ils fonctionneront ensemble. Accédez au panneau de propriétés, jusqu'à la section Animation activée, définissez les effets d'animation de survol et de groupe survol si nécessaire.

Appliquez des préréglages de formulaire, en ajoutant des blocs avec les formulaires les plus populaires en un clic. Vous pouvez ajouter un contact, un abonnement et d'autres préréglages de formulaire et personnaliser facilement les blocs après l'insertion.

Choisissez parmi plus de 10 types de champs de formulaire lors de la création de vos formulaires, y compris la saisie, la zone de texte, le bouton radio, la sélection et tous les autres types populaires utilisés sur les formulaires modernes.

Vous pouvez facilement modifier la position des entrées de formulaire et d'autres éléments en les faisant glisser et en les déposant dans les positions prédéfinies dans le générateur de formulaires. Vous pouvez également transformer les champs du formulaire horizontalement et verticalement, ainsi que les aligner lors du positionnement dans l'Éditeur.

Vous pouvez ajouter la case à cocher Accepter les conditions, une case à cocher spéciale pour l'option Accepter les conditions sur un formulaire. Vous pouvez insérer cette case à cocher avec le libellé, que vous pouvez modifier.

Utilisez l'analyse avancée des risques et le moteur de défis adaptatifs de Google pour éloigner vos sites Web des activités abusives, permettant aux utilisateurs réguliers de remplir vos formulaires sans limites.

Créez des formulaires de contact avec le meilleur créateur de site Web gratuit. Il est facile à utiliser, sans codage, pour créer des formulaires de collecte de commentaires, de prospects ou de données pour les listes de diffusion ou les inscriptions et inscriptions sur votre site Web. Vous pouvez créer des formulaires de contact personnalisés en quelques minutes par glisser-déposer, les personnaliser visuellement et les prévisualiser instantanément dans tous les modes réactifs pour appareils mobiles.

Nicepage utilise l'élément HTML Form standard pour collecter les données des champs. Le formulaire est toujours lié à un script spécial qui reçoit les données d'entrée et indique au serveur ce qu'il faut faire des données saisies dans les champs : envoyer un e-mail, ajouter les données à la base de données, etc. Pour mettre en œuvre l'envoi d'e-mails depuis le serveur, Nicepage propose les options SOUMETTRE suivantes : URL, Envoyer un e-mail avec un script PHP, Formulaire de contact 7 (WordPress), Formulaire Joomla (Joomla), MailChimp et E-mail, disponibles uniquement avec Online Builder.

Vous pouvez facilement modifier la disposition du formulaire de contact en plaçant les entrées et les champs du formulaire de la verticale à l'horizontale et vice versa. Sélectionnez le formulaire de contact, accédez au panneau de propriétés et recherchez la section Disposition. Cliquez sur les icônes Disposition pour placer les entrées dans une rangée ou les unes sous les autres sur une page Web.

Avec les champs glisser-déposer dans le générateur de formulaire de contact, vous pouvez utiliser les flèches de la barre d'outils contextuelle pour déplacer les champs. Sélectionnez un formulaire dans l'éditeur, sélectionnez un champ, puis cliquez sur les flèches vers le haut ou vers le bas pour déplacer le champ du formulaire en conséquence.

Vous pouvez facilement modifier l'espacement à la fois pour les entrées et les champs du formulaire et entre les champs. Sélectionnez un De dans un bloc Web, puis accédez au panneau de propriétés. Faites défiler vers le bas pour localiser la section Espacement. Faites glisser les curseurs ou utilisez les champs de saisie pour modifier les valeurs d'espacement.

Dans les paramètres généraux du formulaire, vous pouvez spécifier le nom, l'action de la page Après l'envoi et les messages. Sélectionnez un formulaire, puis accédez au panneau de propriétés à droite. Horloge dans le lien Paramètres. Modifiez le nom, après la soumission, les messages de réussite et d'échec dans le panneau des paramètres.

Les entrées de formulaire peuvent avoir différents styles, et maintenant il est courant d'avoir des entrées uniquement avec la bordure inférieure marquant le champ de saisie. Vous pouvez styliser la police, le remplissage, la bordure, etc. pour l'élément de formulaire de contact ajouté à une page Web. Sélectionnez un formulaire puis dans le panneau de propriétés, cliquez sur le lien Style de saisie. Modifiez l'apparence des entrées de formulaire en prévisualisant vos modifications dans l'éditeur.

Comme vous pouvez activer l'affichage des étiquettes avec les entrées de formulaire, vous pouvez facilement les modifier dans le panneau de propriétés. Sélectionnez votre formulaire, accédez au panneau de propriétés, modifiez la mise en page et affichez les étiquettes. Cliquez sur le lien Style d'étiquette pour accéder au panneau Style d'étiquette. Modifier les étiquettes.

Le bouton est généralement l'un des principaux éléments de la conception Web. C'est pourquoi il est également très important sur les formulaires de contact de votre site Web. Pour modifier le bouton, sa position et son alignement, sélectionnez un formulaire de contact, puis dans le panneau des propriétés, cliquez sur le lien Style du bouton. Modifiez le remplissage, la bordure pour tous les états de bouton, l'alignement, etc. dans le panneau de style de bouton.

Vous pouvez utiliser l'élément Envoyer par e-mail pour le formulaire de contact ajouté dans les applications Nicepage pour Windows ou Mac OS. Vous pouvez rapidement obtenir un site Web HTML fonctionnel ou un prototype entièrement fonctionnel à présenter à vos visiteurs ou clients potentiels à l'aide de cette fonctionnalité. Sélectionnez l'élément de formulaire de contact dans l'éditeur, cliquez sur le lien Soumettre et choisissez l'e-mail dans la liste. Veuillez saisir l'e-mail sous la liste. Cette option ne fonctionne que pour les sites publiés sur l'Hébergement Nicepage.

En marketing, les prospects font référence aux contacts avec des clients potentiels, susceptibles de mener à vos ventes. Vous pouvez désormais collecter des données utilisateur à partir des formulaires de contact et examiner les pistes de votre site pour améliorer vos résultats marketing.

Ajoutez des formules de calcul à l'élément de formulaire de contact, ce qui vous permet d'utiliser des formules pour obtenir des coûts, des espaces, des carrés, etc., et d'envoyer des devis à partir de pages Web à vos clients.

Vous pouvez rendre les champs du formulaire de contact dépendants, ce qui vous permet de masquer ou d'afficher des champs tout en sélectionnant des éléments avec des valeurs dans d'autres. Par exemple, vous pouvez afficher la liste déroulante pour l'option sélectionnée dans les radios.

Vous pouvez créer des formulaires de contact en plusieurs étapes pour créer des questionnaires, des formulaires de commande compliqués, etc., et communiquer avec les utilisateurs et les acheteurs potentiels de manière plus informative, interactive et, par conséquent, productive.

La création d'un formulaire de contact avec le champ d'évaluation vous permet d'identifier le niveau de satisfaction de vos clients ou visiteurs, en donnant des commentaires sur vos performances marketing globales.

Illustrez les choix de sélection dans vos formulaires de contact en ajoutant les chèques de la galerie d'images. Vous pouvez spécifier le type de sélection en choisissant soit des cases à cocher pour plusieurs options, soit des boutons radio pour une seule.

Nicepage applique le filtre anti-spam basé sur l'IA pour les soumissions de formulaires de contact. Toutes les données du formulaire sont utilisées dans l'analyse, ce qui montre une diminution de plus de 75 % du volume de spam.

Faites défiler plusieurs images en un clic. Ajoutez une interaction avec vos visiteurs sur un site Web. Vous pouvez permettre aux clients d'étudier votre galerie de portfolio de manière moderne.

Utilisez le carrousel répété contenant divers éléments tels que des images, des icônes, des textes, des boutons, etc., pour faire pivoter les pages Web de votre site. Il existe également des carrousels pour les publications et les produits.

Votre carrousel de galerie peut avoir besoin d'adapter ses images de différentes manières. Vous pouvez utiliser la largeur d'origine des images de la galerie et avoir la largeur fixe. Pour définir la largeur des images du carrousel de la galerie, sélectionnez une galerie, puis accédez au panneau de propriétés. Si votre galerie n'a pas la disposition Carrousel, passez au Carrousel. Ensuite, faites défiler le panneau jusqu'à la section Largeur et modifiez la largeur de l'image de la galerie pour qu'elle s'adapte parfaitement à votre conception Web.

Les blogs font partie intégrante de nombreux sites Web modernes et de nombreux utilisateurs utilisent la mise en page du carrousel pour publier des articles de blog. Il crée une interaction et a une présentation plus attrayante. Vous pouvez ajouter les publications dans le panneau des publications de l'accès rapide, puis ajouter l'élément de carrousel de publication à n'importe quel bloc. Vous pouvez tester le carrousel en cliquant sur les flèches et les indicateurs dans l'éditeur et les aperçus.

Les sites Web de commerce électronique utilisent différentes mises en page. Vous pouvez utiliser les listes de produits pour attirer l'attention des visiteurs, et l'interaction sous la forme d'un carrousel de produits peut être intéressante pour les visiteurs de votre site Web. Vous pouvez ajouter le carrousel de produits à partir du menu Ajouter et ajouter l'élément de liste de produits à l'élément vide du carrousel.

Vous pouvez basculer entre six mises en page pour l'élément de langue lors de la création d'un site Web. Sélectionnez l'élément de langue dans l'en-tête ou le pied de page et modifiez la disposition de la langue dans le panneau de propriétés.

Pour commencer avec l'élément Accordion, vous pouvez ajouter l'un des blocs de conception designer-mage. Cliquez sur l'icône Ajouter dans l'Accès rapide, puis faites défiler jusqu'à la section Accordéon et FAQ, cliquez sur l'Accordéon et choisissez le design que vous aimez. C'est plus pratique, car vous avez du contenu pré-édité, contrairement à l'élément Accordéon vierge ajouté par défaut.

Vous pouvez facilement ajouter et déplacer les onglets Accordéon de plusieurs manières. Cliquez sur le plus dans la barre latérale pour ajouter un nouvel onglet. Vous pouvez cliquer sur l'option de déplacement vers le haut et vers le bas dans le menu contextuel de la souris ou cliquer sur les icônes de flèche correspondantes dans la barre d'outils contextuelle. En outre, vous pouvez appuyer sur la combinaison de raccourcis clavier CTRL plus Flèche vers le haut et Flèche vers le bas.

Les onglets accordéon peuvent contenir différents ensembles d'éléments de site Web. Vous pouvez ajouter n'importe lequel d'entre eux à n'importe quel onglet. Ouvrez l'onglet. Cliquez sur l'icône Ajouter dans Accès rapide pour ouvrir le panneau Ajouter et choisissez n'importe quel élément. Vous pouvez déplacer, aligner et supprimer l'élément ajouté.

L'accordéon est populaire dans les conceptions Web modernes. Par conséquent, vous pouvez le styliser pour l'adapter à votre mise en page. Cliquez sur l'élément Accordéon dans un bloc, accédez au panneau de propriétés et cliquez sur les liens pour accéder aux panneaux afin d'ajuster les propriétés correspondantes.

Vous pouvez activer et choisir un préréglage pour l'icône de l'onglet accordéon. De plus, vous pouvez modifier sa taille, comme toutes les autres icônes. Sélectionnez l'élément Accordéon, accédez au panneau de propriétés et cliquez sur le lien Icône. Dans le Panel, modifiez le style, la couleur, la taille, etc.

La couleur est l'un des facteurs les plus importants dans la conception de sites Web. Et c'est aussi crucial pour les Accordion Tabs. Choisissez l'élément, accédez au panneau de propriétés et cliquez sur le lien Couleurs. Vous pouvez ajouter le remplissage, la bordure et le rayon aux onglets et éléments en accordéon.

Vous pouvez également commencer facilement avec l'élément Table. Et vous pouvez utiliser les blocs créés par des concepteurs contenant l'élément Table. Cliquez sur l'icône Ajouter dans la barre d'accès rapide, descendez dans la section Table, sélectionnez la table et n'importe quelle conception de table dans le panneau ouvert.

Comme pour tout autre élément comportant des colonnes et des lignes, vous pouvez modifier le nombre de colonnes et de lignes du tableau en faisant glisser les curseurs correspondants dans le panneau de propriétés pour l'élément de tableau sélectionné.

Comme tous les éléments composés de Nicepage populaires dans la conception Web, vous pouvez styliser le tableau selon votre mise en page. Cliquez sur l'élément Table dans un bloc. Accédez au panneau de propriétés à droite et cliquez sur les liens de section pour accéder aux panneaux afin de modifier les propriétés de table correspondantes.

Vous pouvez gérer les colonnes et les lignes dans l'élément Tableau sélectionné. Cliquez ensuite sur le tableau dans votre bloc pour le sélectionner. Cliquez sur l'option Déplacer dans le menu contextuel de la souris ou sur l'icône Plus d'options du panneau contextuel pour déplacer les colonnes vers la gauche et la droite et les lignes vers le haut et le bas.

Vous pouvez facilement ajouter et déplacer les onglets pour l'élément FAQ comme l'accordéon. Cliquez sur l'icône plus dans le panneau latéral pour ajouter un onglet. Cliquez sur les icônes de flèche dans la barre d'outils contextuelle, appuyez sur le raccourci clavier CTRL plus Flèche vers le haut et Flèche vers le bas, ou choisissez les options Monter ou Descendre dans le menu contextuel.

Étant donné que l'élément FAQ est construit sur le texte enrichi dans ses éléments, vous pouvez modifier le texte comme dans l'élément de texte enrichi (RTE), qui permet de modifier les articles à lecture longue. Modifiez directement tous les éléments de texte et d'en-tête, comme pour l'édition de texte dans MS Word.

Comme l'accordéon, la FAQ est populaire dans les conceptions Web et vous pouvez modifier ses styles pour les adapter à vos exigences de conception. Cliquez sur l'élément FAQ dans votre bloc. Allez à droite du panneau de propriétés, puis cliquez sur les liens pour ouvrir les panneaux correspondants avec les propriétés.

Étant donné que la couleur est cruciale dans la conception Web, c'est l'un des facteurs clés du style des onglets FAQ. Cliquez sur l'élément FAQ pour le sélectionner, puis accédez au panneau de propriétés. Ouvrez le panneau des couleurs en cliquant sur le lien. Vous pouvez modifier le remplissage, la bordure et le rayon des onglets et des éléments de la FAQ.

Comme l'accordéon, vous pouvez choisir et modifier les préréglages de l'icône de l'onglet FAQ. Vous pouvez ajuster la taille, comme pour n'importe quelle autre icône. Sélectionnez l'élément FAQ, puis accédez au panneau de propriétés. Cliquez sur l'icône et, dans le panneau d'icônes, modifiez le style, la taille, la couleur, etc.