Modifier l'entête de mon site : menu, logo, haut du site

Modifier l'entête de mon site : menu, logo, haut du site

Nous allons voir le fonctionnement de l’entête, qui permet d'organiser la navigation de votre site via un menu, un logo, vos réseaux sociaux, un moteur de réservation et des boutons d'action.

Afin de modifier/créer votre entête, rendez-vous sur l'interface Klixi, dans le menu "Sites web".

 

Sélectionnez votre site en passant la souris sur la ligne le représentant et en cliquant dessus une fois bleue.



Une fois arrivé sur la mise en page de votre site, passez votre souris sur votre menu ou logo, et cliquez sur le bouton « modifier » qui va apparaître alors sur la droite de votre écran (icône "crayon").


 

ÉTAPE 1 - Généralités

Dans la fenêtre d’édition de votre entête, vous pouvez modifier/configurer grâce aux onglets:

  • l’entête : aspect général de l’entête
    • Entête flottant  : l'entête passe par dessus le premier bloc 
    • Entête mobile : l'entête "glisse" avec votre site quand on scroll, elle est donc toujours à l'écran
    • Entête fixe : l'entête reste fixe et disparait quand on scroll vers le bas
    • Couleur de fond et opacité
  • Le logo : mettre un logo texte OU une image +  mettre un favicon (petite icône dans l'onglet du navigateur)
  • La navigation : choisir vos menus (cf partie suivante)
  • Social : lier vos réseaux sociaux via leurs icônes
  • Le moteur de réservation
  • Les boutons d'actions (2 maximum) 
  • E-commerce (dans le cas ou vous proposez un site de e-commerce) 

Dans chacun de ces onglets, un sous-onglet vous permettra de modifier le style (la forme) de l’élément.

Par exemple, pour le logo, vous pouvez choisir de le mettre sur la même ligne que votre menu ou au dessus de votre menu. Également, vous pouvez le centrer, le mettre à droite ou à gauche. Vous pouvez donc personnaliser chaque éléments à votre guise. 

exemple 1 :

exemple 2 :



ÉTAPE 2 - Le menu

Pour modifier le menu de votre site, vous devez dans la fenêtre d’édition de l'entête, sélectionner l'onglet "navigation".



Vous pouvez :
  • ajouter un nouveau menu en cliquant sur le bouton "ajouter un menu" et cocher le(s) page(s) (contenus pré-faits ou pages additionnelles) que vous souhaitez afficher quand on clique dessus
  • supprimer un menu en cliquant sur la poubelle du menu en question
  • modifier l'intitulé du menu via le champ : Intitulé du menu
  • lier un menu à un ou plusieurs contenus en cochant les contenus correspondants - ATTENTION - Un menu ne peut pas être vide, un contenu doit être forcément lié. 

Si vous souhaitez des menus déroulants sur plusieurs niveaux, vous devez cocher les niveaux souhaités.

Exemple : vous intitulez votre menu « nos chambres » . Si vous cochez les catégories « chambre classique », « chambres supérieures » et « chambre test » + les sous-catégories « chambre doubles » et « chambre simple », votre menu présentera ces 2 niveaux

 

ÉTAPE 3 - Top Navigation : Réseaux sociaux & autres informations

Dans l'entête, vous pouvez également afficher des informations au-dessus de votre menu et logo.



Généralement, on y met les icônes des réseaux sociaux ou on affiche des informations courtes mais utiles comme "ouvert 7j/7" ou vos horaires / promotions..

Pour cela, dans l'entête, il faut aller dans l'onglet "top navigation".
On peut choisir d'afficher des informations sur le côté droit, ou sur le côté gauche (ou des 2 côtés).
Cliquez sur "ajouter un contenu", et sélectionnez le type d'information à afficher.
Pour les réseaux sociaux, sélectionnez "social" et choisissez le réseau social dans la liste proposée pour ensuite indiquer l'url de votre page.



Avec l'onglet style, vous pouvez choisir la couleur des informations et la couleur de fond.

 

ÉTAPE 4 - Boutons et E-commerce

Vous pouvez également ajouter 2 boutons d'actions à votre header qui peuvent ouvrir un formulaire, renvoyer vers un contenu/page , vers un moteur de réservation klixi ou un lien externe. 

  1. Allez dans l'onglet "bouton" du header
  2. Ajoutez un intitulé à votre bouton
  3. Sélectionnez ce qu'il doit déclencher (ouvrir un formulaire de contact, ouvrir un lien externe dans un nouvel onglet, afficher un numéro de téléphone...)



Vous avez le choix d'ajouter un picto pour illustrer votre bouton. 
Dans l'onglet "style"  vous pouvez configurer les couleurs, police, bords de votre bouton.


Dans cette entête, seuls le menu et le logo sont obligatoires.

A vous de voir si vous souhaitez utiliser les autres options !

Une fois votre entête prête, enregistrez la popin et publiez votre site !

 


    • Related Articles

    • Ajouter un bouton d'action dans mon entête

        Vous avez la possibilité d'ajouter un bouton d'action (call to action) à côté de vos menus . Pour cela, allez dans votre interface appyourself, puis sur l'edition de votre site (menu de gauche "Sites et applications") Une fois sur la page d'édition ...
    • Créer une page interne sur mon Site avec un Contenu

      Quand on est sur la page d'accueil de votre site et qu'on clique sur un menu, nous arrivons sur ce qu'on appelle "une page interne". Chez Klixi, il existe 2 types de pages internes : - les contenus => qui sont des pages dont le design est pré-fait ...
    • Configurer l'URL de mon site web

      Etape 1 : Une fois que vous avez terminé la mise en page de votre site dans la partie personnalisation, vous pouvez commencer la configuration de votre site web.   Etape 2 : Cette étape vous permet d'indiquer si vous possédez un nom de domaine ou non ...
    • Intégrer un calendrier à mon site

      Afin de faciliter la lecture de vos évènements par les internautes, vous pouvez maintenant intégrer un calendrier sur votre site : soit directement sur la page d'accueil, soit sur une page interne (grâce aux pages additionnelles).   ETAPE 1 : ...
    • Afficher un comparateur de prix sur mon site avec Thaï-Soft et Réservit.

      Parmi les moteurs de réservation partenaires de Klixi, deux vous proposent d'afficher sur votre site des comparateurs de prix : Thai Soft et Réservit. Le but étant de montrer aux internautes que réserver en direct depuis votre site est plus ...
    • Popular Articles

    • Comment optimiser mon référencement ?

      Avoir un site c'est bien, mais évidemment, vous souhaitez qu'il soit bien référencé et nous aussi ! Quelles sont les choses à savoir pour optimiser votre référencement ?   - Sélectionnez 3 ou 4 expressions qui seront vos mots clés. => Identifiez ...
    • Synchroniser mon agenda klixi avec un autre agenda

      Vous souhaitez envoyer tous vos RDV pris via votre site web klixi sur un autre agenda (google, balinéea, treatwell..) ? Cela est maintenant possible ! Nous vous proposons de synchroniser un agenda tiers avec notre agenda klixi. Attention, cette ...
    • Ais-je accès aux balises de référencement

      Pour le référencement de votre site sur les moteurs de recherche, vous trouverez ce qu'on appelle des balises un peu partout dans le code du site.  Il en existe de plusieurs sortes comme la META NAME="keywords", META NAME="description", H1, H2, alt, ...
    • Paramétrage de l'e-commerce (livraison, moyens de paiement, alertes aux clients, etc ..)

      Pour vendre des produits sur votre site, un "petit" paramétrage s'impose ;) Nous allons voir dans ce tutoriel comment paramétrer : les catégories de produits que vous allez proposer (pour permettre à l'internaute de comprendre facilement où les ...
    • Proposer des produits à la vente

      Une fois que vous avez paramétré le fonctionnement de base de votre e-commerce (moyens de paiement, de livraison, stock, alertes ..), vous devez préparer votre catalogue produits. Cela se fait en 2 étapes : les articles les offres Les offres sont les ...