Comment exécuter un site Web HTML avec Novi HTML Website Builder

En ce qui concerne la création de sites Web en 2019, 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 préconçu et pré-emballé pour vous. Pour ces raisons simples, 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 Web augmente tout le temps.

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 articles précédents, je vous ai montré comment créer un site Web dans WordPress. Comme le nom de l'article l'indique, aujourd'hui, je vais passer en revue 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 fourni 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 découvrir 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, jetons un coup d'œil à 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 l'époque de l'édition de sites Web 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é, de sorte qu'il y avait de nombreuses options voguish et des éléments de conception Web élégants en cours d'utilisation. 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'un autre côté, ajouter uniquement des fonctionnalités populaires n'était pas suffisant. Par conséquent, l'équipe de Novi a continué ses recherches. Comme toutes les entreprises intelligentes, elles voulaient étudier l'audience pour comprendre les besoins des prospects. La recherche a montré que, 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 création de site Web,
• et concevez le site Web avec différents composants d'interface utilisateur attrayants.

Bien qu'aujourd'hui 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 offrait 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, 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 de 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 plusieurs mois au public pour s'habituer à Novi Builder. Il est devenu populaire assez vite. Inutile de dire que de nombreuses mises à jour ont été effectuées 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, tendances de conception de sites Web et de nombreux instruments supplémentaires.

Pour résumer, Novi Builder a non seulement accéléré le processus de création de sites Web, mais 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 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 considéré comme le meilleur éditeur de glisser-déposer pour HTML. Pour le dire brièvement, le constructeur fait avancer 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 commettre des erreurs courantes lors de la création de vos conceptions.

Souhaitez-vous voir comment fonctionne l'éditeur 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.

Pour quels modèles commerciaux Novi Builder est-il adapté ?

Une autre chose que vous devez savoir sur Novi Builder est qu'il s'agit d'une plate-forme 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é aux 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 styler avec de nombreuses fonctionnalités prédéfinies.

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 le B2C ne concerne qu'une seule entreprise. Peu importe ce que vous allez utiliser, Novi Builder convient aux deux modèles commerciaux.

De quels instruments dispose Novi Builder 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 orientés 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, vous devez simplement 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 y a 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 :

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

Mode Conception

Troisièmement, vous avez le mode 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 matière de codage, le mode Conception 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 travaillerez 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 souligner Preset Manager. Cette chose intéressante 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 que 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 bouton 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, 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 fonction de publication instantanée.

Comme vous pouvez le voir sur la capture d'écran ci-dessous, il y a un bouton 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 les options de chemin de publication et de configuration .

Plus de fonctionnalités

Pour terminer sur ce point, je souhaite vous montrer quelques fonctionnalités de base que vous rechercherez certainement dès que vous téléchargerez Novi Builder.

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

Appuyez sur Paramètres si 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 !

Pour faire court, en achetant un abonnement Novi, vous aurez accès à tous les modèles, plugins, ressources 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. C'est sans aucun doute un incontournable pour les concepteurs et les 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 à une startup vous coûtera 29 $ par an.
2. L'adhésion avancée vous coûtera 49 $ par an.
3. L'abonnement 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) sont téléchargeables gratuitement. En ce qui concerne Novi Builder, vous devrez acheter au moins le forfait à 29 $ pour utiliser l'éditeur. On dirait que c'est 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 ?

Soit dit en passant, 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.

Alors, maintenant, lorsque vous êtes familiarisé avec tous les principaux 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 sur les 5 meilleures options logicielles gratuites de création de sites Web dont vous disposez.

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 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 à l'aise 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 sera 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 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 la configuration requise 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 à l'aide de Total Commander .

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

• accédez à l'onglet NET puis connexion FTP,
• cliquez sur le bouton Nouvelle connexion,
• remplir 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 ; (tout 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 précédemment créé (vous aurez besoin du champ Session)
• appuyez 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 le tour est joué !

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 modifier pour rendre la création de sites Web plus sécurisée.

Voici comment vous y rendre.

1. Commutateur de réglages 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. N'oubliez pas 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 , procédez comme suit :

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

Pour modifier le mot de passe , procédez comme suit :

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

Pour réinitialiser le mot de passe , procédez comme suit :

• allez dans builder/php/session.php,
• écrivez à la ligne : '$currentPassword = "mot de passe".'

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 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. 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.

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

Pour faire court, ce plugin vous permet de changer l'image de fond 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 dans un accroc.

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

Pour en savoir plus sur les capacités de votre médiathèque, accédez à Médiathèque 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.

#2 Plugin d'arrière-plan

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.

#3 Plugin d'images

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 la photo cible.

Pour en savoir plus sur les possibilités du plugin, rendez-vous dans Media Gallery et ouvrez la section fonctionnalités. Vous pouvez également utiliser ce lien pour lire la 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 la documentation détaillée du plugin Iframe.

#5 Plugin de lien

Comme le nom de l'asset 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/de 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 plugin ;
• favoriteLinks – vous permet de configurer les liens de projet favoris.

Jetons un coup d'œil rapide à 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 où votre lien sur un élément choisi correspond à l'une des pages ou à un lien favori.

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

#6 Plugin Material Parallax

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 à la pointe des tendances en matière de conception de sites 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 d'une manière belle et interactive.

Ainsi, 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 visuelle. Aucun codage requis !

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

• Choisir un fichier – appuyez sur ce bouton pour sélectionner l'image requise.
• 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.

Plugin d'étiquette #7

Ce plugin Novi Builder a été conçu pour vous permettre de modifier 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 intelligent vous permet de présenter beaucoup de choses de manière minimaliste. En fait, pour aujourd'hui, c'est le moyen le 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 indispensables. Pour en dire plus, notre cerveau se souvient des informations visuelles plus longtemps. À 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, lorsqu'il s'agit de compte à rebours, ils vous permettent de mettre en évidence les informations ou l'événement 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 Plugin Google Map

Bien qu'en 2019, vous puissiez le voir sur n'importe quel site Web, le plugin de cartes est toujours une bonne chose à avoir. Les prospects modernes se sont habitués au confort, ils s'attendent donc à ce que vous leur 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 y accéder.

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 Clé API pour définir la clé API pour l'utilisation de l'API JavaScript de Google Maps ;
• Champ Centre de la 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 ;
• 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 dans le panneau des paramètres des épingles 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é à 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 chouettes

Même en 2019, les carrousels sont toujours à la mode. 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 cette fonctionnalité, 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 cette fonction, vous pouvez faire varier la distance entre les éléments en fonction de la taille de l'écran.
3. Activer Loop Switcher vous aidera à activer ou désactiver la boucle 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 aperçu.
5. Le champ Carousel Autoplay Delay 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 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 fidéliser les gens sans manquer de budget.

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

#14 RD Mailform Plugin

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. Dans le 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

C'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 Swiper Slider

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

Voici ce que vous pouvez voir dans la 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 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 de recadrage d'image :

• Utilisez le paramètre Conserver le rapport hauteur/largeur d'origine pour préserver le rapport hauteur/largeur de l'image d'origine.

#19 Plugin 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 sélecteur de boucle vous aidera à activer ou désactiver la mise en 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 Gallery Autoplay Delay vous permet de configurer le temps de retard 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 connaissez maintenant le fonctionnement de 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 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 nouveaux blocs de contenu qui se présentent comme des é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é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)
• 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 n'était que pour n'en nommer 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 courantes 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 ?

En gros, 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 obtenir des mises à jour ?

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

Vais-je pouvoir me faire rembourser ?

Oui, en travaillant avec Novi Builder, vous pouvez obtenir un remboursement complet. Il s'agit de n'importe quel plan 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 le design ?

La réponse est oui. Vous pouvez gérer plusieurs sites Web créés avec les thèmes Novi Builder et vous n'avez pas à modifier la conception au cas où vous ne le voudriez pas.

Dernières pensées

Pour tout résumer, je dirais que Novi Builder fournit à ses utilisateurs les modèles HTML les plus performants et les plus 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 source ouvert. Ainsi, en prenant l'abonnement, vous avez accès à une riche collection de différents modèles de sites Web, plug-ins et autres éléments de contenu. Inutile de dire que d'autres composants d'interface utilisateur sont à venir. Novi Builder reçoit régulièrement des mises à jour qui seront installées 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 Web ou le développement Web, Novi Builder est un véritable incontournable ! Imaginez le nombre de projets en ligne que 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 générateur de pages HTML par défaut.

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