Script de site web de présentation d’entreprise et de références

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, projets, pages, articles de blog, etc.) ne sont pas traduits ; ils restent dans la langue dans laquelle vous les rédigez. Les messages d’avertissement des formulaires et les formats de date suivent la langue du site choisie ; l’e-mail de notification du formulaire de contact est rédigé 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 qui souhaitent présenter leurs services et leurs projets et montrer leurs références, ainsi que pour les agences qui créent des sites pour ces entreprises. Sur votre propre nom de domaine, vous décrivez vos services, présentez vos projets réalisés classés par catégorie, montrez votre équipe, vos avis de clients et vos logos de références, répondez aux questions fréquentes et inspirez confiance aux visiteurs avec des articles de blog et des catalogues PDF. Un visiteur intéressé vous écrit avec le formulaire de contact ou avec les boutons « Teklif Alın » (Obtenir un devis) du site ; le message est listé dans votre panneau.

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

• Zone d’accueil : une petite ligne supérieure, un titre principal, une description et un bouton facultatif se saisissent dans le panneau ; pour le lien du bouton, vous saisissez une adresse interne au site (par exemple projeler) ou une adresse complète. Un bouton « Teklif Alın » (Obtenir un devis) qui mène à la page de contact apparaît toujours à côté. Si vous téléversez une image d’accueil, elle devient l’arrière-plan de la zone ; sinon, une forme décorative est dessinée sur un fond sombre. Si vous laissez le titre principal vide, le nom de l’entreprise devient le titre.
• Trois encadrés mis en avant : trois encadrés composés d’un titre et d’un court texte, placés sous la zone d’accueil. Un encadré dont vous laissez le titre vide n’apparaît pas.
• Résumé de présentation et services : le début de votre texte « Hakkımızda » (À propos), les noms des six premiers services et un bouton « Hakkımızda » (À propos) se trouvent dans une même section ; si vous avez téléversé une image de présentation, elle s’affiche à côté. Juste en dessous, les six premiers services sont présentés sous forme de cartes numérotées avec icône, 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 la valeur et le texte ; ils apparaissent dans un bandeau sombre, et lorsque la page entre dans l’écran, les nombres s’incrémentent. Un compteur dont vous laissez la valeur vide n’apparaît pas.
• Projets : les six premiers projets s’affichent sous forme de cartes avec image, étiquette de catégorie, nom et nom du client ; le bouton « Tüm Projeler » (Tous les projets) mène à la page des projets.
• Questions fréquentes : les cinq premières questions s’affichent sous forme de titres dépliables, la réponse à la première est ouverte ; le bouton « Tüm Sorular » (Toutes les questions) mène à la page des questions fréquentes. Si vous téléversez une image dans la page « Site görselleri » (Images du site), elle s’affiche à côté des questions. Si aucune question n’est saisie, la section n’est pas affichée.
• Avis de clients, logos de références et derniers articles : les 12 derniers avis apparaissent dans un diaporama, les logos de références que vous téléversez dans une bande, 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 ; un bouton « Teklif Alın » (Obtenir un devis) apparaît à côté. Le bandeau figure en bas de la page d’accueil et des pages « Hizmetler » (Services), « Projeler » (Projets) et « Hakkımızda » (À propos) ; si vous laissez le titre vide, il n’apparaît pas du tout.

Services et projets

• Services : pour chaque service, vous saisissez un nom, une courte description, une description détaillée, une icône, une image et un ordre ; vous choisissez l’icône dans une liste prête. Les services s’affichent sous forme de cartes avec icônes et numéros sur la page des services et apparaissent aussi en liste déroulante dans le menu (12 au maximum). Chaque service a sa propre page (image et description détaillée) et une liste latérale des autres services. Les services n’ont pas de champ de prix.
• Demander un devis : un bouton « Teklif İste » (Demander un devis) apparaît sur la page du service. Il ouvre le formulaire de contact avec le champ objet déjà rempli du nom du service ; le visiteur peut modifier l’objet. Un bouton « Teklif Alın » (Obtenir un devis) figure aussi dans l’en-tête et dans la zone d’accueil du site.
• Projets : pour chaque projet, vous saisissez un nom, une catégorie, éventuellement un nom de client, une courte description, un texte détaillé, une image et un ordre. Les projets sont listés sous forme de cartes sur la page des projets ; chaque projet a sa propre page avec sa catégorie et les informations du client, et une liste latérale des autres projets (8 au maximum).
• Catégories de projets : vous ajoutez les catégories dans le panneau (par exemple Web design, Identité de marque). En haut de la page des projets apparaissent le bouton « Tümü » (Tous) et les boutons des catégories qui contiennent des projets ; quand le visiteur appuie sur une catégorie, seuls les projets de cette catégorie restent. Si vous supprimez une catégorie, ses projets restent sans catégorie.

Pages institutionnelles

• « 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 les logos de références.
• Équipe : vous saisissez nom et prénom, fonction et photo ; l’équipe est présentée sous forme de cartes sur la page « Hakkımızda » (À propos). Un membre au statut « 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 clients : vous saisissez nom et prénom, titre ou entreprise, avis et photo facultative. Ne publiez les avis qu’avec l’accord de leurs auteurs.
• 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).
• Pages supplémentaires : vous ajoutez autant de pages que vous voulez depuis le panneau (par exemple une politique de confidentialité ou des principes de travail). Pour chaque page, vous choisissez si elle s’affiche dans le menu supérieur (sous « Kurumsal » (Entreprise)) et dans le pied de page du site.

Blog, galerie et catalogues

• 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.
• Catalogues et documents (PDF) : depuis le panneau, vous téléversez des fichiers PDF tels qu’un catalogue de services, une présentation de l’entreprise ou des informations tarifaires (10 Mo au plus par fichier). Pour chaque document, vous saisissez un texte de lien et un ordre. Les documents sont listés sur la page « Kataloglar » (Catalogues) avec un bouton « PDF indir » (Télécharger le PDF) ; au clic du visiteur, le fichier se télécharge en PDF.

Contact

• Formulaire de contact : champs nom, e-mail, téléphone, objet et message (tous obligatoires) et case de consentement KVKK. Les messages reçus sont listés dans la section « Mesajlar » (Messages) du panneau.
• Page de contact : des encadrés d’informations avec adresse, e-mail et téléphone, 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.
• E-mail de message : une fois « E-posta ayarları » (Paramètres e-mail) configurés et les notifications activées, chaque message de contact vous parvient aussi par e-mail. Quand vous répondez à l’e-mail, la réponse part à l’adresse du visiteur.
• Case de consentement KVKK : obligatoire 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 apparaît aussi dans le pied de page du site. Le texte livré avec le contenu d’exemple n’est qu’un exemple ; vous devez rédiger votre propre notice d’information.

Apparence, mobile et moteurs de recherche

• Couleur : vous choisissez deux couleurs dans le panneau. La couleur principale s’applique aux boutons, aux accents, aux éléments actifs et au bandeau d’appel ; la couleur foncée s’applique à la barre d’informations supérieure, à la zone d’accueil, au bandeau des compteurs, au bandeau de titre des pages intérieures et au pied de page. 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 bandeau de titre : 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 une image pour le bandeau de titre en haut des pages intérieures ; sans image, le bandeau s’affiche dans la couleur foncée.
• Barre d’informations, en-tête et pied de page : dans la barre d’informations sombre tout en haut de la page apparaissent le téléphone, l’e-mail, l’adresse et les icônes des réseaux sociaux ; si aucun n’est saisi, la barre n’apparaît pas. L’en-tête contient le logo, le menu et le bouton « Teklif Alın » (Obtenir un devis). Le pied de page affiche votre court texte de présentation, les icônes des réseaux sociaux, vos coordonnées, 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 saisie n’est pas affichée. Si vous saisissez votre numéro WhatsApp, une icône WhatsApp apparaît dans l’en-tête.
• « Bölümleri aç/kapat » (Activer/désactiver les sections) : depuis une seule page, vous activez ou désactivez les sections Services, Projets, Blog, Galerie, Catalogues et documents, Questions fréquentes, Équipe, 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 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, de projet et d’article, l’image de partage provient de l’image propre au contenu. 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é) : le nombre de messages non lus, de projets, de services et d’articles de blog publiés, ainsi que les derniers projets ajoutés et les derniers messages. Le menu latéral affiche le nombre de messages non lus sous forme de pastille.
• Services, projets, catégories de projets et blog : vous ajoutez, modifiez et supprimez des enregistrements. Les listes disposent d’une recherche et d’un tri.
• Pages, galerie et catalogues : vous gérez les pages supplémentaires, les images de la galerie et les documents PDF.
• « Mesajlar » (Messages) : vous lisez et supprimez les messages reçus du formulaire de contact, avec nom, e-mail, téléphone, objet, date, moment du consentement KVKK et texte ; les messages non lus sont signalés.
• Contenu du site : « Ana sayfa girişi, kutular ve sayaçlar » (Introduction, blocs et compteurs de la page d’accueil) (avec la zone d’accueil et le bandeau d’appel), « Hakkımızda » (À propos), « 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, l’e-mail du formulaire de contact fonctionne. 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, 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 ; « 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 : démarrez avec un site rempli comme la démo et modifiez-le, ou saisissez vos contenus de zéro. La liste 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 /projeler/3-ornek-proje) ; 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 Inter Tight et Roboto sont fournies avec le paquet 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 le formulaire de contact ; vérification CSRF des actions du panneau ; blocage temporaire après 5 tentatives échouées en 15 minutes à la connexion du panneau, et fermeture de la session après 2 heures d’inactivité
• 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

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 du globe en haut à droite. Le nom de l’entreprise (Örnek Şirket), les services, les projets, l’équipe, les logos de références, les avis et les catalogues PDF de la démo sont des exemples. Dans le panneau de démonstration, vous voyez quelques enregistrements d’exemple dans la liste « Mesajlar » (Messages). WhatsApp, les liens de réseaux sociaux et la carte sont laissés vides dans la démo ; une fois que vous les remplissez dans le panneau, ils apparaissent sur le site. Les valeurs et les libellés des compteurs de la page d’accueil sont des exemples.

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

Aucune modification ne peut être enregistrée dans la démo ; le formulaire de contact n’enregistre rien et n’envoie pas d’e-mail. La démo est réinitialisée chaque nuit. Les pages sensibles telles que 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é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.