Examen détaillé et guide du constructeur de sites Web Novi HTML

En ce qui concerne la création de sites Web en 2023, il n'est pas nécessaire de s'occuper du codage. Je suis sûr que vous savez déjà tout et n'importe quoi sur les différents produits numériques prêts à l'emploi. De nos jours, vous pouvez facilement obtenir tout ce qui est pré-conçu et pré-emballé pour vous. Pour ces simples raisons, il existe de nombreux sites Web accrocheurs. Les gens recherchent de nouvelles façons de se démarquer de la foule. C'est pourquoi la quantité de nouveaux thèmes de sites Web réactifs, de plug-ins, d'actifs et de tendances en matière de conception de sites Web augmente constamment.

Cependant, quand quelque chose est nouveau, cela ne signifie pas que ce produit mérite à 100% votre attention. Alors, comment choisissez-vous votre seul et unique article ? Dans cet article, je vais vous aider à prendre la décision finale. Dans l'un des articles précédents, je vous ai montré comment créer un site Web dans WordPress. Comme le nom de l'article l'indique, je vais aujourd'hui passer en revue l'un des 5 meilleurs créateurs de sites Web - Novi Builder .

Si vous préférez travailler avec HTML, vous avez certainement déjà entendu ce nom, car Novi Builder est livré avec tous les modèles HTML réactifs modernes. Alors, quels sont les principaux avantages de travailler avec l'éditeur, et y a-t-il des inconvénients ? Restez à l'écoute pour comprendre toutes les choses cruciales concernant le constructeur de page le plus utile pour HTML .

L'histoire de Novi Builder

Essayez Novi

Par tradition, avant de commencer, nous allons jeter un coup d'œil sur l'histoire de ce constructeur visuel HTML. La première version de Novi Builder a eu lieu il y a 3 ans, en 2016. Pour faire court, l'équipe de Novi a conçu l'éditeur avec 3 fonctionnalités principales en tête :

• un mécanisme de travail absolument convivial pour les créateurs,
• une interface 100% intuitive,
• et, évidemment, la toute dernière technologie de glisser-déposer.

Vous souvenez-vous de la façon dont l'édition de sites Web ressemblait à 2016 ? C'était surtout ennuyeux et ne contenait que des fonctionnalités indispensables. Néanmoins, le progrès numérique ne s'est jamais arrêté, il y avait donc de nombreuses options à la mode et des éléments de conception Web élégants utilisés. Voyant cela, les créateurs de Novi Builder ont décidé d'ajouter toutes ces choses au pack de l'éditeur. Ils ont ajouté autant de tendances de conception Web que possible à l'époque. Si quelque chose dominait sur le marché numérique, c'était déjà dans le package de Novi.

D'autre part, ajouter uniquement des fonctionnalités populaires n'était pas suffisant. Par conséquent, l'équipe de Novi a poursuivi ses recherches. Comme le font toutes les entreprises intelligentes, elles souhaitaient étudier le public pour déterminer les besoins des prospects. La recherche a montré qu'avant tout, les gens recherchaient le confort.

En conséquence, bientôt Novi Builder a permis aux utilisateurs en ligne de :

• créer des mises en page propres et bien structurées sans toucher à une seule ligne de code,
• travailler avec la technologie glisser-déposer,
• accélérer le processus de construction du site Web,
• et concevoir le site Web avec différents composants d'interface utilisateur attrayants.

Bien que de nos jours, il soit difficile de surprendre un utilisateur avec la technologie glisser-déposer, en 2016, c'était une véritable merveille. De plus, n'oubliez pas qu'à l'époque, le seul éditeur de contenu pratique qui offrait une fonctionnalité de glisser-déposer était Elementor. Il est livré avec toutes les fonctionnalités nécessaires, mais a été conçu uniquement pour les projets en ligne basés sur WordPress. Dans le même temps, HTML n'a jamais été la chose la plus facile à utiliser lorsque vous n'êtes pas un technicien.

Après une recherche longue et détaillée, la technologie glisser-déposer utilisée par Novi Builder a également été améliorée. En conséquence, les utilisateurs ont pu créer de nouvelles pages en ligne et modifier leurs sites en faisant simplement glisser les éléments de conception choisis et en les déposant dans la fenêtre de l'éditeur.

Il n'a fallu que quelques mois au public pour s'habituer à Novi Builder. Il est devenu populaire assez rapidement. Inutile de dire que de nombreuses mises à jour ont été faites pour l'éditeur. Un an après, les créateurs ont présenté la première version classique de Novi Builder. Depuis lors, il a continué à recevoir des mises à jour régulières qui incluent diverses options, les tendances de conception Web et de nombreux instruments supplémentaires.

Pour résumer, Novi Builder n'a pas seulement accéléré le processus de création de site Web, il a également apporté de nombreuses nouvelles possibilités aux débutants qui souhaitaient travailler avec HTML. Grâce à lui, les gens ont enfin pu concevoir leurs sites Web non seulement comme ils le pouvaient, mais comme ils le souhaitaient. Dès la sortie de Novi Builder, l'édition de sites HTML est devenue une chose sans stress. C'est pourquoi il a été nommé le meilleur constructeur visuel de site Web pour HTML.

Retour vers le présent

Aujourd'hui, Novi Builder est considéré comme le meilleur éditeur de glisser-déposer pour HTML. Pour le dire brièvement, le constructeur favorise le processus de travail et le rend simple pour les utilisateurs de tout niveau de compétence. En travaillant avec Novi Builder, vous pouvez concevoir rapidement de nouvelles pages en ligne à l'aide de divers blocs de contenu préconçus.

De plus, il vous permet également d'éditer le contenu du site Web en direct. Cette étape est très importante pour tout débutant car c'est ainsi que vous pouvez éviter de faire des erreurs courantes lors de la création de vos conceptions.

Aimeriez-vous voir comment l'éditeur fonctionne en action ? Vous pouvez essayer de travailler avec Novi Builder en exécutant sa démo. Suivez simplement le lien pour ouvrir une version de démonstration gratuite de l'éditeur.

À quels modèles commerciaux Novi Builder convient-il ?

Une autre chose que vous devez savoir sur Novi Builder est qu'il s'agit d'une plateforme en ligne B2B/B2C . Qu'est-ce que ça veut dire? Voyons.

1. B2B qui signifie business to business. Sur Internet, on l'appelle aussi e-biz. Le B2B est l'échange de produits, de services, d'articles ou même d'informations entre différentes entreprises. En ce qui concerne Novi Builder, B2B est connecté avec des utilisateurs qui utilisent leurs propres modèles de site Web pour fournir différents services. Les derniers sont principalement liés à des niches commerciales telles que la conception Web, le développement Web, le commerce électronique ou le marketing par courrier électronique.
2. B2C qui signifie business-to-customer. Dans ce cas, la connexion fait référence aux transactions effectuées entre une entreprise et ses clients directement. Ici, le client est l'utilisateur final qui utilise les produits de l'entreprise. En parlant de Novi Builder, B2C est connecté aux utilisateurs finaux qui ont déjà lancé leurs sites Web. Ces utilisateurs peuvent acheter le ou les modèles HTML de leur choix et importer le ou les sites Web existants. Grâce à Novi Builder, c'est possible sans perdre le contenu du site. Vous pouvez le modifier avec la technologie glisser-déposer et le styliser avec de nombreuses fonctionnalités pré-emballées.

Comme vous pouvez le voir, le modèle B2C est très différent du modèle B2B. Le dernier fait référence à la connexion commerciale entre 2 entreprises ou plus lorsque B2C ne concerne qu'une seule entreprise. Quoi que vous alliez utiliser, Novi Builder convient aux deux modèles commerciaux.

De quels instruments Novi Builder dispose-t-il pour le modèle B2C ?

Comment ce constructeur visuel HTML vous aidera-t-il avec le B2C ? Comme tous les outils de qualité, Novi Builder a été conçu en tenant compte de la stratégie commerciale. En conséquence, l'éditeur est livré avec de nombreux instruments destinés aux utilisateurs finaux. Ci-dessous, vous pouvez voir les 5 principales fonctionnalités avec lesquelles travailler.

Gestion des pages

Tout d'abord : Novi Builder fournit à son propriétaire un gestionnaire de pages confortable. Grâce à cette fonctionnalité, vous pouvez :

• créer des pages,
• supprimer des pages,
• éditer des pages,
• et gérer leurs paramètres.

Pour en dire plus, vous pouvez faire tout cela en un seul clic ! Soit dit en passant, vous pouvez effectuer certaines actions supplémentaires lorsque vous travaillez avec Page Manager. Comment les atteindre ? Eh bien, il vous suffit d'utiliser le menu contextuel situé en haut de la page avec laquelle vous allez travailler.

3 modes différents pour les tâches principales

Dès que vous ouvrez Novi Builder , vous verrez qu'il propose différents modes pour différentes tâches. Il existe 3 modes qui ont été créés pour les tâches principales :

• Aperçu,
• Édition,
• et Conception.

Mode Aperçu

Vous permet de voir les résultats rapides de votre édition. Inutile de dire que la prévisualisation est un aspect important de tout projet en ligne. Et cela devient encore plus important si nous parlons de votre premier site Web. Utilisez simplement ces options pour vérifier votre conception et déterminer si elle nécessite des modifications supplémentaires.

Mode édition

C'est le mode qui vous aide à éditer différents types de contenu. La liste comprend des éléments tels que :

• des textes,
• Icônes,
• boutons, et plus encore.

Mode Conception

Troisièmement, vous avez le mode Design . Il donne accès au code du site web. Il n'est pas nécessaire de travailler avec la source, mais au cas où vous souhaiteriez améliorer vos compétences en codage, le mode Design est exactement ce que le médecin a prescrit.

Essayez Novi

Outils de développement

Comme prévu, Novi Builder contient de nombreux outils de développement dans son pack. Avec lui, vous pourrez obtenir une nouvelle expérience de création de site Web lorsque vous travaillez avec les éditeurs HTML, CSS et JS. Évidemment, vous pouvez modifier le code source comme vous le souhaitez.

Parmi toutes les fonctionnalités, je voudrais soulignerPreset Manager.Cette chose cool vous aidera à faire avancer le processus d'édition. Pour faire court, le gestionnaire vous permet de créer de nouveaux préréglages à la main et de les enregistrer dans la bibliothèque. Tout est aussi simple qu'ABC. Voici ce que vous devez faire:

• choisir l'élément de contenu nécessaire,
• sélectionnez-le dans l'espace de travail,
• enregistrez-le en cliquant sur le boutonEnregistrer comme préréglagesitué dans le menu contextuel.

Vous pouvez désormais utiliser de nouveaux préréglages dès que vous aurez besoin de créer de nouvelles pages en ligne. Faites simplement glisser et déposez le préréglage dans la fenêtre de l'éditeur comme vous le faites avec d'autres composants de l'interface utilisateur.

Publication instantanée

Pour commencer, quiconque a déjà voulu gérer un site Web sait que pour réussir, vous devez toujours garder votre projet en ligne à jour. C'est pourquoi vous aurez besoin de la fonctionnalité de publication instantanée.

Comme vous pouvez le voir sur la capture d'écran ci-dessous, il y a un bouton bleu clairPublier le sitedans le coin supérieur droit. En appuyant sur le bouton, vous publierez le site directement sur le serveur. De plus, vous y verrez également les optionsde chemin de publicationetde configuration.

Plus de fonctionnalités

Pour terminer avec ce point, je veux vous montrer quelques fonctionnalités plus basiques que vous rechercherez certainement dès que vous téléchargerez Novi Builder.

L'optionModifier la résolutionpermet au propriétaire du site Web de modifier la taille de l'espace de travail.

Appuyez surParamètressi vous souhaitez accéder aux paramètres du site Web ou de ses pages.

En cliquant sur le bouton Télécharger le modèle , vous pouvez télécharger le thème du site. Cette étape est indispensable pour les développeurs qui doivent fournir leurs sites aux clients ou tester ces projets sur d'autres appareils.

Adhésion à Novi

Voici un autre point qui requiert définitivement votre attention ! Souhaitez-vous commencer à travailler avec Novi Builder ? Le fait est que, pour commencer à utiliser l'éditeur, vous devrez acheter un abonnement Novi.

Quels composants seront inclus dans l'adhésion? Les voici.

1. Tout d'abord, vous obtiendrez Novi Builder.
2. Deuxièmement, vous obtiendrez des modèles HTML de qualité conçus par des professionnels et pré-emballés pour différents créneaux commerciaux.
3. Troisièmement, vous obtiendrez également des plugins indispensables. Par exemple, il existe des outils tels que les plugins de médias sociaux, le plugin de formulaire de contact, les curseurs, le compte à rebours, Google Maps et bien plus encore !

En bref, en achetant un abonnement Novi, vous aurez accès à tous les modèles, plugins, actifs et éléments de conception Web existants. De plus, vous avez automatiquement accès aux éléments qui seront créés par l'équipe Novi à l'avenir. Sans aucun doute, c'est un incontournable pour les concepteurs et les développeurs Web.

Vous avez le choix entre 3 abonnements différents. Comme toujours, votre choix dépend de vos besoins.

1. L'adhésion au démarrage vous coûtera 29 $ par an.
2. L'adhésion avancée vous coûtera 49 $ par année.
3. L'adhésion développeur vous coûtera 149 $ par an.

Consultez l'écran ci-dessous pour connaître les options incluses dans chaque pack.

Essayez Novi

Comme vous le savez peut-être, de nombreux constructeurs de sites Web populaires (par exemple, Elementor Page Builder pour WordPress) peuvent être téléchargés gratuitement. En ce qui concerne Novi Builder, vous devrez acheter au moins le plan de 29 $ pour utiliser l'éditeur. Il semble que ce soit le plus gros inconvénient de travailler avec Novi Builder. Cependant, lorsqu'il s'agit d'un processus de création de site Web confortable et convivial, 29 $ n'est pas un gros problème, n'est-ce pas ?

D'ailleurs, toutes les transactions sont sécurisées. Voici les options de paiement parmi lesquelles choisir :

De plus, vous pouvez annuler votre abonnement Novi Builder à tout moment. C'est un processus simple et rapide.

Donc, maintenant que vous connaissez tous les détails principaux, il est temps d'examiner de plus près Novi Builder. Commençons par l'interface de l'éditeur.

Utilisez ce lien pour en savoir plus sur les 5 meilleures options de logiciels de création de sites Web gratuits dont vous disposez.

Interface Novi

Pour commencer, voici ce que vous voyez lorsque vous ouvrez l'interface Novi :

• Panneau principal
• Commutateur de modes Novi
• Gestionnaire de pages
• Menu principal
• Zone de l'éditeur visuel
• Barre d'outils du développeur

Voici vos options lorsque vous travaillez avec des pages :

1. Déclencheur du gestionnaire de pages
2. Filtre de recherche de pages
3. Ajouter une page
4. Liste des pages existantes

Et voici ce que vous verrez dans la barre d'outils du développeur :

1. Zone d'outils pour les développeurs
2. Éditeur de code HTML
3. Éditeur de code CSS
4. Éditeur de code JS
5. Gestionnaire de préréglages
6. Gestionnaire de plugins

Quelles sont les exigences du système?

Avant de passer à l'installation, vérifions si votre système répond aux exigences requises. Voici ce dont vous avez besoin pour travailler confortablement avec Novi Builder :

• Navigateur : Chrome 50+ ou Safari 10+ ;
• 4 Go de RAM ou plus ;
• affichage avec min. résolution de 1024 x 768 ;
• CPU avec une fréquence d'horloge minimale de 1 GHz ;
• clavier et souris,
• et la vitesse minimale de votre connexion réseau doit être de 1 Mbps.

Comment installer Novi Builder ?

Comme toujours, les créateurs du constructeur ont promis que l'installation serait rapide et facile. Cependant, en 2019, les utilisateurs en ligne se sont habitués aux longs manuels et aux exigences sans fin. Par conséquent, voyons comment vous pouvez installer Novi Builder.

Pour installer Novi Builder sur un serveur local, suivez mon guide.

1. Tout d'abord, vous devrez télécharger le logiciel (par exemple, WAMP, XAMP ou MAMP) pour lancer le serveur local.
2. Deuxièmement, vous devrez vérifier les exigences de votre serveur Web et configurer le serveur en conséquence.
3. Troisièmement, vous devrez décompresser l'archive avec le Novi Builder compressé. Une fois que vous avez terminé, placez le contenu dans l'un de vos répertoires de serveur. Il ressemblera au nom de votre disque/mamp/www/novi/.
4. Enfin, vous devrez lancer le constructeur. Il y aura le lien correspondant. Cliquez simplement dessus.

Pour installer Novi Builder sur un serveur distant, suivez les étapes suivantes.

1. Avant toute chose, pour installer l'éditeur sur un serveur distant, vous devrez également vérifier les prérequis du serveur web. Oui, vous ne pouvez pas éviter cette étape de toute façon.
2. Lorsque vous avez terminé avec les exigences, téléchargez le logiciel qui permet de travailler avec FTP. Aujourd'hui, les plus populaires sont Total Commander 7+ et FileZilla.
3. Ensuite, installez le logiciel téléchargé.
4. Vous devez maintenant décompresser l'archive Novi Builder et télécharger le constructeur sur votre serveur d'hébergement. Ci-dessous, je vais vous montrer cette étape en utilisant Total Commander comme exemple.
5. Enregistrez les modifications.

Alors, voici comment vous pouvez télécharger le Novi Builder sur votre serveur d'hébergement avec l'aide deTotal Commander.

Pour établir la connexion avec votre serveur, vous devrez :

• accédez à l'onglet NET puis connexion FTP,
• cliquez sur le bouton Nouvelle connexion,
• remplissez les champs correspondants afin de préciser les données de l'hébergeur.

Le terrain sera :

• Session – vous devez mettre ici le nom de votre connexion ; (n'importe quel nom que vous voulez conviendra)
• Nom d'hébergement - mettez ici votre nom d'utilisateur et votre mot de passe.

Ensuite, appuyez sur le bouton OK .

Pour télécharger les fichiers nécessaires sur le serveur, procédez comme suit :

• accédez à l'onglet NET puis connexion FTP,
• sélectionnez le nom d'utilisateur que vous avez créé précédemment (vous aurez besoin du champ Session)
• appuyer sur Connecter,
• copier le contenu de votre archive Novi Builder,
• accédez au répertoire racine du nom de domaine par défaut que vous utilisez,
• collez le contenu de l'archive du constructeur que vous avez copié, et c'est tout !

Novi Builder et autorisation

Comme vous le savez peut-être depuis la version 0.9.0, Novi Builder prend entièrement en charge la protection par mot de passe . C'est pourquoi, pour ouvrir l'interface Novi, vous devrez entrer un mot de passe. Par défaut, c'est 'Novi'. Évidemment, vous devriez le changer pour rendre la création de sites Web plus sécurisée.

Voici comment vous y arrivez.

1. Commutateur de paramètres de sécurité.
2. Ici, vous devrez entrer le mot de passe par défaut.
3. Utilisez cette option pour activer ou désactiver l'autorisation de l'utilisateur. Gardez à l'esprit que pour appliquer de nouvelles modifications, vous devrez saisir le pass.
4. Utilisez cette option pour activer ou désactiver le mode démo.
5. C'est ici que vous devez entrer votre nouveau mot de passe.

Pour désactiver la connexion via pass , suivez ces étapes :

• allez dans le menu principal de Novi Builder,
• ouvrez les paramètres de sécurité,
• Entrer votre mot de passe actuel,
• recherchez l'option Activer l'autorisation par mot de passe et désactivez-la,
• enregistrer les modifications effectuées.

Pour changer le mot de passe, suivez ces étapes :

• allez dans le menu principal de Novi Builder,
• ouvrez les paramètres de sécurité,
• allez dans l'onglet Changer le mot de passe,
• saisir votre pass actuel,
• entrez votre nouveau pass,
• enregistrer les modifications effectuées.

Pour réinitialiser le mot de passe, suivez ces étapes :

• allez dans builder/php/session.php,
• écrivez en ligne : '$currentPassword = "password".'

Enfin, lorsque vous travaillez avec Novi Builder, gardez à l'esprit que :

• vous n'aurez pas besoin d'autoriser lorsque le mode démo est activé,
• vous n'aurez pas besoin de passer l'autorisation lorsqu'elle est désactivée,
• en créant le nouveau pass au lieu de celui par défaut, vous réduisez les risques de sécurité.

Quels plugins trouverez-vous dans le Novi Builder Pack ?

Il n'est pas nécessaire d'expliquer pourquoi les plugins constituent l'un des aspects vitaux de tout outil de création de site Web. Certes, si vous disposez déjà d'un modèle de site Web de haute qualité, vous pouvez travailler avec ses atouts. Cependant, obtenir des plugins essentiels avec votre créateur de contenu semble également être une excellente idée. Alors, quels plugins vous aurez avec Novi Builder ?

En moyenne, l'éditeur est livré avec 20 plugins. Les voici.

Plugin d'image d'arrière-plan #1

Pour faire court, ce plugin vous permet de changer l'image d'arrière-plan de l'élément. Comme tous les autres plugins Novi, le plugin Background Image est super facile à utiliser. Vous pouvez changer l'arrière-plan et tordre les paramètres en un clin d'œil.

Pour ajouter votre image en arrière-plan, double-cliquez simplement sur le bouton gauche de la souris sur l'image cible.

Pour en savoir plus sur les fonctionnalités de votre galerie multimédia, accédez à Galerie multimédia et ouvrez la section des fonctionnalités. Vous pouvez également suivre ce lien pour lire la documentation détaillée sur le plugin Novi Background Image.

Plugin d'arrière-plan #2

Ce plugin Novi vous permet de changer la couleur de fond d'un élément. Il s'agit d'un outil important car différents schémas de couleurs peuvent facilement affecter votre site Web.

Gardez à l'esprit que la couleur de l'icône dépend du ton que vous avez choisi précédemment.

Pour lire la documentation détaillée sur le plugin Novi Background, suivez ce lien.

Plug-in d'image #3

Ce plugin Novi Builder vous permet de remplacer les images. Pour ajouter votre image, double-cliquez simplement sur le bouton gauche de la souris sur l'image cible.

Pour en savoir plus sur les possibilités du plugin, rendez-vous dans Media Gallery et ouvrez la section des fonctionnalités. Vous pouvez également utiliser ce lien pour lire la documentation détaillée sur le plugin Novi Image.

#4 Plug-in Iframe

Ce plugin vous permet de choisir la ressource où votre contenu sera affiché dans un cadre.

Pour en savoir plus, ouvrez la documentation détaillée du plugin Iframe.

Plugin de lien #5

Comme le nom de l'actif l'indique, cet élément vous permet de modifier le lien.

Lorsque vous travaillez avec le plugin Link, gardez à l'esprit que :

• querySelector (par défaut est défini sur "a[href]") - vous permet de définir l'élément traité par le plugin ;
• applyToProjectElements (activé par défaut) - permet d'activer/désactiver le remplacement de tous les liens du projet (y compris les préréglages et toutes les pages) lors de l'enregistrement des paramètres du plug-in ;
• favoriteLinks – vous permet de configurer des liens de projet favoris.

Jetons un coup d'œil à la zone de gestion des plugins. Voici ce que vous devez savoir lorsque vous travaillez avec le plugin Link. Type de lien vous permet de sélectionner un type de lien à insérer. Vous avez le choix entre 3 types de liens :

• Pages – où toutes les pages du projet seront disponibles,
• Favoris – où tous les liens indiqués dans les paramètres du plugin seront affichés,
• Personnalisé - où vous pouvez définir un lien personnalisé.

De plus, je dois ajouter que, par défaut, l'onglet Personnalisé sera ouvert. La seule exception est le cas où votre lien sur un élément choisi correspond à une des pages ou à un lien favori.

Pour en savoir plus, consultez la documentation détaillée du plugin Link.

# 6 Plugin de parallaxe matérielle

Pour commencer, disons quelques mots sur le défilement Parallax. Bien que l'effet ait été créé à l'origine pour être utilisé dans les jeux vidéo, Parallax est toujours au sommet des tendances de conception Web. Il crée une illusion de profondeur et de mouvement qui attire l'attention. En conséquence, vous pouvez guider les visiteurs à travers le contenu de votre site Web de manière attrayante et interactive.

Ainsi, ce plugin Novi Builder fonctionne avec le script Material Parallax. Il vous permet de remplacer les images source qui seront utilisées pour Parallax. Il n'y aura rien de compliqué. Vous pouvez facilement le faire via des outils d'édition visuelle. Aucun codage requis!

Voici ce que vous verrez dans la zone de téléchargement d'image :

• Choisissez Fichier – appuyez sur ce bouton pour sélectionner l'image nécessaire.
• Télécharger l'image d'arrière-plan – appuyez sur ce bouton pour télécharger l'image que vous avez sélectionnée.

# 7 Plugin d'étiquette

Ce plugin Novi Builder a été conçu pour vous permettre de changer l'étiquette du champ de formulaire.

# 8 Plugin de compte à rebours

Comme vous le savez peut-être, de nos jours, le compte à rebours fait partie des tendances de conception Web les plus utiles. Cet élément petit mais astucieux permet de mettre en valeur plein de choses de manière minimaliste. En fait, pour aujourd'hui, c'est le moyen le plus confortable de présenter des informations importantes, et voici pourquoi.

Le cerveau humain est un mécanisme étrange et compliqué. Il reconnaît les éléments visuels plus rapidement que les autres types d'informations. C'est pourquoi les comptoirs sont indispensables. Pour dire plus, notre cerveau se souvient des informations visuelles pendant une plus longue période de temps. À l'aide de compteurs, vous pouvez présenter tous les projets que vous avez terminés, montrer combien de clients satisfaits ou d'idées réussies vous avez, et bien plus encore.

Ainsi, en ce qui concerne les comptes à rebours, ils vous permettent de mettre en évidence les informations ou les événements nécessaires. Par exemple, vous pouvez utiliser le minuteur pour afficher le nombre d'heures dont dispose un client avant le début d'une vente ou la fin d'une offre spéciale.

# 9 Plug-in de carte Google

Bien qu'en 2019, vous puissiez le voir sur n'importe quel site Web, le plugin Maps est toujours une bonne chose à avoir. Les prospects modernes se sont habitués au confort, ils s'attendent donc à ce que vous fournissiez des cartes en ligne. De plus, en utilisant Google Maps pour votre projet en ligne, vous le rendez encore plus convivial. En conséquence, les gens peuvent voir où se trouve votre bureau et choisir le chemin le plus court pour s'y rendre.

Novi Builder est livré avec le plugin Google Maps qui vous permet de modifier visuellement les paramètres des cartes.

Voici ce que vous pouvez voir dans le panneau des paramètres de la carte :

• utilisez le champ API Key pour définir la clé API pour l'utilisation de l'API Google Maps JavaScript ;
• Champ Centre de la carte pour définir les coordonnées du centre de la carte ;
• Champ Zoom pour définir le niveau de zoom ;
• Option de sélection de style pour choisir le style de la carte ;
• Icône de marqueur et Icône de marqueur actif sélectionnent des options pour définir le marqueur pour les états par défaut et actif.

Voici ce que vous pouvez voir à l'intérieur du panneau de configuration des broches de la carte :

• Le champ Emplacement du marqueur vous aidera à définir l'emplacement du marqueur ;
• utilisez le champ Description du marqueur pour spécifier la description du marqueur ; il sera affiché dans l'état actif ;
• utilisez le bouton Ajouter un marqueur pour ajouter l'emplacement du marqueur et le groupe Description du marqueur pour ajouter le nouveau marqueur.

# 10 plugin d'icônes

Ce plugin Novi Builder vous aidera à remplacer les icônes que vous utilisez sur le site Web.

Pour choisir l'icône à coller, double-cliquez sur l'élément avec le bouton gauche de la souris.

# 11 Plugin de carrousel de hibou

Même en 2019, les carrousels sont toujours en vogue. Novi Builder est livré avec le plugin Owl Carousel qui vous permet de configurer des carrousels sans toucher une seule ligne de code.

Voici ce que vous pouvez voir dans le panneau des paramètres du carrousel :

1. Le champ Éléments visibles vous aidera à définir le nombre d'éléments à afficher. À l'aide de la fonction, vous pouvez modifier le nombre d'éléments visibles en fonction de la taille de l'écran.
2. Le champ Retrait entre les éléments vous aidera à définir les espaces entre les éléments du carrousel. À l'aide de la fonction, vous pouvez faire varier la distance entre les éléments en fonction de la taille de l'écran.
3. Enable Loop Switcher vous aidera à activer ou désactiver la boucle du carrousel. Au fait, vous pouvez le faire en mode aperçu.
4. Carousel Autoplay Switcher vous aidera à activer ou désactiver la lecture automatique du carrousel. Il est également livré avec un mode de prévisualisation.
5. Le champ Délai de lecture automatique du carrousel vous aidera à définir le délai de glissement.

# 12 Plugin de surveillance de campagne

Ce plugin Novi Builder vous aidera à configurer le formulaire pour qu'il fonctionne avec le service Campaign Monitor.

Voici ce que vous pouvez voir dans la zone de configuration du formulaire :

• Le champ URL d'inscription de Campaign Monitor définit l'action du formulaire ;
• Le champ Nom d'entrée du moniteur de campagne définit la valeur de l'attribut de nom du champ d'entrée.

#13 Plugin MailChimp

Inutile de dire que l'abonnement à la newsletter reste l'un des incontournables de tout projet en ligne. Pourquoi? Eh bien, parce que c'est ainsi que vous pouvez rapidement élargir l'audience du site Web et garder les gens engagés sans manquer de budget.

Ainsi, ce plugin Novi Builder vous permet de configurer le travail avec le service MailChimp.

#14 Plugin de formulaire de courrier RD

Identique à l'outil précédent, ce plugin Novi Builder vous permet de travailler avec RD Mailform en utilisant l'édition visuelle.

#15 RD Instagram Feed et #16 RD Twitter Feed Plugins

Ces plugins Novi Builder ont été conçus pour stimuler l'activité des médias sociaux. Au cas où vous allez obtenir du trafic social, ne manquez pas ces atouts. Les deux plugins sont faciles à utiliser et vous permettent de configurer des flux Instagram et Twitter avec les outils d'édition visuelle.

# 17 Plugin de curseur de caméra

Ceci est un autre plugin indispensable que Novi Builder vous fournit. L'atout vous permet de configurer le curseur de la caméra sans effort.

# 18 Plugin de curseur de balayage

Ce plugin Novi Builder vous permet de configurer le Swiper Slider à votre goût.

Voici ce que vous pouvez voir dansla zone Image Upload :

• Choisir le bouton Fichier vous aidera à sélectionner une image ;
• Le bouton Télécharger l'image d'arrière-plan vous permet de télécharger l'image sélectionnée.

Voici ce que vous pouvez voir dans la zone de sélection d'image:

• Pour ajouter une image, vous devrez double-cliquer sur le bouton gauche de la souris sur l'image cible.

Voici ce que vous pouvez voir dans la zone Image Crop :

• Utilisez le paramètre Conserver le rapport d'aspect d'origine pour conserver le rapport d'aspect de l'image d'origine.

#19 Module vidéo

Utilisez ce plugin Novi Builder pour configurer votre vitrine visuelle.

# 20 Plugin de galerie de lumière

Utilisez ce plugin Novi Builder pour configurer Light Gallery à l'aide d'outils visuels.

Voici ce que vous pouvez voir dans la zone des paramètres de la galerie :

• Gallery Slide Animation vous permet d'ajuster l'animation de la transition des éléments de la galerie ;
• Le sélecteur de vignettes vous aidera à activer ou désactiver la démonstration de prévisualisation des éléments de la galerie ;
• Le commutateur de boucle vous aidera à activer ou désactiver la boucle des éléments de la galerie ;
• Le sélecteur de lecture automatique vous aidera à activer ou désactiver la lecture automatique des éléments de la galerie ;
• Le champ Délai de lecture automatique de la galerie vous permet de configurer le délai d'attente de l'élément.

Donc, ce sont tous les plugins fournis avec Novi Builder. Pour tout résumer, voici ce que vous obtenez.

Principales possibilités de travailler avec Novi Builder

Vous savez maintenant comment fonctionne Novi Builder. Pour résumer, voici les actions que vous pouvez facilement effectuer lorsque vous travaillez avec l'éditeur. Ainsi, vous pourrez :

• modifier le contenu de votre site Web en mode direct ;
• importer différents thèmes HTML dans le constructeur au cas où vous en auriez déjà acheté ;
• copier, insérer, remplacer et supprimer toute fonctionnalité, option ou composant de conception Web ;
• utiliser divers blocs de contenu frais qui se présentent sous la forme d'éléments préconçus pour le thème choisi ;
• configurez les éléments nommés selon vos goûts personnels en quelques clics ;
• gérez votre propre médiathèque pour y mettre des vidéos et des images qui seront utilisées dans différentes sections de votre projet en ligne ;
• éditer des textes,
• modifier les URL,
• créer et modifier des arrière-plans et tous les détails, y compris les dégradés, les couleurs et les images ;
• travaillez avec des polices Web lisibles et 100 % conviviales (il existe une nouvelle collection de polices Google)
• travaillez avec les icônes incluses dans votre thème ;
• téléchargez de nouvelles icônes si nécessaire et modifiez-les comme vous le souhaitez ;
• essayez de travailler avec l'éditeur de code Novi IDE au cas où vous joueriez avec du code CSS, HTML et JS ;
• ajouter un curseur accrocheur à la conception de votre site Web,
• utiliser un effet de parallaxe impressionnant,
• créer des formulaires de contact,
• ajouter Google Maps,
• construire des carrousels élégants pour améliorer votre contenu visuel, etc.

Inutile de dire que ce ne sont que quelques-uns ! En fait, Novi Builder est livré avec de nombreux éléments de conception étonnants pour enrichir votre site.

Questions et réponses de l'utilisateur potentiel de Novi

Il est maintenant temps de répondre aux questions les plus fréquentes sur l'utilisation de Novi Builder.

Novi Builder prend-il en charge différents navigateurs ?

Oui. De plus, il est régulièrement testé dans les navigateurs les plus populaires : Safari et Google Chrome.

Pourrai-je utiliser Novi Builder et ses modèles pour différents projets en ligne ?

Pour commencer, vous pouvez exécuter un nombre illimité de sites Web différents à l'aide du constructeur. Ainsi, oui, vous pouvez sûrement utiliser Novi Builder pour différents sites.

Quelqu'un peut-il acheter Novi Builder sur des sites tiers ?

Fondamentalement, il est possible d'acheter Novi Builder sur d'autres sites. Cependant, gardez à l'esprit que vous n'obtiendrez pas un abonnement gratuit. Cela ne sera pas possible même si vous avez effectué un achat sur un site tiers.

Puis-je transférer mon site Web HTML vers Novi Builder ?

Comme je l'ai déjà dit plus haut, vous pouvez transférer votre site existant vers Novi Builder sans perdre son contenu.

Comment vais-je recevoir des mises à jour ?

Vous les obtiendrez automatiquement dès que les mises à jour seront publiées. De plus, vous pouvez télécharger les modèles HTML les plus récents dans la section "Téléchargements" de votre compte personnel.

Vais-je pouvoir obtenir un remboursement ?

Oui, en travaillant avec Novi Builder, vous pouvez obtenir un remboursement complet. Il vient pour tous les plans d'adhésion de l'éditeur. Vous pouvez obtenir un remboursement dans les 30 jours suivant l'achat.

Puis-je vendre des modèles créés avec Novi Builder ?

Oui, vous pouvez! Le constructeur a été conçu pour les concepteurs et les développeurs. Choisissez simplement le forfait Développeur. Il vous donne la licence pour créer et vendre les modèles activés par Novi Builder. Vous pouvez les vendre sur n'importe quel marché tiers.

Est-il possible d'utiliser le modèle Novi Builder pour mes sites Web sans modifier le design ?

La réponse est oui. Vous pouvez gérer plusieurs sites Web créés avec des thèmes Novi Builder et vous n'avez pas à modifier la conception si vous ne le souhaitez pas.

Dernières pensées

Pour résumer, je dirais que Novi Builder fournit à ses utilisateurs des modèles HTML performants et complets. Ils sont pré-conçus et peuvent être utilisés par des personnes de tous niveaux. Cependant, les thèmes sont entièrement modifiables et sont livrés avec un code open source. Ainsi, en prenant l'abonnement, vous avez accès à une riche collection de différents modèles de sites Web, plugins et autres éléments de contenu. Inutile de dire que d'autres composants d'interface utilisateur arrivent. Novi Builder reçoit des mises à jour régulières qui seront installées automatiquement. Cela signifie que vous aurez toujours le choix entre des fonctionnalités à la mode.

Lorsqu'il s'agit de créneaux commerciaux tels que la conception Web ou le développement Web, Novi Builder est un véritable incontournable ! Imaginez combien de projets en ligne vous pouvez exécuter pour vos clients à l'aide de l'éditeur. Bref, il n'y a aucune limite !

Pour terminer, comparons Novi Builder au HTML Page Builder par défaut.

What about your choice of website builder? Don't hesitate to leave a comment below.