Script de site web pour centre de beauté avec demande de rendez-vous

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 vous-même (services, pages, articles de blog, etc.) ne sont pas traduits ; ils restent dans la langue dans laquelle vous les écrivez. Les avertissements des formulaires et les formats de date suivent la langue du site choisie ; les e-mails de notification de la demande de rendez-vous et du formulaire de contact sont rédigés dans la langue du panneau.

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 centres de beauté, les coiffeurs, les salons de soins des cheveux, de la peau et des ongles, ainsi que pour les agences qui créent des sites pour eux. Sur votre propre nom de domaine, vous présentez vos services et votre équipe d’experts, montrez des images de votre centre et informez les visiteurs avec des articles de blog et des documents PDF. Un visiteur remplit le formulaire de demande de rendez-vous sur le site ; la demande est listée dans votre panneau, et vous appelez le visiteur pour fixer l’heure ensemble. Le formulaire ne recueille que des demandes : un rendez-vous confirmé, un calendrier et le paiement en ligne ne font pas partie du site.

Vous n’avez pas besoin de savoir coder. L’assistant du navigateur effectue l’installation, et vous saisissez vos contenus dans le panneau d’administration.

Fonctionnalités du site

Page d’accueil

• Diaporama d’accueil : jusqu’à 6 diapositives. Chaque diapositive comporte une petite ligne supérieure, un titre, un sous-titre, un bouton facultatif et une image ; chaque diapositive porte aussi un lien « Randevu Talebi » (Demande de rendez-vous). Pour le lien du bouton, vous saisissez une adresse interne au site (par exemple hizmetler) ou une adresse complète. Avec plusieurs diapositives, les images changent automatiquement avec un fondu doux ; sur les appareils réglés pour réduire les animations, le changement est un simple glissement et n’est pas automatique. Une diapositive sans image n’est pas affichée ; s’il n’y a aucune diapositive, le nom de l’entreprise et un bouton « Randevu Talebi » (Demande de rendez-vous) apparaissent.
• Trois blocs mis en avant : trois blocs composés d’un titre et d’un court texte, placés sous le diaporama. Les icônes sont prédéfinies ; un bloc dont vous laissez le titre vide n’apparaît pas.
• Section de présentation : une image, un titre, le début de votre texte « Hakkımızda » (À propos), une liste des noms des six premiers services et un bouton qui mène à la page « Hakkımızda » (À propos).
• Services : les six premiers services s’affichent sous forme de cartes avec icône, image, nom, courte description et, si vous les avez saisis, une mention de prix et une durée ; le bouton « Tüm Hizmetler » (Tous les services) mène à la page des services.
• Compteurs : quatre compteurs (par exemple 150+). Vous saisissez vous-même la valeur et le texte ; quand la page apparaît à l’écran, les chiffres s’affichent en comptant. Un compteur dont la valeur reste vide n’apparaît pas.
• Section demande de rendez-vous : le formulaire de demande de rendez-vous figure aussi sur la page d’accueil ; si vous téléversez une image, elle apparaît à côté du formulaire.
• Équipe d’experts : sur la page d’accueil, les quatre premiers membres de l’équipe s’affichent sous forme de cartes ; le bouton « Tüm Ekip » (Toute l’équipe) mène à la page « Uzmanlarımız » (Nos spécialistes).
• Avis des clients : les 12 derniers avis s’affichent dans un diaporama.
• Derniers articles : les trois derniers articles de blog s’affichent sous forme de cartes. Une section sans entrée n’est pas du tout dessinée sur la page d’accueil.
• Bandeau d’appel : vous saisissez un titre et un court texte ; le bandeau apparaît à la fin de la page d’accueil et de la page « Hakkımızda » (À propos) avec un bouton « Randevu Talebi » (Demande de rendez-vous). Si vous laissez le titre vide, le bandeau n’apparaît pas.

Demande de rendez-vous et contact

• Formulaire de demande de rendez-vous : présent sur la page d’accueil et sur la page « Randevu Talebi » (Demande de rendez-vous). Le nom, l’e-mail et le téléphone sont obligatoires. Le service (parmi ceux du panneau), le jour souhaité (aujourd’hui ou ultérieur, au plus 12 mois plus tard), le moment préféré (matin, après-midi, soir) et une note sont facultatifs. Le formulaire comporte une case de consentement KVKK obligatoire. La KVKK est la loi turque sur la protection des données personnelles. Le bouton « Randevu Talebi » (Demande de rendez-vous) de chaque page de service ouvre le formulaire avec ce service sélectionné. Sous le formulaire, le visiteur est informé que le rendez-vous est confirmé une fois que votre centre l’a contacté et a approuvé l’heure.
• Demandes dans le panneau : les demandes reçues sont listées dans la section « Randevu ve mesajlar » (Demandes de rendez-vous et messages) du panneau, que seul l’administrateur voit. Si vous configurez « E-posta ayarları » (Paramètres e-mail) et activez les notifications, chaque demande vous parvient aussi par e-mail, et lorsque vous répondez à l’e-mail, la réponse part vers l’adresse du visiteur.
• Formulaire de contact : champs nom, e-mail, téléphone, titre du message et texte du message (tous obligatoires) et case de consentement KVKK. Les messages reçus sont listés dans la même section.
• Page de contact : encadrés d’information avec adresse, e-mail, téléphone et horaires de travail, et une carte (code d’intégration Google Maps ou OpenStreetMap). Les informations et la carte laissées vides n’apparaissent pas sur le site.
• Case de consentement KVKK : obligatoire sur la demande de rendez-vous et sur le formulaire de contact. Le lien de l’avis de confidentialité mène à la page que vous choisissez dans le panneau ; le même lien figure aussi dans le pied de page du site. Le texte fourni avec le contenu d’exemple n’est qu’un exemple ; les informations des clients étant des données personnelles, vous devez préparer votre propre avis de confidentialité, avec un conseiller juridique si nécessaire.

Services, équipe d’experts et avis

• Services : pour chaque service, vous saisissez un nom, une icône, une courte description, une description détaillée, une image et un ordre ; vous pouvez ajouter facultativement une mention de prix (texte libre : vous pouvez aussi écrire par exemple « à partir de ») et une durée. Vous choisissez l’icône dans le panneau dans une liste prête à l’emploi de 26 icônes pour les cheveux, la peau, les ongles, le maquillage et le spa. Les services sont listés sous forme de cartes sur la page des services et apparaissent aussi en liste déroulante dans le menu. Chaque service a sa propre page, une liste latérale des autres services et un encadré de demande de rendez-vous. Le prix et la durée n’apparaissent pas si vous les laissez vides.
• Équipe d’experts : vous saisissez le nom, le titre, le domaine d’expertise (facultatif), la photo, le statut et l’ordre. L’équipe s’affiche sous forme de cartes sur la page « Uzmanlarımız » (Nos spécialistes) du menu « Entreprise », sur la page d’accueil et sur la page « Hakkımızda » (À propos). Un membre sans photo reçoit une icône de personne. Un membre dont le statut est « Taslak » (Brouillon) n’apparaît pas.
• Avis des clients : vous saisissez le nom, le service reçu (facultatif), l’avis et une photo facultative. Les avis apparaissent dans un diaporama sur la page d’accueil ; un avis sans photo affiche la première lettre du nom. Ne publiez les avis qu’avec l’accord de leurs auteurs.

Pages d’entreprise, blog et galerie

• « Hakkımızda » (À propos) : titre de la page, texte, mission, vision, ligne de signature et une image. Une partie mission ou vision laissée vide n’apparaît pas. La page comporte aussi les compteurs, les cartes de l’équipe et le bandeau d’appel.
• Questions fréquentes : vous saisissez questions et réponses dans le panneau ; la réponse s’ouvre quand le visiteur clique sur une question. Dès qu’il existe au moins une question, son lien apparaît dans le menu sous « Kurumsal » (Entreprise).
• Documents (PDF) : vous téléversez depuis le panneau des fichiers PDF tels qu’une fiche d’information sur les services et les tarifs (10 Mo au plus par fichier). Pour chaque document, vous saisissez un texte de lien et un ordre. Ils sont listés sur la page « Belgeler » (Documents) avec un bouton « PDF indir » (Télécharger le PDF) ; lorsque le visiteur clique, le fichier se télécharge en PDF.
• Pages supplémentaires : vous ajoutez depuis le panneau autant de pages que vous le souhaitez (par exemple une politique de confidentialité ou l’avis de confidentialité KVKK). Pour chaque page, vous choisissez si elle s’affiche dans le menu du haut (sous « Kurumsal » (Entreprise)) et dans le pied de page du site.
• Blog : des articles avec titre, statut (« Yayında » (Publié) ou « Taslak » (Brouillon)), description courte, image et texte enrichi. Les articles sont paginés à 9 par page ; la page d’un article comporte une liste latérale des derniers articles. Un article au statut « Taslak » (Brouillon) n’apparaît pas sur le site.
• Galerie : vous saisissez le titre de l’image, l’image et un ordre. Un clic agrandit l’image ; les boutons précédent et suivant, les touches fléchées, le geste de balayage sur téléphone, le bouton de fermeture et la touche Échap fonctionnent.

Apparence, mobile et moteurs de recherche

• Couleur : vous choisissez deux couleurs dans le panneau. La couleur principale s’applique aux boutons, aux accents et aux éléments actifs ; la couleur de fond s’applique à l’arrière-plan des pages. Un fond clair est recommandé ; si vous en choisissez un foncé, le site passe à un thème sombre. Le texte placé sur la couleur principale et sur le fond devient automatiquement foncé ou blanc selon que la couleur est claire ou foncée.
• Logo, icône du site et images : vous téléversez votre logo et l’icône de votre site (favicon) ; s’il n’y a pas de logo, le nom de l’entreprise apparaît sous forme de texte. Le même logo est utilisé dans le menu du haut et dans le pied de page, il doit donc convenir à la couleur de fond (logo foncé sur fond clair, logo clair ou transparent sur fond sombre). Vous pouvez téléverser des images pour le bandeau de titre en haut des pages intérieures et pour la section de rendez-vous de la page d’accueil ; sans image de bandeau de titre, un simple bandeau coloré apparaît.
• Barre supérieure, menu et pied de page : la barre supérieure affiche le numéro de téléphone, l’e-mail, les horaires de travail et les icônes des réseaux sociaux ; le menu comporte un bouton « Randevu Talebi » (Demande de rendez-vous) et, si vous l’avez saisie, une icône WhatsApp. Le pied de page affiche votre court texte de présentation, vos coordonnées (adresse, téléphone, e-mail, horaires de travail), des liens, les six premiers services et la ligne de copyright. Les informations que vous ne saisissez pas ne sont pas dessinées.
• Réseaux sociaux : vos liens Facebook, X (Twitter), Instagram, LinkedIn et YouTube apparaissent sous forme d’icônes ; une icône non renseignée n’est pas dessinée. Si vous saisissez votre numéro WhatsApp, une icône WhatsApp apparaît dans le menu.
• Activer/désactiver les sections : depuis une seule page, vous activez ou désactivez les sections Services, Équipe d’experts, Blog, Galerie, Documents, Questions fréquentes et Avis des clients. Une section désactivée disparaît du menu et de la page d’accueil, et l’adresse de sa page ne s’ouvre plus. Le lien de menu d’une section sans entrée n’apparaît pas non plus.
• Adapté au mobile : sur les petits écrans, le menu devient un menu mobile qui s’ouvre au toucher ; la mise en page s’ajuste à la largeur de l’écran.
• Titre et description propres à chaque page : chaque page porte son propre titre (« Page | Entreprise »), sa description et ses balises de partage sur les réseaux sociaux (Open Graph). Sur les pages de service et d’article de blog, l’image de partage provient de l’image de l’élément. Vous saisissez le titre, la description et les mots-clés du site sous « Site ayarları » (Paramètres du site).
• Signature du pied de page : vous pouvez modifier ou supprimer la ligne « TiklaWeb tarafından geliştirildi » (Développé par TiklaWeb) en bas du site.
• Page 404 : pour une adresse inexistante, une section désactivée ou un article non publié, une page d’erreur avec un bouton de retour à la page d’accueil s’affiche.

Panneau d’administration

• « Özet » (Résumé) : pour l’administrateur, le nombre de demandes et de messages non lus, de demandes de rendez-vous, de services et d’articles de blog publiés, ainsi que les cinq dernières demandes de rendez-vous et les cinq derniers messages. Le menu latéral affiche le nombre d’éléments non lus sous forme de pastille.
• « Randevu ve mesajlar » (Demandes de rendez-vous et messages) : l’administrateur voit les demandes de rendez-vous et les messages de contact dans une seule liste et les distingue par type. Une demande affiche le nom, l’e-mail, le téléphone, le service demandé, le jour et le moment souhaités, l’heure du consentement KVKK et la note ; un message affiche l’objet et le texte. Les éléments non lus sont marqués, et vous pouvez les supprimer. Un compte éditeur ne voit que les messages de contact.
• Services, équipe d’experts et blog : vous ajoutez, modifiez et supprimez des entrées. Les listes disposent d’une recherche et d’un tri.
• Pages, galerie et documents : vous gérez les pages supplémentaires, les images de la galerie et les documents PDF.
• Contenu du site : « Ana sayfa kaydırıcısı » (Diaporama de la page d’accueil), « Ana sayfa kutuları, çağrı bandı ve sayaçlar » (Blocs, bandeau d’appel et compteurs de la page d’accueil), « Hakkımızda » (À propos), « Yorumlar » (Avis), « Sık sorulan sorular » (Questions fréquentes), « Site görselleri » (Images du site), « 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 : dès que vous saisissez vos informations SMTP et activez les notifications, les e-mails de la demande de rendez-vous et 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, nom de l’entreprise, description et mots-clés, téléphone, numéro WhatsApp, e-mail, adresse, horaires de travail, le court texte de présentation affiché dans le pied de page, ligne de copyright, couleur principale, couleur de fond, page KVKK, carte, logo, icône du site, langue du site et langue du panneau.
• Utilisateurs et autorisations : vous ajoutez des comptes administrateur et éditeur. L’éditeur gère les sections de contenu et les messages de contact ; les demandes de rendez-vous, « Site ayarları » (Paramètres du site), « E-posta ayarları » (Paramètres e-mail) et « Kullanıcılar » (Utilisateurs) sont réservés à l’administrateur. Les autorisations sont vérifiées côté serveur. Chaque utilisateur modifie son propre 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é : sous « 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 sont réservés à 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.
• Contenu d’exemple ou installation vide : vous démarrez avec un site rempli comme la démo pour l’adapter, ou vous saisissez vos contenus à partir de zéro. La liste des demandes de rendez-vous et des messages démarre vide 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 téléversez-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 d’abord sauvegardés. En cas d’erreur, le site revient à son état précédent. Vos images et documents PDF téléversés, vos paramètres et vos 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). Le guide indique les règles fournies prêtes à l’emploi pour Apache et LiteSpeed, ainsi que les règles à ajouter pour Nginx et IIS.

Licence

Chaque licence est valable pour un seul nom de domaine, celui que vous indiquez lors de la commande. Le changement de nom de domaine 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
• Structure : PHP (PDO), routeur propre et gabarits Twig 3. Les adresses des pages sont lisibles (par exemple /hizmetler/3-fon-ve-sekillendirme) ; cela exige une réécriture d’adresses sur le serveur. Sur Apache et LiteSpeed, le fichier .htaccess fourni dans le paquet s’en charge ; pour Nginx et IIS, les règles figurent dans le fichier KURULUM.html
• Site : Swiper et Font Awesome Free 6 ; les polices Josefin Sans et Open Sans sont fournies avec le package et ne sont pas chargées depuis un serveur externe. Panneau : 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é, champ piège caché et limite de 8 envois par IP en 10 minutes sur la demande de rendez-vous et le formulaire de contact ; dans une demande de rendez-vous, le service n’est accepté que parmi les noms enregistrés dans le panneau, la date est vérifiée côté serveur et un jour passé ne peut pas être choisi
• Vérification CSRF sur les actions du panneau ; blocage temporaire après 5 tentatives échouées en 15 minutes à la connexion au panneau, et la session se ferme après 2 heures d’inactivité
• Les demandes de rendez-vous contiennent des données personnelles : dans le panneau, seul le compte administrateur les voit, les lit et les supprime ; elles ne sont pas affichées à un compte éditeur
• 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
• Un document PDF n’est accepté que s’il porte la signature PDF et un marqueur de fin de fichier (10 Mo au plus). Le dossier des documents n’est pas accessible directement ; le fichier se télécharge comme pièce jointe via le site
• 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
• 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

Explorez 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 du globe en haut à droite. Le nom du centre (« Örnek Güzellik Merkezi » (Centre de beauté d’exemple)), les services, les indications de prix et de durée, l’équipe, les avis des clients, les images de la galerie et les documents PDF de la démo sont des exemples. Dans le panneau de démonstration, vous voyez quelques enregistrements d’exemple dans la liste « Randevu ve mesajlar » (Demandes de rendez-vous et messages). WhatsApp, les liens des réseaux sociaux et la carte sont laissés vides dans la démo ; une fois renseignés dans le panneau, ils apparaissent sur le site.

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

Les modifications ne peuvent pas être enregistrées dans la démo ; la demande de rendez-vous et le formulaire de contact n’enregistrent rien et n’envoient pas d’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émonstration. 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.