Script de site web pour entreprise de logistique et de transport (avec formulaire de demande de devis)

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 des formulaires et les formats de date suivent la langue du site choisie ; les e-mails de notification du formulaire de devis 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 entreprises de logistique et de transport qui proposent du transport routier, aérien et maritime ou de l’entreposage, ainsi que pour les agences qui créent des sites pour ces entreprises. Sur votre propre nom de domaine, vous décrivez vos services, montrez votre équipe, vos références et vos avis de clients, et informez les visiteurs avec des articles de blog et des documents PDF. Un visiteur indique dans le formulaire de devis du site le lieu de départ et d’arrivée, le type de marchandise et la date d’expédition estimée ; la demande est listée dans votre panneau et vous contactez le visiteur. Le formulaire ne fait que recueillir des demandes : ce n’est pas un devis ferme, il ne contient aucun engagement de prix ni de délai de livraison, et le site ne suit pas les envois.

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

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 bouton « Teklif Al » (Obtenir un devis). Pour le lien du bouton, vous saisissez une adresse interne au site (par exemple hizmetler, teklif) 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 défilement 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 « Teklif Al » (Obtenir un devis) 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 un lien « Ayrıntılı Bilgi » (Plus de détails) ; le bouton « Tüm Hizmetler » (Tous les services) mène à la page des 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 de demande de devis : dans une section sombre, une courte description est à gauche et le formulaire de demande de devis à droite ; si vous téléversez une image dans la page « Site görselleri » (Images du site), elle apparaît sous la description.
• Logos de références, avis de clients et derniers articles : les logos de références que vous téléversez apparaissent dans une bande, les 12 derniers avis dans un diaporama et les trois derniers articles de blog sous forme de cartes. Une section sans enregistrement n’est pas du tout affichée sur la page d’accueil.
• Bandeau d’appel : vous saisissez un titre et un court texte ; le bandeau figure en bas de la page d’accueil et des pages « Hizmetler » (Services) et « Hakkımızda » (À propos) avec un bouton « Teklif Al » (Obtenir un devis). Si vous laissez le titre vide, il n’apparaît pas du tout.

Demande de devis et contact

• Formulaire de demande de devis : sur la page d’accueil et sur la page « Teklif Talebi » (Demande de devis). Nom, e-mail, téléphone, départ et arrivée (écrits sous la forme ville / district) sont obligatoires. Entreprise, service (parmi les services du panneau), date d’expédition estimée (aujourd’hui ou plus tard, 12 mois au maximum) et une note sur la marchandise sont facultatifs. Le type de marchandise se choisit dans la liste que vous définissez dans le panneau ; si la liste est vide, le formulaire ne demande pas de type de marchandise. Le formulaire comporte une case de consentement KVKK obligatoire. KVKK est la loi turque sur la protection des données personnelles. Le bouton « Teklif İste » (Demander un devis) de chaque page de service ouvre le formulaire avec ce service sélectionné. Sous le formulaire, il est indiqué au visiteur que la demande n’est pas un devis ferme et ne contient aucun engagement de prix ni de délai de livraison.
• « Yük türleri » (Types de marchandise) : vous définissez dans le panneau la liste d’options du formulaire de devis (par exemple produits palettisés, colis, machines et équipements). Seuls les noms enregistrés dans cette liste sont acceptés dans le formulaire.
• Demandes de devis dans le panneau : les demandes reçues sont listées dans la section « Teklif ve mesajlar » (Devis et messages) du panneau, que seul l’administrateur voit. 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 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’informations avec adresse, e-mail, téléphone et horaires de travail, un encadré qui mène au formulaire de demande de devis, 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 le formulaire de devis et dans le formulaire 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 coordonnées des clients étant des données personnelles, vous devez rédiger votre propre notice, avec un conseiller juridique si nécessaire.

Services et équipe

• 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 choisissez l’icône dans le panneau parmi une liste prête de 26 icônes comme camion, avion, bateau, entrepôt et palette. Les services s’affichent 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 devis. Les services n’ont pas de champ de prix ni de durée.
• Équipe : vous saisissez nom, titre, domaine d’expertise (facultatif), photo, statut et ordre. L’équipe s’affiche sous forme de cartes sur la page « Hakkımızda » (À propos) ; il n’y a pas de page d’équipe séparée. Un membre sans photo reçoit une icône de personne. Un membre dont le statut est « Taslak » (Brouillon) n’apparaît pas.
• Logos de références : vous saisissez le nom de l’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 « Hakkımızda » (À propos). Ne téléversez que des logos dont vous avez l’autorisation d’usage.
• Avis de clients : vous saisissez nom, le service reçu (facultatif), l’avis et une photo facultative. Les avis apparaissent dans un diaporama sur la page d’accueil ; pour un avis sans photo, la première lettre du nom s’affiche. 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 une fiche d’information (10 Mo au maximum 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 : 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 foncée s’applique à la barre d’informations supérieure et aux zones sombres comme le pied de page. L’arrière-plan de la page est toujours blanc. La couleur du texte est choisie automatiquement, foncée ou claire, selon la couleur principale et la couleur foncée.
• 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 s’affiche sur fond blanc dans l’en-tête et dans un cadre blanc dans le pied de page ; un logo foncé ou coloré, lisible sur fond clair, convient donc. Vous pouvez téléverser des images pour le bandeau de titre en haut des pages intérieures et pour la section de devis de la page d’accueil ; sans image de bandeau, un bandeau uni apparaît.
• Barre d’informations, menu et pied de page : la barre d’informations sombre affiche le téléphone, l’e-mail, les horaires et les icônes des réseaux sociaux (elle est masquée sur les écrans de téléphone) ; le menu comporte un bouton « Teklif Al » (Obtenir un devis) et, si vous l’avez saisi, 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 et désactiver les sections : depuis une seule page, vous activez ou désactivez les sections Services, Équipe, Blog, Galerie, Documents, Questions fréquentes, Avis de 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 ne s’ouvre plus non plus. Le lien de menu d’une section sans enregistrement 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 messages non lus, de demandes de devis, de services et d’articles de blog publiés, ainsi que les cinq dernières demandes de devis et les cinq derniers messages. Le menu latéral affiche le nombre d’enregistrements non lus sous forme de pastille.
• « Teklif ve mesajlar » (Devis et messages) : l’administrateur voit les demandes de devis et les messages de contact dans une seule liste et les distingue par type. Une demande affiche nom, e-mail, téléphone, entreprise, départ et arrivée, type de marchandise, service demandé, date d’expédition estimée, heure du consentement KVKK et note ; un message affiche objet et texte. Les enregistrements non lus sont marqués et vous pouvez les supprimer. Un compte éditeur ne voit que les messages de contact.
• Services, types de marchandise et blog : vous ajoutez, modifiez et supprimez des enregistrements. 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), « Yük türleri » (Types de marchandise), « Ekip üyeleri » (Membres de l’équipe), « Referanslar » (Références), « 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 du formulaire de devis 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, 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 devis, les « Site ayarları » (Paramètres du site), les « E-posta ayarları » (Paramètres e-mail) et les « Kullanıcılar » (Utilisateurs) ne sont ouverts qu’à 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 rempli comme la démo et vous modifiez à partir de là, ou vous saisissez vos contenus de zéro. La liste des demandes de devis et des messages démarre vide dans les deux cas. Avec l’installation vide, la liste des types de marchandise est vide aussi, et le formulaire ne demande un type de marchandise que lorsque vous en ajoutez.
• 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-denizyolu-tasimaciligi) ; 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 le formulaire de devis et le formulaire de contact ; dans une demande de devis, le type de marchandise et le service ne sont acceptés que parmi les noms enregistrés dans le panneau, les champs de départ et d’arrivée ainsi que la date sont vérifiés 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 devis 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 à l’anglais avec l’icône de globe en haut à droite. Le nom de l’entreprise (Örnek Lojistik), les services, les types de marchandise, l’équipe, les logos de références, les avis de 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 « Teklif ve mesajlar » (Devis et messages). WhatsApp, les liens des réseaux sociaux et la carte sont laissés vides dans la démo ; une fois remplis dans le panneau, ils apparaissent sur le site.

• Site : https://035.tiklaweb.net
• Panneau d’administration : https://035.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 devis 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 sont pas consultables 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.