Script de site web pour service de réparation et d’entretien automobile (avec formulaire de demande de service)

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 (services, pages, articles de blog, etc.) ne sont pas traduits ; ils restent dans la langue où vous les écrivez. Les avertissements de formulaire et les formats de date suivent la langue du site choisie ; les e-mails de notification des formulaires de demande de service et 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 garages, les ateliers de réparation et d’entretien automobile et les agences qui créent des sites pour ces entreprises. Sur votre propre nom de domaine, vous décrivez vos services, présentez votre équipe et les entreprises avec lesquelles vous travaillez, et affichez les avis de vos clients et les questions fréquentes. Le visiteur remplit le formulaire de demande de service : il indique la marque et le modèle de son véhicule et, s’il le souhaite, le service ainsi que le jour et le moment qui lui conviennent ; la demande apparaît dans votre panneau, et vous appelez le visiteur pour préciser ensemble la panne et le moment adapté. Le formulaire ne fait que recueillir des demandes : un rendez-vous confirmé, un prix, une durée de réparation ou une garantie ne font pas partie du site, et aucune plaque d’immatriculation n’est demandée.

Vous n’avez pas besoin de savoir programmer. L’assistant du navigateur s’occupe de 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 « Servis Talebi » (Demande de service). Pour le lien du bouton, vous saisissez une adresse interne au site (par exemple hizmetler, servis) 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 ; sans aucune diapositive, le nom de l’entreprise et un bouton « Servis Talebi » (Demande de service) 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 À propos : une image, un titre, le début de votre texte « Hakkımızda » (À propos), une liste à cocher des noms des six premiers services et un bouton menant à la page « Hakkımızda » (À propos).
• Services : les six premiers services apparaissent sous forme de cartes avec icône, image, nom, courte description et le lien « Ayrıntılı Bilgi » (Plus de détails) ; le bouton « Tüm Hizmetler » (Tous les services) mène à la page « Hizmetler » (Services).
• Compteurs : quatre compteurs. Vous saisissez vous-même la valeur et le texte ; quand la page entre dans l’écran, les nombres s’affichent en comptant. Un compteur dont vous laissez la valeur vide n’apparaît pas.
• Section demande de service : une courte description figure à gauche et le formulaire de demande de service à droite ; si vous téléversez une image sur la page « Site görselleri » (Images du site), elle apparaît sous la description.
• Logos de références, avis clients et derniers articles : les logos de références que vous téléversez apparaissent en bandeau (24 au plus), les 12 derniers avis dans un diaporama et les trois derniers articles de blog sous forme de cartes. Une section sans entrées n’est pas affichée du tout sur la page d’accueil.
• Bandeau d’appel : vous saisissez un titre et un court texte ; le bandeau apparaît avec un bouton « Servis Talebi » (Demande de service) à la fin de la page d’accueil et des pages « Hizmetler » (Services) et « Hakkımızda » (À propos). Si vous laissez le titre vide, le bandeau n’apparaît pas.

Demande de service, demandes et contact

• Formulaire de demande de service : sur la page d’accueil et sur la page « Servis Talebi » (Demande de service). Nom, e-mail, téléphone et véhicule sont obligatoires. Dans le champ véhicule, vous écrivez la marque et le modèle (par exemple Marque Modèle 2018) ; le champ est un texte libre, accepte 2 à 60 caractères et n’autorise que lettres, chiffres, espaces et les caractères . , / ( ) - ' ’ +. Aucune plaque d’immatriculation n’est demandée ; une indication dans le champ et sous le formulaire dit de ne pas en écrire. Le service (parmi les services enregistrés dans le panneau), le jour souhaité (aujourd’hui ou plus tard, jusqu’à 12 mois à l’avance), le moment souhaité (matin, après-midi, soir) et une description de la panne de 500 caractères au plus sont facultatifs. Le formulaire comporte une case obligatoire de consentement KVKK. KVKK est la loi turque sur la protection des données personnelles. Le bouton « Servis Talebi Oluştur » (Créer une demande de service) de chaque page de service ouvre le formulaire avec ce service sélectionné. Sous le formulaire, le visiteur est informé qu’il s’agit d’une demande de service, sans engagement sur un rendez-vous confirmé, un prix, une durée de réparation ou une garantie, que l’équipe examinera les informations et prendra contact, et que la panne et le véhicule seront précisés par téléphone.
• Demandes dans le panneau : les demandes de service reçues sont listées dans la section « Servis ve mesajlar » (Demandes de service et messages) du panneau, que seul l’administrateur voit ; une note au-dessus de la liste rappelle que les demandes ne sont pas des rendez-vous confirmés. Si vous configurez les « E-posta ayarları » (Paramètres e-mail) et activez les notifications, chaque demande vous parvient aussi par e-mail, et votre réponse à l’e-mail part à 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, un lien vers le formulaire de demande de service et une carte (code d’intégration Google Maps ou OpenStreetMap). Les informations et la carte que vous laissez vides n’apparaissent pas sur le site.
• Case de consentement KVKK : obligatoire dans les formulaires de demande de service et de contact. Le lien de la notice d’information 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 données des clients et des véhicules étant des données personnelles, vous devez rédiger votre propre notice, avec un conseiller juridique si nécessaire.

Services, équipe, références 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. L’icône se choisit dans le panneau parmi une liste prête de 24 icônes comme clé, vidange, batterie, climatisation, peinture et pneu. Les services sont listés sous forme de cartes sur la page « Hizmetler » (Services) et apparaissent aussi dans une liste déroulante du menu. Chaque service a sa propre page, une liste latérale des autres services et un encart de demande de service. Les services n’ont pas de champ de prix ni de durée ; une note au-dessus de la liste rappelle de ne pas écrire de promesses comme un prix, une durée de réparation ou une garantie.
• Équipe : vous saisissez nom et prénom, titre (par exemple Responsable atelier), domaine d’expertise (facultatif), photo, statut et ordre. L’équipe est présentée sous forme de cartes sur la page « Hakkımızda » (À propos) ; il n’y a pas de page d’équipe distincte. Un membre sans photo reçoit une icône de personne. Un membre dont le statut est « Taslak » (Brouillon) n’apparaît pas. N’écrivez que les titres et domaines d’expertise que la personne possède réellement.
• Logos de références : vous saisissez un nom d’entreprise, une adresse web facultative et un logo. Les entrées dont le logo est téléversé apparaissent sur la page d’accueil et sur la page À propos. Ne téléversez que des logos dont vous avez l’autorisation d’usage.
• Avis clients : vous saisissez nom et prénom, le service reçu (facultatif), l’avis et une photo facultative ; les avis apparaissent dans un diaporama sur la page d’accueil. 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, les logos de références 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 comme une présentation des services ou un document d’information (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) ; au clic du visiteur, 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 : articles avec titre, statut (Publié ou Brouillon), courte description, image et contenu en texte enrichi. Les articles sont paginés par 9 ; la page d’un article comporte une liste latérale des derniers articles. Un article en 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 sombre s’applique à la barre d’information supérieure, aux titres, à la section des compteurs et aux zones sombres comme le pied de page. Le fond de page est toujours blanc. Les couleurs de texte sont choisies automatiquement, sombres ou claires, selon la couleur principale et la couleur sombre. Sous le menu et au-dessus du pied de page apparaît une bande d’avertissement où la couleur principale et la couleur sombre alternent en rayures obliques ; elle est tracée en CSS et n’a pas de fichier image.
• Logo, icône du site et images : vous téléversez votre logo et l’icône de votre site (favicon) ; sans logo, le nom de l’entreprise s’affiche en texte. Le logo est affiché sur fond clair dans l’en-tête et dans un encadré blanc dans le pied de page ; un logo sombre ou coloré, bien lisible sur fond clair, de préférence à fond transparent, convient donc. Vous pouvez téléverser des images pour le bandeau de titre en haut des pages intérieures et pour la section demande de service de la page d’accueil ; sans image de bandeau, un bandeau uni apparaît.
• Barre supérieure, menu et pied de page : la barre supérieure sombre affiche le téléphone, l’e-mail, les horaires et les icônes de réseaux sociaux (elle est masquée sur les écrans de téléphone) ; le menu comporte un bouton « Servis Talebi » (Demande de service) 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), des liens, les six premiers services et la ligne de copyright. Les informations que vous ne saisissez pas ne sont pas affiché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 ou désactiver des sections : depuis une seule page, vous activez ou désactivez les sections Services, Équipe, Blog, Galerie, Documents, Questions fréquentes, Avis clients et Logos de références. Une section désactivée disparaît du menu et de la page d’accueil, et son adresse de page ne s’ouvre plus. Le lien de menu d’une section sans entrées 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 social (Open Graph). Sur les pages de service et d’article de blog, l’image de partage provient de l’image du contenu. Vous saisissez le titre, la description et les mots-clés du site dans la page « 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, les nombres de demandes et de messages non lus, de demandes de service, de services et d’articles de blog publiés, ainsi que les cinq dernières demandes de service et les cinq derniers messages. Le menu latéral affiche le nombre d’enregistrements non lus sous forme de pastille.
• « Servis ve mesajlar » (Demandes de service et messages) : l’administrateur voit les demandes de service et les messages de contact dans une même liste et les distingue par type. Une demande affiche nom, e-mail, téléphone, véhicule (marque et modèle), service souhaité, jour et moment souhaités, l’heure du consentement KVKK et la description de la panne ; un message affiche l’objet et le texte. Les enregistrements non lus sont signalés, et vous pouvez supprimer des enregistrements. Un compte éditeur ne voit que les messages de contact.
• Services, équipe, références et blog : vous ajoutez, modifiez et supprimez des entrées. Les listes offrent recherche et tri ; au-dessus de la liste Services, une note rappelle de ne pas écrire de promesses comme un prix, une durée de réparation ou une garantie.
• 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 demande de service et 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, court texte de présentation affiché dans le pied de page, ligne de copyright, couleur principale, couleur foncée, 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 service, les « Site ayarları » (Paramètres du site), les « E-posta ayarları » (Paramètres e-mail) et les « Kullanıcılar » (Utilisateurs) sont réservés à l’administrateur. Les autorisations sont vérifiées sur le 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 rempli comme la démo et modifiez à partir de là, ou vous saisissez vos contenus de zéro. La liste des demandes et des messages démarre vide dans les deux cas ; les services, l’équipe et les logos de références arrivent remplis avec le contenu d’exemple.
• 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/2-motor-onarimi) ; 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 ; la police Poppins est fournie avec le paquet et n’est pas chargée 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 les formulaires de demande de service et de contact ; dans une demande, le nom du service n’est accepté que parmi les noms enregistrés dans le panneau, le champ véhicule est limité à 2–60 caractères et aux lettres, chiffres, espaces et caractères . , / ( ) - ' ’ + (aucune plaque d’immatriculation n’est demandée), le moment souhaité ne se choisit que dans la liste prête, la note compte 500 caractères au plus et la date est vérifiée sur le serveur (un jour passé et une date à plus de 12 mois sont refusés)
• 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 service peuvent contenir des données personnelles ; dans le panneau, seul le compte administrateur les voit, les lit et les supprime ; elles ne sont pas montré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 à l’anglais avec l’icône de globe en haut à droite. Le nom de l’entreprise (« Örnek Oto Servis », c’est-à-dire « Garage d’exemple »), les services, l’équipe, les logos de références (entrées nommées « Örnek Marka », c’est-à-dire « marque d’exemple »), les avis clients, les images de la galerie, les documents PDF et les valeurs des compteurs de la page d’accueil dans la démo sont des exemples (les libellés des compteurs se terminent par « (örnek) », c’est-à-dire « exemple »). Dans le panneau de démo, vous voyez quelques enregistrements d’exemple dans la liste « Servis ve mesajlar » (Demandes de service et messages). WhatsApp, les liens de 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://041.tiklaweb.net
• Panneau d’administration : https://041.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 ; les formulaires de demande de service et de contact n’enregistrent rien et n’envoient pas d’e-mails. 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.