Créer un nouveau site sur Klixi

Créer un nouveau site sur Klixi

La toolbox klixi vous permet de créer un site à partir de blocs et ainsi que de les personnaliser selon vos besoins et vos envies.

Ces blocs vous permettent de mettre en avant des éléments : carrousel (images ou vidéos qui défilent), moteur de réservation, mise en avant de contenus (déjà crées ou  contenus libres), compteurs (pour mettre en avant des chiffres), testimoniaux, widgets, etc ...

Étape 1 : Créez votre site site

Sur l'interface Klixi, cliquez sur le menu "Site Web"




Si vous n'avez pas encore de site Klixi, cliquez sur le rectangle représentant un site web.
Si vous avez déjà un site web chez nous, pour le modifier, vous devez cliquer sur la ligne le représentant (en dessous du rectangle "site web").




La création d’un site est divisée en 4 étapes :
  1. le choix du thème : pré-fait ou à composer soi-même
  2. la personnalisation (textes, images, couleurs, menus, logos ..)
  3. la configuration (relier le site prêt à un nom de domaine)
  4. l’activation

Étape 2 : Sélectionnez votre thème

Avec klixi, vous pouvez choisir un thème pré-fait ou partir de rien et composer entièrement votre site. 

Si vous composez votre thème, vous devrez donc ajouter tous les blocs qui composeront votre site et jouer avec leur style pour arriver au résultat qui vous convient.
Dans le cas d'un thème pré-fait, vous n'aurez qu'à remplacer le contenu des blocs par vos contenus MAIS vous pourrez aussi ajouter / supprimer des blocs.

Si vous souhaitez composer votre thème vous-même, sélectionnez le dernier thème : "Thème Vierge"


Capture_d_e_cran_2017-08-22_a__12.47.45.png

 

Étape  2.1 : Composez votre thème 

Dans le cas où vous décidez de composer votre site vous-même, vous devez ajouter les différents blocs qui vont le composer.

Votre site se découpe en 3 parties :
  • Le header qui est le haut de page avec le logo et les menus
  • Le body ou corps du site qui est composé de 1 ou plusieurs blocs selon vos envies / besoins
  • Le footer ou bas de page qui reprend généralement les menus , les réseaux sociaux et la possibilité de s’inscrire à la newsletter.
Ces 3 zones sont clairement identifiables quand vous sélectionnez un thème vierge.

Capture_d_e_cran_2017-08-22_a__12.48.47.png

Étape  2.2 : Ajoutez des blocs à votre thème 

En passant la souris sur une de ces 3 parties, vous allez déclencher l’affichage de boutons « + » sur la droite


En cliquant sur ce bouton « + », un volet à droite va s’ouvrir, vous permettant de choisir les blocs que vous souhaitez ajouter à votre site.


Pour ajouter un bloc, cliquez dessus et sans lâcher le clic de la souris, glissez-le à la position souhaitée.

Vous verrez alors le composant en place, mais celui-ci étant vide, vous devez ensuite le remplir en cliquant sur le bouton « modifier » comme nous allons le voir ci-dessous à la prochaine étape.

Vous pouvez rajouter autant de blocs que vous le souhaitez sur la partie body (corps du site), et vous pouvez en rajouter 1 pour le header (logo / menu) et 1 pour le footer (bas de page).

> Tuto pour configurer son header

N’hésitez pas à faire plusieurs essais, car vous pourrez supprimer facilement par la suite les blocs qui ne vous plaisent pas .

Étape 2.3 : Personnalisez / modifiez vos blocs 

Une fois que vos blocs sont choisis, vous pouvez modifier :

  • le contenu qui est mis en avant (image et texte)
  • la présentation ( police, couleur, format des boutons, images de fond)

Pour modifier un bloc (n’importe lequel), passez votre souris dessus et cliquez sur le bouton "modifier" avec le crayon.


En cliquant sur le bouton « modifier » (crayon en haut à droite du bloc), vous aurez accès à la modification du bloc qui est généralement divisée en 2 onglets :

  1. Contenu : le fond
  2. Style : la forme 
L’onglet « contenu » : permet de modifier images et/ou texte que vous souhaitez mettre en avant via un bloc. Vous allez pouvoir dans cet onglet remplir ou remplacer :
      • ajouter des visuels / modifier leur titre pour la galerie 
      • ajouter une description (qui apparaitra sous le titre) libre ou bien lié un contenu
      • installer un bouton d'action renvoyant vers un lien ou formulaire.



  • L’onglet « style » vous permettra de modifier la présentation ou mise en forme du bloc : la police utilisée sur les titres, la taille de celle-ci, les images de fond sur certains blocs et l’opacité de celle-ci ainsi que la forme des boutons d'actions si il y'en a (arrondi ou carré, couleur, etc ..)


    • Vous pouvez choisir de mettre une image de fond ou une couleur de fond puis modifier son opacité pour la rendre + ou - transparente
    • Vous pouvez modifier la présentation du titre (police, taille, couleur)

    • Vous pouvez modifier les boutons pour les rendre arrondis, changer la couleur du bouton .. /!\ le changement peut se faire aussi au survol du bouton c’est à dire quand vous passez la souris sur le bouton

 

En modifiant ainsi tous les blocs que vous avez choisis, vous pouvez complètement personnaliser votre site.

Une fois que vous avez ajouté et personnalisé tous vos blocs, passez à l'étape Configuration en cliquant sur le bouton en haut à droite "suivant".

Étape 3 : Configurez votre site

Étape importante, vous devez choisir sur quelle URL sera votre site.

  • Soit vous n’avez pas de nom de domaine et n’en voulez pas. Votre site sera alors disponible sur une URL du type « etablissement-ville.suite.appyourself.com»
  • Soit vous avez un nom de domaine auquel cas vous devez l’indiquer dans le champs. Exemple : « www.appyourself.com»
  • Si vous avez déjà un site klixi en ligne, une 3ème option vous permettra de changer le thème du site existant


Étape 4 : Activez

Dernière étape !!!

Il vous suffit d’indiquer le code d’activation que vous avez reçu suite à votre commande et de cliquer sur « activer ».


Et voilà, votre site est prêt !

Ensuite, nous mettons le site en ligne pour vous si vous avez pris un service supplémentaire.

Sinon, il vous suffit d'aller sur votre registrar (OVH, 1&1, Orange ..) puis dans la zone DNS de votre nom de domaine et d'ajouter une entrée CNAME sur votre nom de domaine avec les  www.
Exemple : www.appyourself.com CNAME cdn.klixi.io

    • Related Articles

    • 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 ...
    • 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 : ...
    • Créer mon site en anglais (ou dans une autre langue)

      Vous avez déjà crée votre site en français et vous souhaitez maintenant le créer dans une autre langue, par exemple en anglais. Sachez que vous avez déjà fait le plus dur !! Il vous suffit maintenant de suivre les étapes suivantes :) ÉTAPE 0 : ...
    • Ajouter des boutons d'actions sur mon site - Les différentes actions

      Vous voulez rendre votre site dynamique grâce à des boutons d'actions ? Voici le tutoriel idéal pour comprendre comment ajouter des boutons et connaître les actions disponibles. 1 Rendez-vous sur votre site web 2 Ajoutez un bouton Vous retrouverez ...
    • Afficher les avis Google sur mon site

      Si vous avez lié votre Google My Business à Klixi, vous pouvez maintenant afficher vos avis sur votre site : soit sur la page d'accueil, soit liée à un menu via une page spéciale ou en bas d'une page de contenu via l'ajout de blocs. Pour cela, ...
    • 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 ...