1. Créer un site
  2. Blog sur la création de site
  3. Personnalisation

Personnalisation

Créer un site web c'est bien. Mais créer un site Internet personnalisé c'est mieux ! Du design, aux formulaires de contact, en passant par les contenus de vos pages, la personnalisation est infinie pour créer un site à votre image. On vous livre nos conseils et bonnes pratiques pour personnaliser votre site web. 

  • Creer joli site 1

    Comment créer un joli site Internet professionnel ?

    Créer un site web est aujourd'hui accessible à tous, mais créer un joli site Internet professionnel est un exercice plus complexe. Entre la disposition visuelle des éléments de contenu, les typographies, les couleurs, les visuels et le texte, il est parfois difficile de s'y retrouver et de savoir par où commencer. 

    Votre site Internet doit être à la fois visuellement attrayant mais aussi fonctionnel. L'internaute doit pouvoir trouver facilement l'information qu'il recherche. Vous devez donc penser en premier lieu à l'expérience utilisateur lorsque vous créez votre site web. Votre site Internet doit être agréable à regarder et facile à utiliser. Le but étant que les internautes restent le plus longtemps sur votre site pour finalement acheter vos produits ou services.

    Découvrez nos conseils pour créer un joli site Internet professionnel à la fois efficace et attrayant.

    Lire la suite

  • Google fonts dans emonsite

    Google Fonts est maintenant intégré à notre CMS

    E-monsite propose actuellement une centaine de designs pour vous permettre de créer le site web adapté à vos besoins. Ces designs intégraient par défaut plusieurs police de caractères vous permettant de choisir celle de votre choix. Pour aller encore plus loin dans la personnalisation de votre site, notre équipe vous laisse maintenant la possibilité de choisir vos polices d'écriture directement via Google Fonts !

    Lire la suite

  • Open street map

    Créez vos cartes interactives avec OpenStreetMap

    Il est parfois nécessaire de créer des cartes sur mesure pour ses points de vente ou pour illustrer le parcours d'un road trip. De nombreux outils sont disponibles sur le web, mais OpenStreetMap est sans doute le plus complet et le plus personnalisable qui existe. Une bonne alternative à Google Maps devenu payant depuis juillet 2018.

    Lire la suite

  • Font awesome

    Ajoutez des icônes facilement sur votre site web

    Il y a du nouveau dans votre éditeur visuel : vous avez maintenant la possibilité d'ajouter facilement des icônes, de la libraire proposée par Font Awesome, directement dans vos textes. Une nouvelle manière de dynamiser vos contenus et d'organiser la lecture des internautes. 

    Lire la suite

  • Personnaliser son thème responsive en CSS

    Personnaliser son thème responsive en CSS : bonnes pratiques

    Que vous ayez appliqué le thème Blogger ou n'importe quel autre thème mis à votre disposition dans votre manager, il vous est possible de le personnaliser entièrement grâce aux styles CSS. Le formulaire de personnalisation ne couvrant pas tous les aspects graphiques de votre site, vous serez alors peut-être amené à écrire quelques règles CSS pour une personnalisation plus avancée.

    Voici donc quelques principes de bases à respecter pour que vos styles CSS complètent correctement ceux déjà existants et conservent la logique du responsive web design.

    Lire la suite

  • Illu ems tricks

    Sites d'astuces pour le design de votre site e-monsite

    Vous vous êtes lancé dans la création d’un site web avec le CMS en ligne e-monsite et vous cherchez des moyens d'optimiser la personnalisation de votre design ? Pas de panique, nous vous présentons deux sites web d’astuces et de conseils pour un design reconnu de qualité.

    Lire la suite

  • Style accordeon sur les lignes

    Un effet accordéon sur les lignes

    Les styles personnalisés applicables aux lignes s'enrichissent d'un nouveau style nommé "Accordéon". Cet effet, que vous avez peut-être déjà utilisé sur les widgets de vos menus verticaux est désormais applicable à toutes vos pages web conçues à l'aide de l'outil de création de pages.

    Lire la suite

  • Apple touch icon

    Ajoutez votre icône Apple Touch !

    Parce que les supports Apple sont très populaires, il est important pour nous d'apporter un soin particulier à la visibilité de vos sites sur iPhone, iPad et iPod Touch.  Notre équipe s'est donc penchée sur la création d'icônes d'accès web depuis l'écran d'accueil de ces terminaux : découvrez comment mettre en valeur votre site sur les écrans de vos visiteurs grâce à une icône Apple Touch !

    Lire la suite

  • Smart customize cover 1

    Bien débuter avec le thème Smart

    Après vous avoir présenté les 10 bonnes raisons de passer au thème Smart, nous revenons aujourd'hui en détail sur les différents réglages qui vous sont proposés depuis le formulaire de personnalisation du thème. En les paramétrant de manière judicieuse, ils vous permettront de créer des pages agréables à regarder, au design sobre et efficace.

    Lire la suite

  • Ancre menu

    Ajoutez des ancres dans le menu de votre site web

    La tendance actuelle est aux pages de plus en plus longues, voire aux sites en one-page, c'est à dire dont l'intégralité du contenu est présenté sur une seule page. Mais l'expérience utilisateur peut en pâtir :  les visiteurs ne vont-ils pas se lasser de devoir scroller à l'infini sans pouvoir accéder rapidement aux différentes sections d'une page ? Vous allez résoudre de problème grâce à la nouvelle fonctionnalité qui permet d'ajouter des ancres dans votre menu !

    Lire la suite

  • Personnalisation couleurs

    Plus de personnalisation pour les lignes et les colonnes !

    Désormais il est possible d'aller plus loin dans la configuration des styles des lignes et des colonnes de vos pages : vous pouvez dès à présent modifier les couleurs afin que celles-ci s'adaptent parfaitement à l'apparence de votre thème personnalisé. Voyons ensemble les principes de cette fonctionnalité qui vous offrira encore plus de liberté dans la configuration du design de votre site web !

    Lire la suite

  • Reussir sur ems

    La touche finale de votre site web !

    Créer un site avec e-monsite, c'est simple et rapide ! Mais lorsque votre projet de création s'est concrétisé, vous vous dites qu'il manque peut être une touche finale, ce petit plus qui rendra votre site vraiment personnel et encore plus attrayant ?

    Notre nouveau partenaire Réussir sur e-monsite peut vous y aider ! Découvez sans tarder les compétences de cet expert ainsi que son appel à projet : tentez d'être sélectionné pour bénéficier gratuitement d'une touche finale pour votre site !

    Lire la suite

  • Un nouveau colorpicker dans votre interface de design

    Le colorpicker est l'outil sous forme de pipette qui permet de sélectionner une couleur dans une palette. Sur e-monsite, il vous permet par exemple de choisir les couleurs pour personnaliser un thème. Aujourd'hui, le colorpicker RGBA remplace le précédent en hexa. Cette nouveauté ouvre de nouvelles possibilités en matière de design puisque désormais, vous allez pouvoir appliquer des effets de transparence. 

    Lire la suite

  • Outil design saas 1

    Quelles alternatives à Photoshop pour retoucher vos photos ?

    Pour retoucher vos photos ou encore les recadrer, Photoshop est un outil idéal mais onéreux. Il existe néanmoins des solutions en ligne de traitement d'image grâce auxquelles vous pouvez facilement recadrer une photo ou y ajouter du texte et des effets. L'accès à ces ressources est gratuit et il est simple d'effectuer quelques retouches sur ces sites. Nous vous conseillons ici des sites que nous avons testé pour vous.

    Lire la suite

  • Theme graphique

    Essayer un thème graphique et le personnaliser, sans l'appliquer

    On se souviendra du 21 avril 2015 comme étant le jour où le géant Google a déployé son nouvel algorithme pour encourager la navigation mobile et pousser les webmasters à avoir un site mobile friendly : une part importante du trafic passant par le mobile, Google aura tendance désormais à mettre en avant les sites qui s'adaptent à toutes les tailles d'écran. Si ce n'est pas encore fait, appliquez un thème responsive pour avoir un site consultable à la fois sur téléphone, tablette ou ordinateur. Pour vous aider à franchir le pas et changer de thème, e-monsite vous propose une nouveauté : essayer un thème graphique sur son site, sans l'appliquer définitivement ! 

    Lire la suite

  • Class Bootstrap

    Polaroid, cercle ou arrondi : personnalisez le style de vos images

    Si vous avez appliqué un thème responsive, vous pouviez déjà utiliser les class natives de Bootstrap pour modifier l'apparence de vos images : ce qui était assez compliqué pour les webmasters débutants car cela nécessitait des notions en html et/ou css ! En plus de pouvoir modifier la disposition ou la taille de l'image, il est désormais possible de leur appliquer des styles plus facilement : images rondes, arrondies ou format polaroid : c'est à vous de choisir !

    Lire la suite

  • Personnaliser la page 404

    Créer une page 404 personnalisée

    La page d'erreur 404 s'affiche quand l'internaute arrive sur une page de votre site web qui n'existe pas (ou plus). Si vous avez choisi e-monsite pour créer un site, vous disposez d'une page 404 par défaut, que vous pouvez personnaliser. Voici quelques explications sur cette page spéciale: des conseils pour éviter les erreurs et la méthode pour personnaliser la page 404.

    Lire la suite

  • De nouvelles options pour créer un formulaire de contact

    Des formulaires de contact toujours plus personnalisables

    Vous le savez, e-monsite vous permet de créer des formulaires de contact personnalisés. Un formulaire de contact peut avoir différentes vocations sur un site web (pour réaliser un formulaire de devis, un formulaire de prise de rendez-vous, de réclamation ou encore un formulaire d'inscription). Découvrez les deux dernières nouveautés qui vous permettront de créer un formulaire de contact encore plus pro !

    Lire la suite

  • page-panier.png

    Des produits personnalisables pour votre Boutique

    Le module boutique en ligne s'améliore encore, les webmasters possédant une boutique en ligne pro vont pouvoir proposer très facilement des produits à personnaliser ou rajouter des options sur les produits.

    Vous souhaitez proposer à vos clients des produits totalement personnalisables ou simplement avoir plus d'informations de la part du client lors de sa commande ? Cette nouveauté est faite pour vous !

    Lire la suite

  • Modular [Bootstrap], un nouveau thème responsive hautement personnalisable !

    Modular [Bootstrap], un nouveau thème responsive hautement personnalisable !

    Avec la multiplication des divers supports de navigation sur internet tels que les tablettes et autres smartphones, avoir un site dit "Responsive" est aujourd'hui devenu quasi indispensable.

    Tout comme le thème Responsive [Bootstrap], Modular [Bootstrap] vous permet de franchir le pas et d'obtenir ainsi un site résolument moderne et surtout Responsive, consultable donc sur tout type d'écran, allant du smartphone à l'écran HD d'ordinateur. Ainsi, plus de version mobile à activer et à personnaliser, vous disposez d'un seul et même thème graphique, fonctionnant sous toutes les résolutions.

    Lire la suite

  • billet-intro.png

    Personnaliser le formulaire d’inscription à l’espace membre

    billet-intro.png

    Vous avez créé un site en version pro et voulez mieux connaître les membres de votre site ? Cette nouveauté est faite pour vous ! Vous allez à présent pouvoir personnaliser complètement le formulaire d’inscription de votre site. Personnaliser son contenu existant, ajouter de nouveaux champs, et proposer l’inscription à la newsletter aux clients de votre boutique en ligne ou membres du site, lorsqu’ils créent ou éditent leurs comptes ... Créer un espace membre sur son site  est plus complet et plus ludique que jamais.

    Lire la suite

  • Personnaliser son thème Responsive [Bootstrap]

    Depuis leur mise en ligne, vous êtes déjà très nombreux à avoir franchi le pas du responsive en choisissant d'appliquer sur votre site une des douze déclinaisons du thème Responsive [Bootstrap].

    Vous avez donc opté pour un site résolument moderne, conçu en HTML5 et CSS3, compatible avec tous les navigateurs récents et consultable aussi bien depuis un ordinateur de bureau qu'un smartphone.

    Cependant, un détail graphique vous chagrine... vous souhaiteriez apporter votre touche personnelle au design que vous avez choisi d'appliquer sur votre site. En effet, une déclinaison d'un thème n'est qu'une proposition de design, pouvant servir de point de départ à une personnalisation plus avancée.

    Lire la suite

  • Découvrez (et personnalisez) le nouveau modèle de mail responsive

    Personnalisation du template de mail responsive

    Comme nous vous l'annoncions il y a 15 jours, nous avons travaillé sur un nouveau modèle de mail pour vos sites. Plus moderne car responsive, et plus personnalisable (3 nouveaux paramètres), il est à présent disponible pour tout le monde ! 

    Lire la suite

  • Nouveau thème graphique 100% personnalisable

    Thème graphique 100% personnalisable

    Le thème ultra-personnalisable que nous vous avions annoncé en début de mois est arrivé ! Pour le moment, il est accompagné de 7 (jolies) déclinaisons prêtes à l'emploi, mais dans les semaines qui viennent plusieurs dizaines d'autres vont débarquer !

    Son nom : Unlimited; bien entendu, il n'est pas "illimité", mais c'est le thème le plus personnalisable et le plus poussé que nous n'avons jamais réalisé. Vous allez découvrir dans cet article comment vous allez pouvoir créer un site graphique avec ce nouveau thème graphique !

    Lire la suite

  • Comment personnaliser l'apparence de votre boutique en ligne

    Un nouvel outil de personnalisation des boutiques vient d'être mis en ligne sur votre manager. Cet éditeur permet d'exploiter très facilement toute la puissance des feuilles de styles CSS, sans la moindre ligne de CSS, pour régler la couleur, la taille, le fond, les bordures, les marges de chaque élément affiché sur votre boutique en ligne.

    Lire la suite

  • Configurez votre modèle d'E-mail

    Une nouvelle option a fait son apparition sur votre outil de création de site web préféré : la configuration du modèle d'E-mail. Ainsi, il est possible à présent sur E-monsite de personnaliser le design des e-mails envoyés à vos visiteurs.

    Les E-mails envoyés à vos visiteurs sont les suivants :

    • Newsletter (via le module de newsletter)
    • Envoi de carte virtuelle (module cartes virtuelles)
    • Confirmation d'abonnement à la newsletter
    • Confirmation d'inscription à votre espace membre
    • Mails envoyés à vos clients sur la boutique

    Nicolas vous a concocté une interface intuitive permettant de modifier les couleurs, ajouter un logo et définir la police d'écriture des E-mails envoyés. Pour modifier votre modèle de mail, vous devez aller dans Site >Préférences > Modèle d'E-mail.

    Attention, tout comme pour votre site, à la lisibilité ! Evitez par exemple d'écrire en jaune sur un fond vert, cela serait totalement illisible. Ainsi, il est conseillé de laisser le texte en noir sur un fond blanc, cela évite la fatigue visuelle.

    Enfin, le rendu peut être différent d'un logiciel de messagerie ou d'un webmail à un autre. C'est dommage, mais il n'y a rien à faire : il n'y a aucune norme commune à ce niveau...

    Il me reste plus qu'à vous souhaiter une bonne personnalisation de vos E-mails ! A bientôt pour faire le plein de nouveautés sur E-monsite !

  • Personnaliser l'erreur 404 de votre site E-monsite

    La page d'erreur 404 est la page sur laquelle on tombe lorsqu'on tape une mauvaise adresse ou qu'on clique sur un lien "cassé". Il faut faire attention dans les liens que l'on met pour que les visiteurs ne tombent jamais sur cette page 404, mais l'être humain n'étant pas infaillible, cela peut arriver. De plus, l'internaute souhaitant accéder à une page en la tapant dans la barre d'adresse peut se tromper.

    Auparavant, dans ce cas, l'internaute tombait sur une page d'erreur 404 de E-monsite.com. Il quittait donc votre site. Pas génial... C'est pourquoi nous avons fait en sorte que la page d'erreur 404 soit désormais affichée sur votre site.

    Essayez d'aller sur http://votre-login.e-monsite.com/page-qui-n-existe-pas.html (ou http://votre-domaine.com/page-qui-n-existe-pas.html), vous tomberez sur la page 404. L'internaute reste sur votre site : il peut ainsi poursuivre sa navigation.

    De plus, en version pro, vous avez la possibilité de modifier le titre et le contenu de cette erreur 404. Quel est l'intérêt ? Mettre un message personnalisé (dans le ton du site, en ajoutant des images, ...), proposer une liste de lien pour qu'il poursuive son surf sur votre site, ...

    Pour modifier votre page d'erreur 404, allez dans Pages > Page 404.

    Pour finir, vous avez dû le remarquer, la qualité de surf sur E-monsite et vos sites est de mieux en mieux. Les efforts payent ! Bonne création, et amusez-vous bien car plein de nouveautés vont arriver dans les semaines à venir !