Meilleur constructeur de site Web 2024. Créez votre propre modèle de site Web

Même si vous pouvez déplacer et sélectionner des éléments groupés comme une seule unité, vous pouvez modifier chacun d'eux - double-cliquez pour accéder à un élément groupé et modifier ses propriétés dans la barre d'outils contextuelle ou le panneau de propriétés.

Concevez vos pages Web et vos modèles par glisser-déposer. Profitez de vos travaux tout en créant de beaux sites Web de manière ludique et sans codage. Concevez et personnalisez votre conception avec notre éditeur à main levée révolutionnaire. Il est intuitif, visuel, facile à utiliser, à main levée, par glisser-déposer. Utiliser Nicepage est similaire à travailler dans Microsoft PowerPoint, Apple Keynote et des systèmes de conception professionnels comme Adobe Photoshop et Adobe XD.

Faites glisser n'importe quel élément groupé pour déplacer l'ensemble du groupe. Vous pouvez regrouper des éléments dans un bloc Web, puis les manipuler comme une seule unité en sélectionnant et en faisant glisser un groupe avec ses éléments internes.

Lorsque vous travaillez dans l'éditeur, vous pouvez masquer des éléments, des conteneurs ou des blocs entiers dans le plan. Il est utile de se concentrer sur certains détails tout en masquant ceux qui se chevauchent ou qui gênent.

Les proportions des images peuvent être modifiées au cours du processus de création en les zoomant et en les ajustant lors de la création d'une page Web. Par conséquent, vous pouvez rétablir les proportions d'origine en cliquant sur l'icône de la barre d'outils contextuelle. Cliquez sur l'élément Image, la boîte ou la cellule de la grille, puis cliquez sur l'icône Réinitialiser les proportions.

Vous pouvez verrouiller et déverrouiller les éléments, les conteneurs ou les blocs dans le contour en cliquant sur l'icône de verrouillage sur le calque d'élément. Cela rend votre travail de conception plus pratique, en particulier en travaillant avec plusieurs détails.

Vous pouvez sélectionner plusieurs éléments en cliquant et en faisant glisser un curseur autour de la zone. Vous pouvez déplacer, aligner, dupliquer ensemble tous les éléments multi-sélectionnés et les convertir en un groupe ou un répéteur de grille si nécessaire.

Vous pouvez copier et coller des images à partir du presse-papiers. Cette fonctionnalité n'est prise en charge que dans les applications Nicepage Desktop. Vous pouvez copier des images depuis n'importe quel éditeur graphique et les coller dans l'éditeur Nicepage.

Faites glisser les marqueurs des images, textes et autres éléments à redimensionner. Vous pouvez maintenir la touche SHIFT pour redimensionner proportionnellement et la touche ALT pour fixer le centre. Vous pouvez suivre et accrocher les guides magnétiques rouges pour plus de précision.

Vous pouvez mesurer les distances entre les éléments d'un bloc tout en faisant glisser et en alignant les guides magnétiques intelligents. Vous voyez les distances tout en mesurant l'espacement entre les textes, les images, les icônes, les formes, etc., et à l'intérieur des groupes et des grilles, et d'autres éléments de conteneur.

Vous pouvez ajouter des groupes, des formes et des images et spécifier des bordures pour chaque côté séparément. Il vous donne la liberté supplémentaire de réaliser vos idées créatives. Sélectionnez votre Shape, par exemple. Allez ensuite dans le panneau des propriétés. Recherchez la section Bordure et cliquez sur les icônes Options. Sélectionnez les côtés pour lesquels afficher la bordure.

La grille, le répéteur de grille, généralement tous les éléments de conteneur pleine largeur, et l'élément de texte ont toujours une largeur de 100 %. Vous pouvez voir le vrai 100% dans le champ de valeur du panneau de propriétés pour l'élément sélectionné. Vous pouvez également définir la valeur de largeur en pourcentage. Cependant, la hauteur ne peut être que de 100 %.

Vous pouvez modifier la largeur du contenu en sélectionnant la valeur dans la liste déroulante pour la largeur du bloc. Sélectionnez un bloc, puis accédez au panneau de propriétés. Dans la propriété W (Largeur), cliquez sur la petite flèche pour ouvrir la liste déroulante des options. Cliquez sur les options pour modifier la largeur du contenu de Boxed à Wide.

Changez facilement de position de bloc dans le navigateur de page. Vous pouvez également utiliser les flèches de la barre latérale des blocs et de la barre d'outils de contenu pour déplacer les blocs vers le haut et vers le bas dans l'éditeur.

Redimensionnez les blocs simplement en cliquant et en faisant glisser les marqueurs de barre en haut ou en bas de n'importe quel bloc. Lors du redimensionnement, vous pouvez voir les distances avant et après les éléments placés à l'intérieur d'un bloc.

De nombreux éditeurs graphiques et de maquette populaires peuvent modifier les valeurs avec le défilement ou le déplacement de la souris. Vous pouvez faire la même chose que les paramètres et propriétés illustrés par des icônes. Accédez au panneau de propriétés, passez la souris sur l'icône près du champ de saisie de la propriété et déplacez la souris vers la droite pour augmenter la valeur et vers la gauche pour la diminuer.

Le regroupement est une opération très courante qui permet de combiner des éléments relatifs et de minimiser la charge de contrôle de chaque élément séparément lors du déplacement, de l'alignement, etc. Combinaison CTRL+G.

Pour organiser et gérer les blocs, vous pouvez les renommer dans le plan. Sélectionnez le navigateur de page à gauche pour basculer vers l'onglet Plan. Double-cliquez ou sélectionnez l'option Renommer dans les Options. Modifiez le nom du bloc pour rendre votre processus de conception d'un site Web plus gérable et pratique.

Les colonnes de la grille sont un outil de mise en page utile pour les éditeurs graphiques et de sites Web. Ils facilitent le positionnement et l'alignement des éléments de conception Web sur une page Web. Les colonnes de la grille sont visibles sur toute la page. Vous pouvez les activer en cliquant sur les touches de raccourci CTRL + MAJ + 4 ou en sélectionnant dans le menu contextuel de la souris ou la barre d'outils contextuelle de la page et du bloc.

Utilisez les guides magnétiques intelligents pour aligner et perfectionner la position des éléments dans la conception. Vous pouvez voir les guides rapides lors du déplacement d'un élément qui s'aligne sur d'autres éléments et conteneurs. Ils sont très utiles pour l'alignement, l'édition et la transformation d'éléments par rapport à d'autres éléments et conteneurs lorsque vous concevez un site Web.

Les options de page sont très importantes pour la création de sites Web, car cette liste contient les opérations essentielles pour la page. Vous pouvez activer les colonnes de la grille, utiliser les opérations de copier-coller, d'importation et d'exportation de la page et accéder aux paramètres. Vous pouvez accéder aux options de la page à partir du menu contextuel en cliquant sur l'icône Options en haut à droite de l'éditeur.

L'opération de groupe crée un élément de groupe, qui vous permet d'assembler plusieurs éléments et de les utiliser comme une seule pièce dans l'éditeur. En tant que groupe, vous pouvez effectuer plusieurs opérations et ajouter des actions, notamment l'ajout d'arrière-plan et le déplacement d'éléments et l'application de divers effets d'animation à un groupe et à ses éléments.

Combinez plusieurs blocs d'en-tête en haut de vos pages en un seul grand en-tête. Il permet de placer plus d'informations que dans l'en-tête classique à une ligne. Vous pouvez ajouter un menu, un champ de recherche, un panier d'achat, des icônes sociales et des contacts dans deux ou plusieurs blocs d'en-tête. Ayant généralement des couleurs différentes pour les arrière-plans de bloc. C'est le plus populaire sur les sites de commerce électronique.

Le menu est l'élément de navigation essentiel de tout site Web. Vous pouvez ajouter le menu uniquement à l'en-tête et au pied de page et créer des sous-éléments si vous avez de nombreuses pages Web sur votre site.

Le pied de page est un bloc inférieur de tout site Web partagé entre toutes les pages Web contenant des données communes à d'autres pages. Les informations contenues dans les pieds de page peuvent inclure des liens vers des pages, des publications ou des ressources externes, des références et des avis de droit d'auteur, ainsi que des liens vers les comptes sociaux, des informations de contact et d'abonnement, etc.

Insérez le lien de connexion pour vous connecter à la page de connexion de votre site Web. Vous pouvez styliser le lien si nécessaire.

Utilisez l'en-tête, le bloc le plus partagé sur les pages du site Web. Il contient généralement un logo, un menu, un appel à l'action, des informations de contact, etc. L'en-tête peut chevaucher le bloc suivant et peut être collant lors du défilement.

Insérez l'élément Headline dans l'en-tête, que vous pouvez utiliser comme titre pour votre site Web. Vous pouvez utiliser le titre au lieu du logo graphique et le styliser comme n'importe quel texte dans l'éditeur.

Vous pouvez masquer et afficher l'en-tête dans le panneau de propriétés d'une page en cliquant sur la zone grise au-delà de l'éditeur et en accédant au panneau de propriétés. De plus, vous pouvez cliquer sur le lien en haut à droite de l'éditeur près de l'icône Options pour afficher l'en-tête masqué à tout moment, ce qui est très pratique, rapide et facile à trouver.

Collez le pied de page au bas de n'importe quelle page Web. Vous pouvez appliquer cette option pour aligner le pied de page au bas de l'écran si vous n'avez pas assez de contenu pour pousser le pied de page vers le bas.

Permettez à vos utilisateurs de trouver les informations requises sur votre site Web à l'aide de l'élément de recherche dans l'en-tête. Veuillez noter que la recherche utilise les fonctions standard de WordPress et Joomla, et pour l'activer pour le site Web HTML, vous devrez écrire le code.

Le Mega Menu est la mise en page la plus populaire utilisée dans les menus modernes contenant des éléments de sous-menu. Il permet d'ajouter des sous-éléments dans les colonnes, ainsi que d'ajouter des images et d'autres éléments à un menu. Pour ajouter un méga menu, vous pouvez sélectionner un menu dans l'en-tête, aller dans le panneau de propriétés à droite, puis basculer sa disposition vers le méga menu en cliquant sur l'icône correspondante dans la section Disposition.

Ajoutez votre logo d'entreprise ou personnel pour différencier votre site Web sur le Web. Le logo est une image qui peut être dans n'importe quel format graphique moderne, y compris SVG et WEBP.

La typographie définit le style de tous les éléments de texte sur l'ensemble d'un site Web. Il permet aux pages et aux blocs de s'afficher dans un seul style, ce qui est essentiel pour une bonne conception Web. Il aide à styliser des éléments tels que le titre, l'en-tête, le texte, le lien hypertexte, le bouton, la citation et les listes. Vous pouvez modifier la police, la taille, l'épaisseur, la couleur, les retraits et l'espacement entre les lignes de texte et les lettres. Pour simplifier votre travail, nous avons préparé les préréglages prêts à l'emploi.

La barre latérale située à droite ou à gauche de la zone de contenu principale de votre site Web permet à vos visiteurs d'accéder rapidement à diverses informations. Habituellement, dans le thème WordPress ou les modèles Joomla, vous pouvez attribuer la barre latérale aux widgets ou modules de sortie, qui nécessitent des zones de widget WordPress ou des positions Joomla que vous pouvez ajouter et modifier dans le panneau d'administration de votre site Web.

Pour les sites Web WordPress et Joomla, de nombreuses conceptions de connexion sont disponibles. Pour y accéder, accédez au panneau des modèles d'accès rapide. Lorsque vous ouvrez le modèle de connexion, cliquez sur l'icône bleue Plus pour ouvrir le menu Ajouter. Vous verrez la liste des conceptions disponibles pour le modèle de connexion, que vous pouvez commencer ou utiliser sur vos conceptions Web.

Les jeux de polices sont une paire de polices présentées sous forme de préréglages de polices, que vous pouvez sélectionner pour tout le texte d'un site Web. La première police correspond et est appliquée à tous les en-têtes et titres d'un site Web, et la seconde police convient bien et est utilisée pour tous les textes et paragraphes réguliers.

Il est recommandé de ne pas utiliser plus de cinq couleurs principales sur l'ensemble du site Web, pour une bonne conception Web. Il donne à vos pages Web un aspect cohérent et professionnel. Définissez cinq couleurs pour votre jeu de couleurs ou sélectionnez-en une parmi les préréglages prêts à l'emploi. Nicepage a automatiquement généré plus de couleurs avec une luminosité différente en fonction du schéma principal. Vous pouvez également ajouter autant de couleurs personnalisées que vous le souhaitez.

Dans WordPress et Joomla, les blogs sont stylisés avec les modèles de thème. Le modèle de blog est utilisé pour afficher les résumés de plusieurs messages, et le modèle de message produit le contenu d'un seul message. Vous pouvez modifier et affiner ces modèles pour obtenir un look unique et rendre les pages de blog cohérentes avec le reste de votre conception Web. De plus, vous pouvez créer des modèles de blog personnalisés pour les attribuer à différentes catégories de publications.

Si vous avez une boutique en ligne sous WordPress ou Joomla, vous pouvez modifier les templates eCommerce avec Nicepage. Utilisez le modèle de liste de produits pour afficher le catalogue de produits avec les prix et de courtes descriptions. Les détails du produit affichent les informations sur chaque produit permettant à vos utilisateurs de choisir la quantité, la variation et de faire défiler les images du produit. En ajustant les mises en page et les couleurs de vos modèles de commerce électronique, vous pouvez les conserver avec style avec d'autres pages. Comme pour les autres modèles, vous pouvez créer des modèles de commerce électronique personnalisés pour différentes catégories de produits.

Les gens peuvent venir sur votre site Web pour une mauvaise URL ou la saisir mal dans la barre d'adresse d'un navigateur. Dans ce cas, de nombreux sites Web affichent la page spéciale 404 Not Found au lieu de l'erreur de navigateur permettant aux visiteurs de rester sur votre site Web et de poursuivre la navigation. Vous pouvez modifier cette page pour votre site Web WordPress ou Joomla avec l'application Nicepage en modifiant le modèle 404 Not Found.

Supposons que vous ayez un site dans WordPress ou Joomla, et que vous ayez besoin que vos utilisateurs ajoutent du contenu via l'administration d'un site Web. Cependant, la page de connexion standard proposée par votre système de gestion de contenu n'est pas cohérente avec le reste de votre site Web en termes de conception. Dans ce cas, vous pouvez styliser la mise en page du modèle de connexion dans l'application Nicepage en donnant à la page de connexion un aspect cohérent mais en même temps unique pour votre projet de site Web particulier.

Exportez des sites Web HTML, des thèmes WordPress et des modèles Joomla depuis l'application Nicepage pour Windows ou Mac OS. Partagez des projets avec d'autres utilisateurs et montrez des captures d'écran à vos clients existants et potentiels.

Si plusieurs personnes travaillent sur un site Web, le problème est qu'une personne moins expérimentée peut casser la conception ou le contenu. Ou vous êtes un studio de design, et vous souhaitez empêcher vos clients de modifier le site Web et souhaitez faire le montage uniquement par vous-même. Pour séparer les capacités d'édition, vous pouvez utiliser les rôles d'utilisateur, comme l'éditeur de conception ou l'éditeur de contenu. Pour ajouter un éditeur dans WordPress, vous pouvez enregistrer un nouvel utilisateur et attribuer un rôle nécessaire.

La fonctionnalité White Label vous permet, à vous ou à votre entreprise, de renommer les sites Web et les thèmes produits avec Nicepage pour que WordPress et Joomla apparaissent comme les vôtres. Cela renforcera la crédibilité de votre marque, renforcera la fidélité de votre clientèle, vous fera gagner beaucoup de temps et d'argent. De nombreux studios de design et agences de marketing numérique apprécient l'option White Label. Avoir votre image de marque sur les plugins contribue à renforcer la notoriété et à renforcer le sentiment de confiance avec vos clients.

Ajoutez le Cookie Popup conforme aux exigences du Règlement général sur la protection des données de l'UE. La réglementation de la loi sur la protection des données et la vie privée est requise pour l'Espace économique européen. Il traite également du transfert de données personnelles en dehors de l'Union européenne. Vous pouvez activer la fenêtre contextuelle GDPR Cookie dans les paramètres du site.

Utilisez l'onglet Partage social dans les paramètres de la page pour spécifier comment votre page Web sera présentée dans les médias sociaux. Vous devez entrer le titre, la description, l'image et l'URL.

Vous pouvez protéger les pages de votre site Web avec un mot de passe. Pour cela, cliquez sur la zone grise autour de l'Éditeur pour sélectionner la Page. Accédez au panneau de propriétés et faites défiler jusqu'à la section Protection par mot de passe. Définir votre mot de passe. Aperçu. L'accès à une telle page ouvrira la protection par mot de passe.

Vous pouvez voir et définir le domaine et le sous-domaine personnalisés pour un site Web hébergé sur Nicepage dans les paramètres du site. Pour cela, cliquez sur l'icône Paramètres du site ou sur le lien de la barre supérieure. Dans l'onglet Général, entrez la date requise correspondant à votre site Web.

Le domaine personnalisé est un nom unique que vous avez acheté pour votre site Web ou votre marque auprès de l'un des registrants les plus populaires. Vous pouvez attribuer ce domaine personnalisé à un site conçu à la place du nom de sous-domaine généré automatiquement par Nicepage Online Builder. Vous pouvez définir le domaine personnalisé en ligne dans les paramètres du site et la boîte de dialogue d'exportation dans les applications de bureau.

Ajoutez le Favicon de votre site Web dans les paramètres du site. Les navigateurs modernes prennent généralement en charge Favicon et l'affichent dans la barre d'adresse du navigateur, les onglets à côté du nom de la page et la liste des signets. Habituellement, le Favicon a le format ICO.

Sur le tableau de bord, il est nécessaire de voir instantanément les pages Web publiées. Par conséquent, il y a une icône qui l'indique. Si vous publiez un site Web, vous verrez l'icône Globe bleue à gauche du nom du projet du site Web.

Connectez vos sites à Google Analytics, Google Tag Manager et Google Optimize Container pour collecter des données et mieux comprendre l'audience de votre site. Vous obtenez tous les outils d'analyse gratuitement et en un seul endroit pour toutes les tâches personnelles ou professionnelles.

Affichez les derniers produits sur n'importe quelle page de votre site Web, y compris la page d'accueil. Vous pouvez spécifier des mises en page et choisir le nombre de messages à afficher.

Vous pouvez créer le site Web de commerce électronique dans Nicepage, exporter du HTML et le télécharger sur votre hébergement. Gérez les produits et utilisez les éléments de produit et les modèles de page pour les afficher facilement sur vos sites Web HTML.

Vous pouvez accepter les paiements via Stripe sur vos sites Web créés avec Nicepage. Connectez votre site Web Nicepage à Stripe et commencez à vendre et à traiter vos commandes immédiatement.

Vous pouvez utiliser le nouveau bouton de paiement, prenant en charge les paiements via PayPal. Vous pouvez ajouter des sites Web créés avec vos applications de bureau Nicepage, votre plugin WordPress, votre extension Joomla et votre constructeur en ligne.

Ajoutez l'icône du panier d'achat à l'en-tête de votre site Web, qui affichera le nombre de produits ajoutés au panier et vous permettra d'ouvrir la page de paiement en un clic.

Vous pouvez utiliser le modèle de page de liste de produits pour ajouter la page de magasin à votre site Web de commerce électronique. Il crée un catalogue de biens ou de services et est construit à partir des produits du panneau de produits ou génère des données depuis WooCommerce dans WordPress ou VirtueMart dans Joomla.

Panier d'achat pour le commerce électronique Nicepage Vous pouvez utiliser le panier pour votre site E-Commerce réalisé avec Nicepage. Ajoutez l'icône du panier à l'en-tête pour activer facilement le panier pour n'importe quel site Web de commerce électronique Nicepage sans installer WordPress WooCommerce et Joomla VirtueMart.

Présentez le produit vedette sur les pages de votre site Web. Vous pouvez modifier la mise en page et styliser le bloc produit pour lui donner un look unique.

Concevez des pages de paiement pour WooCommerce et VirtueMart. Modifiez le modèle de page de paiement dans le panneau Modèles du volet d'accès rapide. Lors de l'exportation de votre thème pour votre site Web de commerce électronique, vous exporterez le modèle de page de paiement avec tous les autres modèles de page de commerce électronique.

Utilisez le modèle de page de détails du produit pour afficher des informations détaillées sur un produit individuel sélectionné dans le catalogue de votre site Web. Il affiche les informations sur le produit saisies dans le panneau Produits de Nicepage ou les affiche depuis WooCommerce dans WordPress ou VirtueMart dans Joomla.

Ajoutez l'élément Catégories à la liste de produits sur une page et un modèle de page de liste de produits pour aider les visiteurs de votre boutique en ligne à trouver plus rapidement les produits nécessaires en filtrant un catalogue de produits.

Utilisez les produits Nicepage dans WordPress et Joomla. Vous disposez des pages de travail Liste des produits et Détails du produit ainsi que du paiement pour les produits définis et pouvez créer des sites Web de commerce électronique avec Nicepage sans installer WooCommerce et VirtueMart. Si vous préférez WooCommerce et VirtueMart, vous pouvez continuer à les utiliser.

Le modèle de page de panier d'achat est la page de conclusion de toute boutique en ligne. Il doit inclure le résumé du produit, la quantité, le prix, les totaux, d'autres données essentielles et, surtout, passer au bouton de paiement.

Gérez les produits pour vos sites Web de commerce électronique dans le panneau Produits du volet d'accès rapide. Vous pouvez ajouter, modifier et supprimer des produits et les exporter vers HTML, WordPress et Joomla.