Créer son site

À quoi ça sert : donner à votre club un vrai site web public — présentation, activités, horaires, contact — sans écrire une ligne de code, et sans rien payer.

Permission requise

Gérer le site web (catégorie Infos Club). Les personnes qui en disposent voient l'entrée Site Web dans le menu du club.

Activer le site web

Le site web est une fonctionnalité que l'on active quand on en a besoin.

1. Dans le menu du club, ouvrez Fonctionnalités (réservé au propriétaire du club).
2. Repérez la carte Site Web — « Créez et publiez le site web de votre club ».
3. Cochez la case : le message Site Web activé s'affiche et l'entrée Site Web apparaît dans le menu.

TODO capture : la carte « Site Web » de la page Fonctionnalités, avec sa case à cocher activée

Le site web n'est pas la page publique du club

Votre club dispose déjà d'une page publique sur intraclub.fr, qui affiche vos informations, vos campagnes d'inscription et votre organigramme. Le site web, lui, est un site indépendant, avec sa propre adresse, ses propres pages et votre propre mise en page. Les deux coexistent très bien.

Choisir un modèle

La première fois que vous ouvrez Site Web, Intraclub vous propose de Créez votre site web : « Choisissez un template pour commencer. Vous pourrez le personnaliser ensuite. »

Chaque template est un site complet déjà rempli — pages, textes d'exemple, couleurs, typographie — pensé pour un club sportif.

1. Parcourez les modèles proposés (Zeus, Freya, Triton, Demeter…). Chacun est décrit en une phrase.
2. Cliquez sur Voir le template complet pour l'ouvrir en grand dans un nouvel onglet.
3. Quand un modèle vous plaît, cliquez sur Choisir ce template.

TODO capture : la galerie de templates « Créez votre site web », avec deux ou trois cartes visibles et leurs boutons « Voir le template complet » et « Choisir ce template »

Votre site est créé immédiatement, avec une page Accueil et une page À propos déjà remplies, ainsi que vos coordonnées de club reprises automatiquement. Il ne vous reste qu'à remplacer les textes et les images par les vôtres.

Vous pourrez changer d'avis

Depuis l'éditeur, le bouton Changer de template vous permet d'adopter un autre modèle. L'écran vous le rappelle : « Vos contenus (textes, images) seront conservés. Seul le style visuel changera. » Cliquez sur Appliquer ce template et confirmez.

Une réserve tout de même : les couleurs de votre site sont remplacées par celles du nouveau modèle. Si vous les aviez personnalisées, il faudra les régler à nouveau.

L'éditeur en un coup d'œil

Depuis la page Site Web, cliquez sur Ouvrir l'éditeur (ou sur Modifier dans l'éditeur si votre site est déjà en ligne).

L'écran se divise en deux :

• À gauche, l'aperçu de la page en cours, tel que le verront vos visiteurs. Il se met à jour au fur et à mesure de vos modifications.
• À droite, le panneau de réglages, organisé en quatre parties : Page, Blocs, Site et le bouton + Ajouter un bloc.

En haut de l'écran, vous retrouvez :

• les onglets de vos pages — cliquez sur un titre pour passer d'une page à l'autre, sur le + pour en créer une nouvelle ;
• Voir le site, qui ouvre votre site en ligne dans un nouvel onglet ;
• Publier, qui met vos modifications en ligne ;
• Intraclub, en haut à gauche, pour revenir à votre espace de gestion.

TODO capture : l'éditeur complet — l'aperçu du site à gauche, le panneau Page / Blocs / Site à droite, les onglets de pages et les boutons Publier et Voir le site en haut

Pensez à sauvegarder, puis à publier

Dès que vous modifiez un bloc, la mention Modifications non enregistrées apparaît. Cliquez sur Sauvegarder pour conserver vos changements (ou sur Annuler pour les abandonner). Si vous tentez de quitter l'éditeur ou de sélectionner un autre bloc entre-temps, l'éditeur vous demande confirmation.

Sauvegarder ne suffit pas à rendre vos changements publics : il faut ensuite cliquer sur Publier.

Certains réglages s'enregistrent tout seuls

Le titre et l'adresse d'une page, ainsi que les réglages Navigation, Pied de page et Couleurs, sont enregistrés automatiquement une seconde après votre saisie. Seuls les blocs demandent un clic sur Sauvegarder.

Ajouter et modifier un bloc

Une page se compose de blocs empilés les uns sous les autres. Un bloc, c'est une section du site : une grande image d'accueil, un texte, une liste de tarifs, un formulaire de contact…

Pour ajouter un bloc :

1. Dans le panneau de droite, cliquez sur + Ajouter un bloc.
2. La liste des blocs disponibles s'affiche, chacun avec une miniature qui montre son allure.
3. Cliquez sur celui qui vous convient : il est ajouté à la fin de la page, déjà rempli avec un contenu d'exemple.

TODO capture : le sélecteur « Ajouter un bloc » ouvert dans le panneau de droite, montrant les vignettes de plusieurs blocs dont Hero et Texte & Image

Pour modifier un bloc, cliquez sur son nom dans la liste Blocs : ses réglages s'ouvrent dans le panneau de droite. Renseignez les champs, puis cliquez sur Sauvegarder.

Vous pouvez aussi cliquer directement sur un bloc dans l'aperçu de gauche : ses réglages s'ouvrent à droite.

Pour déplacer un bloc, utilisez les deux flèches à droite de son nom : Monter et Descendre — le bloc se décale d'un cran à chaque clic. Pour le retirer, ouvrez-le et cliquez sur Supprimer ce bloc, tout en bas de ses réglages ; une confirmation vous est demandée.

Les blocs à répétition

Dans les blocs 2 Colonnes, 3 Colonnes, Tarifs et Horaires, le contenu se compose d'éléments numérotés (#1, #2…). Le bouton + Ajouter en crée un de plus, l'icône corbeille en supprime un. Les blocs 2 Colonnes et 3 Colonnes sont prévus pour deux et trois éléments respectivement : au-delà, l'affichage se dégrade.

Les blocs disponibles

Bloc	Ce qu'il affiche
Hero	La grande bannière d'accueil : image de fond, titre, sous-titre et bouton d'action.
Texte & Image	Un paragraphe accompagné d'une image, que vous placez à gauche, à droite, au-dessus ou en dessous.
Texte	Un titre et un paragraphe, sur la couleur de fond de votre choix.
Image	Une image seule, avec sa légende, en pleine largeur ou non.
2 Colonnes	Deux encadrés côte à côte (image, badge, titre, description) — idéal pour présenter deux activités.
3 Colonnes	La même chose sur trois encadrés — vos points forts, vos sections…
Tarifs	Des formules présentées en cartes, avec leur prix, leur période et la liste de leurs avantages. Une formule peut être mise en avant.
Horaires	Un tableau de créneaux : jour, horaires, activité.
Contact	Vos coordonnées : email, téléphone, adresse.
Vidéo	Une vidéo YouTube ou Vimeo, à partir de son adresse.
Espacement	Un espace vide entre deux blocs, en petit, moyen ou grand.
HTML personnalisé	Pour ceux qui savent : votre propre code HTML.
Bandeau	Un message qui s'affiche sur toutes les pages — voir plus bas.

Les blocs Tarifs et Horaires sont indépendants de votre gestion

Le bloc Tarifs et le bloc Horaires sont des textes que vous saisissez à la main. Ils ne sont pas reliés à vos cotisations ni à vos créneaux : si vous changez un tarif dans votre campagne d'inscription, pensez à le corriger aussi sur le site.

De la même façon, le bloc Contact affiche vos coordonnées, mais ne comporte pas de formulaire : vos visiteurs vous écrivent depuis leur messagerie.

Renvoyer vers vos inscriptions

Pour envoyer vos visiteurs vers une campagne d'inscription, copiez son lien d'inscription (voir Campagnes d'inscription) et collez-le dans le bouton d'un bloc Hero ou Texte & Image, dans un Bandeau, ou dans un lien du menu.

Gérer les pages

Dans le panneau de droite, la partie Page concerne la page affichée :

• Titre — le nom de la page, celui qui apparaît dans l'onglet de l'éditeur et, par défaut, dans le menu.
• Slug — la fin de son adresse (/tarifs, /contact…). Choisissez un mot simple, en minuscules, sans accent ni espace.

Pour créer une page, cliquez sur le + à droite des onglets, saisissez un Titre — le champ Url se remplit tout seul à partir du titre — puis cliquez sur Créer la page.

Pour supprimer une page, ouvrez-la et cliquez sur Supprimer cette page, sous ses réglages. Une confirmation vous est demandée.

La page d'accueil ne se supprime pas

La page dont l'adresse est index est votre page d'accueil : son adresse n'est pas modifiable et elle ne peut pas être supprimée. C'est elle qui s'affiche quand un visiteur ouvre l'adresse de votre site.

Le menu de navigation

Dans la partie Site du panneau de droite, cliquez sur Navigation. Vous y réglez :

• Nom du site — le nom affiché en haut à gauche, à côté du logo.
• Logo — glissez-déposez une image dans la zone Ajouter un logo, ou choisissez-en une dans la Galerie. Le bouton Retirer l'enlève.
• Liens de navigation — « Choisissez une page locale ou une URL externe pour chaque lien. »

Chaque lien du menu comporte un libellé (le texte affiché) et un type :

• Page du site — le lien mène à l'une de vos pages, que vous choisissez dans la liste ;
• URL externe — le lien mène à n'importe quelle adresse : le lien d'inscription à une campagne, votre page Facebook, le site de votre fédération… ;
• Menu déroulant — le lien ouvre une liste de sous-liens, que vous ajoutez un par un avec Ajouter un sous-lien.

Les flèches Monter et Descendre réorganisent les liens ; la croix en supprime un ; Ajouter un lien en crée un nouveau.

TODO capture : le panneau « Navigation » avec le nom du site, le logo et trois liens dont un de type « Menu déroulant » déplié sur ses sous-liens

Retirer une page du menu ne la rend pas privée

Une page absente du menu reste accessible à qui connaît son adresse. Le site web est public par nature : n'y placez rien de confidentiel.

Le dernier lien est un bouton

Le dernier lien du menu s'affiche sous forme de bouton coloré. Placez-y votre appel à l'action — Nous rejoindre, S'inscrire — pour qu'il se remarque.

Le pied de page

Toujours dans la partie Site, Pied de page rassemble ce qui s'affiche tout en bas de chaque page : Nom, Description, Téléphone, Email et Adresse. La mention de copyright et l'année sont ajoutées automatiquement.

Les couleurs

Couleurs vous laisse régler la Couleur principale et la Couleur secondaire du site. Elles sont reprises sur les boutons, les titres et les accents de votre template.

Un bandeau sur toutes les pages

Le bloc Bandeau ne s'ajoute pas à une page : il s'applique à tout le site. Parfait pour annoncer l'ouverture des inscriptions ou un événement.

1. Cliquez sur + Ajouter un bloc, puis sur Bandeau (repérable à sa mention toutes les pages).
2. Un bandeau Nouveau bandeau apparaît dans la partie Bandeaux du panneau. Cliquez dessus pour le régler :
   • Texte — vous pouvez y glisser un lien avec la syntaxe [texte du lien](adresse) ;
   • Couleur de fond et Couleur du texte ;
   • Alignement — Gauche, Centré ou Droite ;
   • Position — Haut de page ou Bas de page ;
   • Peut être fermé — laisse le visiteur masquer le bandeau.
3. Cliquez sur Sauvegarder.

Les images

Partout où un bloc attend une image, vous pouvez :

• glisser-déposer un fichier directement dans la zone prévue, ou cliquer dessus pour parcourir votre ordinateur ;
• ouvrir la Galerie pour réutiliser une image déjà envoyée.

Les images envoyées restent disponibles dans la galerie pour toutes les pages du site. Le bouton Retirer enlève l'image du bloc en cours.

La galerie fait le ménage à chaque publication

À la publication, les images qui ne sont utilisées nulle part sur le site sont définitivement supprimées de la galerie. Si vous retirez une image d'un bloc en pensant la remettre plus tard, gardez-en une copie sur votre ordinateur.

Soignez vos images

Une photo de bonne qualité change tout sur un site. Préférez des photos prises au club, en format paysage pour les bannières, et évitez les fichiers inutilement lourds : ils ralentissent l'affichage sur mobile.

Publier

Tant que vous n'avez rien publié, la page Site Web affiche Votre site est en brouillon : vos visiteurs ne voient rien.

Cliquez sur Publier, en haut à droite de l'éditeur. Le message Votre site est en ligne confirme la mise en ligne, et la page Site Web affiche désormais Votre site est en ligne : suivi de son adresse, ainsi qu'un aperçu.

TODO capture : la page « Site Web » après publication — le bandeau vert « Votre site est en ligne : » avec l'adresse cliquable, et l'encart d'aperçu surmonté du bouton « Modifier dans l'éditeur »

Publier à chaque fois

Chaque modification — un texte, une image, une page, une couleur — doit être publiée pour être visible du public. En cas de doute, ouvrez votre site avec Voir le site : vous verrez exactement ce qui est en ligne.

Une page d'erreur est générée automatiquement à chaque publication : un visiteur qui suit un lien périmé voit « Cette page n'existe pas ou a été déplacée. » et un bouton Retour à l'accueil.

Ajouter vos propres fichiers

Sur la page Site Web, la section Fichiers du serveur vous permet d'ajouter des fichiers en plus de ceux de l'éditeur : un document PDF, une page d'erreur personnalisée…

1. Dépliez Fichiers du serveur.
2. Glissez vos fichiers dans la zone Importer des fichiers, ou cliquez sur Choisir un fichier. Formats acceptés : HTML ou ZIP (max 50 Mo).
3. La liste affiche chaque fichier avec sa Taille et sa date de modification. Tout télécharger récupère l'ensemble du site dans une archive.

Tout fichier importé est public

Les fichiers déposés ici sont accessibles à qui connaît leur adresse. N'y placez jamais de document confidentiel : listes d'adhérents, certificats médicaux, documents comptables. Ces documents ont leur place dans votre espace de gestion, pas sur le site public.

Vous avez déjà un site fait à la main ?

Si vous préférez héberger votre propre site plutôt que d'utiliser l'éditeur, cliquez sur Je fournis mes propres fichiers et importez une archive ZIP contenant vos pages. Intraclub les hébergera à la même adresse.

Supprimer le site

Dans Paramètres, tout en bas, la section Supprimer le site : « Cette action est irréversible. Tous les fichiers hébergés seront supprimés, ainsi que le domaine personnalisé associé. »

Pour confirmer, saisissez le sous-domaine de votre site dans le champ prévu, puis cliquez sur Supprimer le site.

Et ensuite ?

Votre site est en ligne à une adresse en .intraclub.fr, gratuitement. Pour utiliser votre propre nom de domaine et retirer le badge Intraclub, voir Domaine personnalisé (Web Pro).