En ce qui concerne la création de sites Web en 2019, il n’est pas nécessaire de traiter le 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 raisons simples, il existe de nombreux sites Web accrocheurs. Les gens cherchent de nouvelles façons de se démarquer de la foule. C’est pourquoi la quantité de nouveaux thèmes, plugins, actifs et tendances de conception de sites Web réactifs 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 suis sur le point de vous aider dans la prise de décision finale. Dans l’un des messages précédents, je vous ai montré comment faire un site web dans WordPress. Comme le nom du poste l’indique, aujourd’hui je serai examen de l’un des 5 meilleurs constructeurs 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. 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 plus uconstructeur de page utile pour HTML.

L’histoire de Novi Builder

Essayez Novi

Par tradition, avant de commencer, nous allons jeter un coup d’œil à l’historique de ce générateur visuel HTML. La première version de Novi Builder a eu lieu il y a 3 ans, en 2016. Pour faire court, l’équipe 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 était utilisée en 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 voguish 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 qu’il était possible à l’époque. Si quelque chose dominait le marché numérique, il se trouvait déjà dans le package de Novi.

D’un autre côté, l’ajout de fonctionnalités populaires n’était pas suffisant. Par conséquent, l’équipe Novi a poursuivi ses recherches. Comme toutes les entreprises intelligentes, elles voulaient étudier le public pour comprendre les besoins des prospects. La recherche a montré qu’avant tout, les gens recherchaient du confort.

En conséquence, Novi Builder a bientôt 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 création de 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 vraie merveille. De plus, n’oubliez pas qu’à l’époque, le seul éditeur de contenu pratique qui fournissait une fonctionnalité de glisser-déposer était Elementor. Il est venu 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, le HTML n’a jamais été la chose la plus facile à travailler lorsque vous êtes un non-technicien.

Après une recherche longue et détaillée, la technologie de glisser-déposer utilisée par Novi Builder a également été améliorée. En conséquence, les gens 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 très rapidement. Inutile de dire que de nombreuses mises à jour ont été apportées à 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é de recevoir des mises à jour régulières qui incluent diverses options, les tendances de conception Web et de nombreux autres instruments.

Pour résumer le tout, Novi Builder a non seulement accéléré le processus de création de site Web, mais il a également apporté de nombreuses nouvelles possibilités aux débutants qui souhaitaient travailler avec HTML. Avec cela, les gens ont finalement pu concevoir leurs sites Web non seulement comme ils le peuvent, mais comme ils le souhaitent. 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é meilleur constructeur visuel de site Web pour HTML.

Retour au présent

Aujourd’hui, Novi Builder est appelé 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 rapidement concevoir de nouvelles pages en ligne à l’aide de divers blocs de contenu préconçus.

De plus, il vous permet également de modifier 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 créations.

Souhaitez-vous voir comment l’éditeur fonctionne en action? Vous pouvez essayez de travailler avec Novi Builder en lançant 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’un Plateforme en ligne B2B / B2C. Qu’est-ce que ça veut dire? Voyons voir.

  1. B2B ce qui signifie interentreprises. Sur Internet, il est également appelé 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 ce qui signifie entreprise à client. Dans ce cas, la connexion fait référence aux transactions effectuées directement entre une entreprise et ses clients. 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 n’importe quel modèle HTML qu’ils souhaitent et importer 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 sensiblement différent du modèle B2B. Le dernier fait référence à la connexion commerciale entre 2 ou plusieurs entreprises lorsque le B2C concerne environ 1 entreprise uniquement. Quoi que vous utilisiez, Novi Builder convient aux deux modèles commerciaux.

Quels instruments Novi Builder possède-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 avec la stratégie commerciale à l’esprit. En conséquence, l’éditeur est livré avec de nombreux instruments destinés aux utilisateurs finaux. Ci-dessous, vous pouvez voir 5 fonctionnalités principales avec lesquelles travailler.

Gestion des pages

Tout d’abord: Novi Builder fournit à son propriétaire un gestionnaire de pages confortable. En utilisant cette fonction, 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, il existe des actions supplémentaires que vous pouvez effectuer lorsque vous travaillez avec Page Manager. Comment les atteignez-vous? 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 l’aperçu 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 revérifier votre conception et déterminer si elle nécessite des modifications supplémentaires.

Mode édition

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

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

Mode de conception

Troisièmement, vous avez Mode de conception. Il donne accès au code du site. 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 conception est exactement ce que le médecin a ordonné.

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 en travaillant avec l’éditeur HTML, CSS et JS. De toute évidence, vous pouvez modifier le code source comme vous le souhaitez.

Parmi toutes les fonctionnalités, je voudrais souligner Gestionnaire de préréglages. Cette bonne chose vous aidera à poursuivre le processus d’édition. Pour faire une histoire courte, 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 que ABC. Voici ce que vous devez faire:

  • choisissez l’élément de contenu nécessaire,
  • sélectionnez-le dans l’espace de travail,
  • enregistrez-le en cliquant sur le Enregistrer en tant que préréglage situé 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, toute personne qui 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 fonction de publication instantanée.

Comme vous pouvez le voir sur la capture d’écran ci-dessous, il y a un bleu clair Publier le site dans le coin supérieur droit. En appuyant sur le bouton, vous publierez le site directement sur le serveur. De plus, vous y verrez également Chemin de publication et Configuration les options.

Plus de fonctionnalités

Pour terminer avec ce point, je veux vous montrer quelques fonctionnalités de base que vous rechercherez certainement dès que vous aurez téléchargé Novi Builder.

Changer la résolution L’option permet au propriétaire du site Web de modifier la taille de l’espace de travail.

appuyer sur Réglages si vous souhaitez accéder au paramétrage du site ou de ses pages.

En cliquant sur le Téléchargez le modèle bouton, vous pouvez télécharger le thème du site. Cette étape est indispensable pour les développeurs qui doivent fournir à leurs clients leurs sites 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é qui ont été conçus par des professionnels et pré-emballés pour différentes niches commerciales.
  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!

Pour le dire brièvement, 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 développeurs Web.

Vous avez le choix entre 3 adhésions différentes. Comme toujours, votre choix dépend de vos besoins.

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

Consultez l’écran ci-dessous pour savoir quelles options chaque pack comprend.

Essayez Novi

Comme vous le savez peut-être, de nombreux constructeurs de sites Web populaires (par exemple, Elementor Page Builder pour WordPress) sont téléchargeables gratuitement. En ce qui concerne Novi Builder, vous devrez acheter au moins le plan à 29 $ pour utiliser l’éditeur. Il semble que ce soit le plus gros inconvénient de travailler avec Novi Builder. Cependant, quand 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?

Soit dit en passant, toutes les transactions sont sécurisées. Voici les options de paiement au choix:

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

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

Utilisez ce lien pour en savoir plus 5 options de logiciel de création de site Web gratuites vous avez.

Interface Novi

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

  • Panneau principal
  • Sélecteur 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. Ajout d’une page
  4. Liste des pages existantes

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

  1. Espace outils développeurs
  2. Éditeur de code HTML
  3. Éditeur de code CSS
  4. Éditeur de code JS
  5. Gestionnaire de presets
  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 conformément à celles-ci.
  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 des répertoires de votre serveur. Il ressemblera au nom de votre disque / mamp / www / novi /.
  4. Enfin, vous devrez lancer le générateur. 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 exigences 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.

Voici donc comment télécharger Novi Builder sur votre serveur d’hébergement à l’aide de Total Commander.

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

  • accédez à l’onglet NET puis à la connexion FTP,
  • cliquez sur le bouton Nouvelle connexion,
  • remplissez les champs correspondants afin de spécifier les données du fournisseur d’hébergement.

Le champ sera:

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

Appuyez ensuite sur Bouton OK.

Pour télécharger les fichiers nécessaires sur le serveur, Suivez ces étapes:

  • accédez à l’onglet NET puis à la connexion FTP,
  • sélectionnez le nom d’utilisateur que vous avez créé précédemment (vous aurez besoin du champ Session)
  • appuyez sur Connect,
  • 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 générateur que vous avez copié, et c’est tout!

Novi Builder et autorisation

Comme vous le savez peut-être à partir de la version 0.9.0, Novi Builder prend entièrement en charge mot de passe de protection. C’est pourquoi, pour ouvrir l’interface Novi, vous devrez saisir un mot de passe. Par défaut, c’est «Novi». De toute évidence, vous devez le modifier pour rendre la création de sites Web plus sécurisée.

Voici comment vous y arrivez.

  1. Interrupteur des 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 utilisateur. N’oubliez pas que pour appliquer de nouveaux changements, vous devrez entrer le laissez-passer.
  4. Utilisez cette option pour activer ou désactiver le mode démo.
  5. Voici où vous devez saisir votre nouveau mot de passe.

À 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 de mot de passe et désactivez-la,
  • enregistrez les modifications effectuées.

À 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,
  • entrez votre pass actuel,
  • entrez votre nouveau pass,
  • enregistrez les modifications effectuées.

À réinitialiser le mot de passe, Suivez ces étapes:

  • allez dans builder / php / session.php,
  • écrivez en ligne: «$ currentPassword =« mot de passe ».»

Enfin, lorsque vous travaillez avec Novi Builder, garde en tête 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 sera 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 pack Novi Builder?

Il n’est pas nécessaire d’expliquer pourquoi les plugins constituent l’un des aspects essentiels de tout outil de création de site Web. Sûrement, si vous avez déjà un modèle de site Web de haute qualité, vous pouvez travailler avec ses actifs. Cependant, obtenir des plugins essentiels avec votre générateur de contenu semble également être une excellente idée. Alors, quels plugins aurez-vous avec Novi Builder?

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

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

Pour faire une histoire courte, 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 modifier l’arrière-plan et tordre les paramètres dans un accroc.

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

Pour en savoir plus sur les capacité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 le documentation détaillée sur le plugin Novi Background Image.

# 2 Plugin d’arrière-plan

Ce plugin Novi vous permet de changer la couleur d’arrière-plan d’un élément. Il s’agit d’un outil important car différents les 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 le documentation détaillée sur le plugin Novi Background, suivez ce lien.

# 3 Plugin d’image

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, accédez à la galerie multimédia et ouvrez la section des fonctionnalités. Vous pouvez également utiliser ce lien pour lire le documentation détaillée sur le plugin Novi Image.

# 4 Plugin Iframe

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

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

# 5 Lien Plugin

Comme l’indique le nom de l’actif, 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 dans le projet (y compris les préréglages et toutes les pages) lors de l’enregistrement des paramètres du plugin;
  • favoriteLinks – vous permet de configurer les 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é.

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

Pour en savoir plus, consultez le documentation détaillée pour le plugin Link.

# 6 Matériel Plugin Parallax

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

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

Voici ce que vous verrez dans la zone de téléchargement d’images:

  • Choisissez Fichier – appuyez sur ce bouton pour sélectionner l’image souhaitée.
  • 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 Label Plugin

Ce plugin Novi Builder a été conçu pour vous permettre de modifier le libellé du champ du formulaire.

# 8 Plugin de compte à rebours

Comme vous le savez peut-être, de nos jours, le compte à rebours est parmi les tendances de conception Web les plus utiles. Ce petit élément mais intelligent vous permet de présenter beaucoup de choses de manière minimaliste. En fait, pour aujourd’hui, c’est la façon la plus confortable de présenter toute information importante, 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 compteurs sont votre incontournable. Pour en dire plus, notre cerveau se souvient des informations visuelles pendant une plus longue période. Avec l’aide de compteurs, vous pouvez présenter tous les projets que vous avez réalisés, montrer combien de clients satisfaits ou d’idées réussies vous avez, et bien plus encore.

Ainsi, en ce qui concerne les minuteries de compte à rebours, elles vous permettent de mettre en évidence les informations ou l’événement nécessaires. Par exemple, vous pouvez utiliser la minuterie pour afficher le nombre d’heures dont dispose un client jusqu’au début d’une vente ou à la fin d’une offre spéciale.

# 9 Plugin Google Map

Bien qu’en 2019, vous pouvez 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.

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

Voici ce que vous pouvez voir à l’intérieur du panneau des paramètres de la carte:

  • utilisez le champ Clé API pour définir la clé API pour l’utilisation de l’API JavaScript de Google Maps;
  • Champ Centre de carte pour définir les coordonnées du centre de la carte;
  • Champ de zoom pour définir le niveau de zoom;
  • Option de sélection de style pour choisir le style de la carte;
  • L’icône de marqueur et l’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 des paramètres 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 Owl Carousel Plugin

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

Voici ce que vous pouvez voir à l’intérieur du 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. En utilisant la fonction, vous pouvez faire varier la distance entre les éléments en fonction de la taille de l’écran.
  3. Activer le sélecteur de boucle vous aidera à activer ou désactiver la boucle du carrousel. À propos, 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 d’aperçu.
  5. Le champ Délai de lecture automatique du carrousel vous aidera à définir le délai de glissement.

# 12 Plugin de moniteur 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 est toujours l’un des incontournables de tout projet en ligne. Pourquoi? Eh bien, parce que c’est ainsi que vous pouvez rapidement augmenter 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 RD Mailform

Comme pour l’outil précédent, ce plugin Novi Builder vous permet de travailler avec RD Mailform à l’aide de l’édition visuelle.

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

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

# 17 Plugin Camera Slider

C’est un autre plugin indispensable que Novi Builder vous fournit. L’actif vous permet de configurer le curseur de la caméra sans effort.

# 18 Swiper Slider Plugin

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

Voici ce que vous pouvez voir à l’intérieur Zone de téléchargement d’images:

  • 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 à l’intérieur 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 à l’intérieur Image Zone de recadrage:

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

# 19 Plugin vidéo

Utilisez ce plugin Novi Builder pour configurer votre vitrine visuelle.

# 20 Plugin Light Gallery

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

Voici ce que vous pouvez voir à l’intérieur de la zone de Paramètres de la galerie:

  • Galerie Slide Animation vous permet d’ajuster l’animation de la transition des éléments de la galerie;
  • Le sélecteur de miniatures vous aidera à activer ou désactiver la démonstration de l’aperçu des éléments de la galerie;
  • Le sélecteur de boucle vous aidera à activer ou désactiver le bouclage 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 de retard de l’élément.

Ce sont donc 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 Novi Builder fonctionne. Pour tout 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 en direct;
  • importer différents thèmes HTML dans le générateur 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 sont des éléments préconçus pour le thème choisi;
  • configurez les éléments nommés à votre goût en quelques clics;
  • gérer 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;
  • travailler avec des polices Web lisibles et 100% conviviales (il existe une nouvelle collection de polices Google)
  • travailler 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;
  • ajoutez un curseur accrocheur à la conception de votre site Web,
  • utiliser un effet Parallax impressionnant,
  • créer des formulaires de contact,
  • ajoutez Google Maps,
  • construisez des carrousels élégants pour améliorer votre contenu visuel, etc.

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

Questions et réponses des utilisateurs potentiels

Il est maintenant temps de répondre aux questions les plus courantes sur l’utilisation de Novi Builder.

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

Oui. En outre, 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 différents sites Web à l’aide du générateur. 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 ne bénéficierez pas d’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 ci-dessus, vous pouvez transférer votre site existant vers Novi Builder sans perdre son contenu.

Comment vais-je recevoir les 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.

Pourrai-je 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 plan développeur. Il vous donne la licence pour créer et vendre les modèles autorisé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 la conception?

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 au cas où vous ne le souhaiteriez pas.

Dernières pensées

Pour résumer le tout, je dirais que Novi Builder fournit à ses utilisateurs l’as et des modèles HTML très détaillés. 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 du 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 sont à venir. Novi Builder reçoit une mise à jour régulière qui sera installée automatiquement. Cela signifie que vous aurez toujours le choix entre des fonctionnalités à la mode.

Lorsqu’il s’agit de niches commerciales telles que la conception 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. Dans l’ensemble, il n’y a aucune limite!

Pour finir, comparons Novi Builder au générateur de page HTML par défaut.

Novi Builder HTML Builder
Éditer le texte OUI OUI
Texte stylisé (gras, couleur, italique et autres) OUI OUI
Outils pour les concepteurs OUI NON
Création de plusieurs pages OUI OUI
Sauvegarde de projet OUI NON
Conception réactive OUI OUI
Sauvegarde automatique OUI NON
Aperçu de la page OUI NON
Bloc de recherche par catégories / contenu / nom OUI OUI
Configuration de la grille OUI NON
Modifier les URL Plugin utilisateur OUI
Configuration du curseur Plugin utilisateur NON
Configuration de la carte Plugin utilisateur NON
Configuration du formulaire de contact User Plugin NO
Instagram/Twitter/Facebook setup User Plugin NO
Accordion setup YES NO
Navigation Setup YES YES
Add/Remove elements (widgets) YES NO
Add/Remove blocks (sections) YES YES

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


Source link