Script de site web pour salon de coiffure et de beauté

Note sur la langue

L’interface du site et du panneau d’administration est disponible en turc et en anglais. Vous choisissez séparément la langue du site et celle du panneau dans « Site ayarları » (Paramètres du site) ; vous pouvez aussi changer la langue du panneau avec l’icône en forme de globe, en haut à droite du panneau.

D’autres langues peuvent être ajoutées : copiez le fichier en.php du dossier dil du paquet et traduisez-le (les étapes figurent dans dil/OKUBENI.txt). La langue ajoutée apparaît automatiquement dans les listes de langue des paramètres du site, et les mises à jour ne touchent pas vos fichiers de langue. Les textes non traduits s’affichent en anglais ; sur demande, ils peuvent s’afficher en turc.

Les contenus que vous publiez (prestations, produits, pages, articles de blog, etc.) ne sont pas traduits : ils restent dans la langue dans laquelle vous les rédigez. Les e-mails de rendez-vous et de formulaires, les messages d’avertissement et les formats de date suivent la langue choisie.

Lorsque cette page cite une section du panneau ou du site, son nom est indiqué tel qu’il apparaît dans l’interface turque, entre guillemets, suivi de sa traduction entre parenthèses ; dans l’interface anglaise, ces sections apparaissent sous leur nom anglais.

À qui s’adresse-t-il ?

Conçu pour les salons de coiffure, les instituts de beauté et les agences qui créent des sites pour eux. Sur votre propre domaine, vous présentez vos prestations, vos horaires, votre galerie et votre équipe. Le visiteur choisit une prestation, une date et une heure, puis envoie le formulaire de rendez-vous ; la demande est listée dans votre panneau, et c’est vous qui la confirmez ou l’annulez.

Aucune connaissance en programmation n’est nécessaire. L’assistant dans le navigateur s’occupe de l’installation, et vous saisissez vos contenus dans le panneau d’administration.

Fonctionnalités du site

Rendez-vous

• Formulaire de rendez-vous : le visiteur renseigne la prestation, la date, l’heure, son nom et prénom, son téléphone, son e-mail et une note facultative. Le visiteur qui arrive depuis le bouton « Bu hizmet için randevu al » (Prendre rendez-vous pour cette prestation) d’une page de prestation trouve la prestation déjà sélectionnée. Les dates et les heures passées sont refusées ; la date peut être fixée au plus six mois à l’avance. La page précise aussi qu’une demande n’est définitive qu’une fois confirmée.
• Contrôle selon les horaires d’ouverture : le rendez-vous est contrôlé selon les horaires du jour concerné. Aucun rendez-vous n’est accepté pour un jour fermé, pour une heure avant l’ouverture ou pour une heure à moins de 30 minutes de la fermeture. Si le texte des horaires n’est pas de la forme « 09:00 - 19:00 » (par exemple « Randevu ile » (Sur rendez-vous)), aucune limite horaire ne s’applique ce jour-là.
• E-mail au propriétaire du salon : une fois « E-posta ayarları » (Paramètres e-mail) configurés et les notifications activées, chaque demande de rendez-vous et chaque message de contact vous parvient aussi par e-mail. Lorsque vous répondez à l’e-mail, la réponse part vers l’adresse du client.
• E-mail de confirmation et d’annulation au client : lorsque vous passez un rendez-vous à « Onaylandı » (Confirmé) ou « İptal » (Annulé) dans le panneau, le client reçoit un court e-mail d’information, à condition qu’il ait saisi une adresse e-mail et que les notifications par e-mail soient activées. L’e-mail indique le nom du salon, la prestation, la date, l’heure, le statut et le numéro de téléphone du salon ; il est rédigé dans la langue du site. Si vous remettez un rendez-vous sur « Yeni » (Nouveau) ou enregistrez de nouveau le même statut, aucun e-mail n’est envoyé.
• Limites : il n’y a ni paiement en ligne, ni calendrier de disponibilité, ni choix du spécialiste.
• Case de consentement KVKK : obligatoire dans le formulaire de rendez-vous et dans le formulaire de contact. KVKK est la loi turque sur la protection des données personnelles. Le lien vers la notice d’information mène à la page que vous choisissez dans le panneau ; le même lien figure aussi en bas du site. Le texte fourni avec le contenu d’exemple n’est qu’un exemple ; vous devez rédiger votre propre notice d’information.

Prestations, produits et galerie

• Prestations : pour chaque prestation, vous saisissez un nom, une icône, une description courte, une description détaillée et une image. Vous choisissez l’icône parmi 16 icônes prêtes à l’emploi (ciseaux, spa, manucure, maquillage, etc.). Les prestations apparaissent sous forme de blocs sur la page d’accueil et sous forme de cartes sur la page des prestations ; chaque prestation a sa propre page, avec un bouton « Bu hizmet için randevu al » (Prendre rendez-vous pour cette prestation). Les prestations n’ont pas de champ de prix.
• Vitrine de produits : pour chaque produit, vous saisissez le nom, la catégorie, le prix (₺), le statut (« Yayında » (Publié) ou « Taslak » (Brouillon)), l’option « Öne çıkar » (Mettre en avant), la description et l’image. Les produits se filtrent par liens de catégorie ; ceux que vous mettez en avant apparaissent en premier sur la page d’accueil et dans la liste latérale « Popüler ürünler » (Produits populaires) de la page des produits. Si le prix est vide ou égal à 0, aucun prix n’est affiché. Il n’y a ni panier ni paiement en ligne ; les produits sont présentés comme une vitrine de promotion.
• Galerie : vous classez vos images par catégorie ; sur la page de la galerie, elles se filtrent avec des boutons de catégorie. Sur la page d’accueil, les six dernières images sont présentées en vitrine.
• Équipe : vous présentez les membres de votre équipe avec nom et prénom, fonction et photo. Un membre dont le statut est « Taslak » (Brouillon) n’apparaît pas sur le site.
• Avis clients : vous saisissez le nom et prénom, le titre, l’avis et la photo ; les avis sont présentés dans un slider sur la page d’accueil. Un avis sans photo affiche une icône.

Page d’accueil et pages internes

• Page d’accueil : zone d’accroche (titre, texte supérieur, grande image, bouton « Randevu al » (Prendre rendez-vous)), section de présentation « Biz kimiz » (Qui sommes-nous), vitrine de la galerie, avis clients, produits, blocs des horaires et du contact, blocs de prestations et derniers articles de blog. Une section de galerie, d’avis, de produits ou de blog sans entrée n’apparaît pas.
• Activer et désactiver des sections : depuis une seule page, vous activez ou désactivez les sections À propos, Prestations, Formulaire de rendez-vous, Produits, Blog, Galerie, Équipe, Contact et Avis clients. Une section désactivée disparaît du menu et du bas de page, et son adresse ne s’ouvre plus.
• Images du site : vous téléversez depuis le panneau les images de la section de présentation de la page d’accueil, du bloc des horaires, du bloc de contact, de la section des avis clients et du bandeau de titre des pages internes. Une zone sans image s’affiche avec un fond de couleur unie ou sans image.
• « Hakkımızda » (À propos) : titre, texte, mission et vision. Une partie mission ou vision que vous laissez vide n’apparaît pas.
• Blog : articles avec titre, catégorie, description courte, image et texte enrichi ; une liste filtrée par liens de catégorie et une page d’article. Un article au statut « Taslak » (Brouillon) n’apparaît pas sur le site.
• Questions fréquentes : vous saisissez les questions et les réponses dans le panneau ; la réponse s’ouvre quand le visiteur clique sur une question. Dès qu’une question existe, un lien « Sık sorulan sorular » (Questions fréquentes) apparaît dans le menu « Sayfalar » (Pages).
• Pages supplémentaires : vous ajoutez autant de pages que vous le souhaitez depuis le panneau (par exemple les conditions de rendez-vous et d’annulation). Pour chaque page, vous choisissez si elle s’affiche dans le menu supérieur et en bas du site.
• Horaires d’ouverture : vous saisissez un texte pour chaque jour de la semaine (par exemple 09:00 - 19:00, et « Kapalı » (Fermé) pour un jour fermé). Un jour laissé vide n’est pas affiché. Les horaires figurent sur la page d’accueil, sur la page de rendez-vous et en bas du site ; le formulaire de rendez-vous fonctionne lui aussi selon ces horaires.
• Page de contact : formulaire avec les champs nom et prénom, e-mail, téléphone et message (tous les champs sont obligatoires), vos coordonnées (adresse, e-mail, téléphone) et une carte (adresse d’intégration Google Maps ou OpenStreetMap). Les informations et la carte que vous laissez vides n’apparaissent pas sur le site.
• Réseaux sociaux : vos liens Facebook, X (Twitter), Instagram et YouTube ainsi que le lien WhatsApp de « Site ayarları » (Paramètres du site) apparaissent sous forme d’icônes en bas du site et dans le panneau d’informations latéral. Une icône que vous ne renseignez pas n’est pas affichée.
• Logo et bas de page : vous téléversez votre logo ; sinon, le nom de l’entreprise s’affiche en texte. Le bas du site contient le menu rapide, les prestations, l’adresse, le téléphone, l’e-mail et les horaires d’ouverture.
• Couleur : vous choisissez dans le panneau une seule couleur principale. Elle s’applique aux boutons, au bandeau de titre des pages internes, au bouton « Randevu al » (Prendre rendez-vous) du menu et aux éléments d’accent.
• Signature du pied de page : vous pouvez modifier ou supprimer la mention « TiklaWeb tarafından geliştirildi » (Développé par TiklaWeb) en bas du site.

Mobile et moteurs de recherche

• Adapté au mobile : le site s’adapte aux écrans de smartphone, de tablette et d’ordinateur ; sur les petits écrans, le menu devient un menu mobile qui s’ouvre d’une simple pression.
• Titre et description propres à chaque page : chaque page porte son propre titre (« Page | Entreprise »), sa description et ses balises de partage social (Open Graph). Sur les pages de prestation, de produit et d’article, l’image provient de l’image propre à la prestation, au produit ou à l’article. Vous saisissez le titre, la description et les mots-clés du site dans « Site ayarları » (Paramètres du site).

Panneau d’administration

• « Özet » (Résumé) : le nombre de nouvelles demandes de rendez-vous, de messages non lus, de prestations et d’articles de blog publiés, ainsi que les rendez-vous à venir et les derniers messages. Dans le menu latéral, un badge indique le nombre de nouvelles demandes de rendez-vous et de messages non lus.
• « Randevular » (Rendez-vous) : vous voyez les demandes reçues avec la prestation, la date, l’heure, le nom, le téléphone, l’e-mail, la note et l’heure du consentement KVKK. Vous passez le statut d’un rendez-vous à « Yeni » (Nouveau), « Onaylandı » (Confirmé) ou « İptal » (Annulé), filtrez la liste par statut et pouvez supprimer un rendez-vous. Dans le résumé, les rendez-vous à venir qui ne sont pas annulés sont listés par ordre de date. Quand vous enregistrez un statut, le panneau vous indique par un message si un e-mail est envoyé au client.
• « Mesajlar » (Messages) : vous lisez et supprimez les messages envoyés depuis le formulaire de contact, avec nom, e-mail, téléphone, date et texte ; les messages non lus sont signalés.
• Prestations, produits, galerie et blog : vous ajoutez, modifiez et supprimez des entrées ; les catégories des produits, de la galerie et du blog se gèrent séparément. Les listes offrent recherche et tri.
• Gestion des contenus : « Sayfalar » (Pages), « Sık sorulan sorular » (Questions fréquentes), « Ana sayfa üst alanı » (Zone d’accroche de la page d’accueil), « Ana sayfa tanıtım bölümü » (Section de présentation de la page d’accueil), « Hakkımızda » (À propos), « Site görselleri » (Images du site), « Ekip » (Équipe), « Müşteri yorumları » (Avis clients), « Çalışma saatleri » (Horaires d’ouverture), « Sosyal medya bağlantıları » (Liens des réseaux sociaux) et « Bölümleri aç/kapat » (Activer/désactiver les sections). L’éditeur Summernote est utilisé dans les champs de texte enrichi.
• Paramètres e-mail : une fois vos paramètres SMTP saisis et la notification activée, les e-mails de rendez-vous et l’e-mail du formulaire de contact fonctionnent. Vous testez les paramètres avec le bouton « Deneme e-postası gönder » (Envoyer un e-mail de test).
• « Site ayarları » (Paramètres du site) : titre du site, description et mots-clés, nom de l’entreprise, téléphone, lien WhatsApp, e-mail, adresse, ligne de copyright, couleur principale, page KVKK, carte, logo, langue du site et langue du panneau.
• Utilisateurs et droits : vous ajoutez des comptes administrateur et éditeur. L’éditeur gère les rendez-vous et les sections de contenu ; « Site ayarları » (Paramètres du site), « E-posta ayarları » (Paramètres e-mail) et « Kullanıcılar » (Utilisateurs) ne sont accessibles qu’à l’administrateur. Les droits sont contrôlés côté serveur. Chaque utilisateur modifie son nom et son mot de passe sur la page « Profil ve şifre » (Profil et mot de passe).
• Mot de passe oublié : le lien de la page de connexion du panneau réinitialise le mot de passe par e-mail (si « E-posta ayarları » (Paramètres e-mail) est configuré). Le lien de réinitialisation est valable 1 heure et ne s’utilise qu’une fois.
• Code personnalisé : dans « Site ayarları » (Paramètres du site), vous ajoutez votre propre code (par exemple un script de statistiques) en haut et en bas du site. Ces champs ne sont accessibles qu’à l’administrateur.

Installation et mises à jour

• Assistant d’installation en cinq étapes : prérequis, licence, base de données, informations du site et de l’administrateur, fin. L’assistant vérifie lui-même votre serveur.
• Langue de l’installation : dans l’assistant, choisissez le turc ou l’anglais en haut à droite. Pour une installation en anglais, le contenu de départ et le contenu d’exemple sont aussi en anglais.
• Installation avec contenu d’exemple ou vide : démarrez avec un site rempli comme la démo et modifiez-le, ou saisissez vos contenus de zéro. Les listes de rendez-vous et de messages démarrent vides dans les deux cas.
• Mise à jour depuis le panneau : téléchargez le paquet zip de la nouvelle version depuis votre espace client tiklaweb.net et importez-le sur la page « Güncelleme ve lisans » (Mise à jour et licence) du panneau d’administration. Les fichiers et la base de données sont sauvegardés au préalable. En cas d’erreur, le site revient à son état précédent. Vos images, paramètres et contenus sont conservés.
• Paquets vérifiés : la signature du paquet de mise à jour est contrôlée ; seuls les paquets téléchargés depuis tiklaweb.net sont installés.

Un guide d’installation détaillé est fourni dans le paquet téléchargé, sous la forme du fichier KURULUM.html (rédigé en turc).

Licence

Chaque licence est valable pour un seul nom de domaine, celui que vous indiquez lors de la commande. Le nom de domaine ne peut pas être modifié après l’installation ; le changement d’extension du même domaine (par ex. .net vers .com) est payant et se fait par demande d’assistance. La licence ne peut pas être transférée gratuitement. Le site ne s’ouvre pas sur un domaine sans licence et le visiteur est redirigé vers une page d’avertissement de licence. Une licence distincte est nécessaire pour l’utiliser sur un autre domaine.

Caractéristiques techniques

• PHP 8.2 ou supérieur, MySQL ou MariaDB
• Architecture : PHP natif avec PDO et requêtes préparées. Site : Bootstrap 4, jQuery, Slick, Font Awesome Free 6. Panneau : Bootstrap 4, DataTables et l’éditeur de contenu Summernote
• L’envoi des e-mails se fait avec PHPMailer 6.9 ; le mot de passe SMTP est stocké chiffré. Une saisie de formulaire est d’abord enregistrée dans la base de données ; si le serveur le permet, l’e-mail part une fois la réponse envoyée au visiteur
• Les textes de l’interface sont conservés dans les fichiers de langue du paquet (turc et anglais inclus, une nouvelle langue peut être ajoutée)
• Jeton de formulaire signé et champ piège caché sur les formulaires du site, contrôle CSRF sur les actions du panneau ; limitation des tentatives sur la connexion au panneau, la réinitialisation du mot de passe, le formulaire de contact et le formulaire de rendez-vous
• Le type des images téléversées depuis le panneau est vérifié d’après le contenu (JPG, PNG, WebP ; 8 Mo au maximum) et, si l’extension GD est active, elles sont converties en WebP ; aucun PHP ne s’exécute dans le dossier des téléversements
• Les champs de texte enrichi du panneau sont filtrés côté serveur à l’enregistrement (HTMLPurifier) ; le panneau d’administration envoie un en-tête Content Security Policy (CSP) ; les mots de passe des administrateurs sont stockés sous forme de hachage
• La zone de carte n’accepte que les adresses d’intégration Google Maps et OpenStreetMap
• Les informations de base de données et les sauvegardes sont conservées, si votre hébergement le permet, dans un dossier situé en dehors de la racine web
• En-têtes de sécurité, HSTS en HTTPS ; fuseau horaire Europe/Istanbul
• Un audit de sécurité composé d’une revue du code et de tests d’attaque en conditions réelles a été réalisé avant la vente

Démo

Découvrez le site et le panneau d’administration dans la démo en lecture seule. La démo est installée en turc ; dans le panneau d’administration, vous pouvez passer la langue du panneau en anglais avec l’icône en forme de globe en haut à droite (ce choix n’est conservé que dans votre navigateur). Le nom du salon, les personnes, les avis, les prestations, les produits et les prix de la démo sont des exemples. Dans le panneau de démo, les listes « Randevular » (Rendez-vous) et « Mesajlar » (Messages) contiennent quelques enregistrements d’exemple. WhatsApp, les liens de réseaux sociaux et la carte sont laissés vides dans la démo ; une fois que vous les renseignez dans le panneau, ils apparaissent sur le site.

• Site : https://009.tiklaweb.net
• Panneau d’administration : https://009.tiklaweb.net/admin
• E-mail de démo : demo@tiklaweb.net
• Mot de passe de démo : demo1234

Dans la démo, les modifications ne peuvent pas être enregistrées ; le formulaire de contact et le formulaire de rendez-vous n’enregistrent aucune donnée et n’envoient aucun e-mail. La démo est réinitialisée chaque nuit. Les pages sensibles, comme les paramètres e-mail, les utilisateurs et les formulaires de mot de passe, ne peuvent pas être consultées en mode démo, et « Mot de passe oublié » est désactivé dans la démo. Ces identifiants ne valent que pour le site de démo. Dans l’installation que vous achetez, vous définissez vous-même le compte administrateur.

Support

Si vous êtes bloqué, ouvrez un ticket de support depuis votre espace client tiklaweb.net ou écrivez à destek@tiklaweb.net.