Script de vitrine de produits pour site d’entreprise

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 (produits, prestations, projets, pages, articles de blog, etc.) ne sont pas traduits ; ils restent dans la langue où vous les écrivez. Les messages d’avertissement et les formats de date suivent la langue choisie. Les e-mails de formulaire que vous recevez 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, fabricants, revendeurs et les agences qui créent leurs sites, qui veulent présenter leurs produits sans mettre en place de panier et recueillir des demandes de devis. Sur la page d’accueil, la vitrine de produits vient juste après l’en-tête et le résumé « Hakkımızda » (À propos). Chaque page produit comporte trois images, un prix et un bouton « Teklif Al » (Obtenir un devis) ; le bouton ouvre le formulaire de contact avec le nom du produit, et la demande arrive dans la liste « Mesajlar » (Messages) du panneau. Le site n’a ni panier ni paiement en ligne.

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

Différence avec le script de site corporate avec vitrine de produits

Le script de site corporate avec vitrine de produits du catalogue TiklaWeb propose lui aussi une vitrine de produits sans panier ; les deux scripts reposent sur le même panneau d’administration et diffèrent par leur design et la composition de la page d’accueil. Ce script a un en-tête pleine largeur, une police à empattements pour les titres, et un menu supérieur, un pied de page et un bandeau de questions fréquentes dans la deuxième couleur (sombre dans la démo) ; sur la page d’accueil, les produits viennent juste après l’en-tête. Le script de site corporate avec vitrine de produits propose des compteurs, une liste « Öne Çıkanlar » (Points forts), le choix des produits affichés sur la page d’accueil, un bouton de devis sur la fiche produit, ainsi que des étiquettes et d’autres produits sur la page produit ; ce script ne les a pas. Nous vous conseillons de regarder les deux démos avant de choisir.

Fonctionnalités du site

Vitrine de produits et demande de devis

• Vitrine de produits : sur la page « Ürünler » (Produits), chaque produit est présenté sous forme de carte avec image, nom, description courte, prix et bouton « İncele » (Voir). La liste place le produit le plus récent en premier. Le nom du menu est « Ürünler » (Produits) par défaut ; vous le remplacez par votre propre mot sur la page « Menü İsimleri » (Noms du menu).
• Produits sur la page d’accueil : la section produits qui suit le résumé « Hakkımızda » (À propos) affiche les quatre produits les plus récents. Si vous avez davantage de produits, un lien « Tüm Ürünler » (Tous les produits) apparaît. Le titre et le texte de la section se modifient sur la page « Başlıklar ve yazılar » (Titres et textes).
• Page produit : chaque produit a sa propre page. Vous téléversez jusqu’à trois images ; sous la grande image se trouvent de petites images, et un clic sur l’une d’elles change la grande image. À côté figurent le prix, la description courte et le bouton « Teklif Al » (Obtenir un devis), et en dessous la « Ürün Açıklaması » (Description du produit) en texte enrichi.
• Prix et remise : vous saisissez le prix en livres turques, en livres entières. Si vous laissez le champ du prix vide ou à 0, le produit s’affiche sans prix. Si vous saisissez un pourcentage de remise, le prix remisé apparaît à côté de l’ancien prix barré ; la page produit affiche aussi le pourcentage.
• Obtenir un devis : le bouton « Teklif Al » (Obtenir un devis) de la page produit ouvre la page de contact. Le titre de la page devient « Teklif Al », le produit choisi s’affiche dans le formulaire avec son image et son nom, et la zone de message commence par le texte préparé « Ürün: … Bu ürün için teklif almak istiyorum. » (Produit : … Je souhaite recevoir un devis pour ce produit). Le visiteur peut modifier le texte, ajouter son nom, son e-mail et son téléphone, puis l’envoyer. La demande arrive dans la liste « Mesajlar » (Messages) du panneau. Si « İletişim » (Contact) est désactivé dans « Menü Düzeni » (Structure du menu), le bouton n’est pas affiché.
• Activer et désactiver la vitrine : si vous désactivez « Ürünler » (Produits) dans « Menü Düzeni » (Structure du menu), ou s’il ne reste aucun produit publié, les liens du menu et du pied de page, la section produits de la page d’accueil et les pages produit disparaissent ; les adresses sous « Ürünler » (Produits) affichent la page « introuvable » (404).
• Réglages pour les moteurs de recherche par produit : pour chaque produit, vous pouvez saisir un titre SEO, une description et des mots-clés ; laissés vides, le titre est tiré du nom du produit et la description de la description courte ou du texte détaillé. L’image de partage est la première image du produit.

Page d’accueil et pages internes

• En-tête à plusieurs slides : vous ajoutez des slides dans « Slider ». Pour chaque slide, vous saisissez deux lignes de texte ; le texte du bouton, le lien du bouton et l’image sont facultatifs (le bouton s’affiche seulement si le texte et le lien sont renseignés). L’image devient l’arrière-plan pleine largeur de l’en-tête. Le lien du bouton peut viser une page du site (par exemple urunler) ou une adresse externe. Dix slides au maximum sont affichés. Avec plusieurs slides, l’en-tête change par fondu, des points apparaissent en bas et les slides défilent d’eux-mêmes ; sur les appareils où le réglage « réduire les animations » est activé, le défilement automatique est désactivé. Sans slide, le titre et la description du site s’affichent.
• Page d’accueil : en-tête, résumé « Hakkımızda » (À propos), vitrine de produits, équipe, questions fréquentes, prestations, projets, avis clients, derniers articles du blog et logos de références, dans cet ordre. Une section sans entrée n’apparaît pas.
• Prestations : pour chaque prestation, vous saisissez un nom, une image, une description courte et un texte détaillé enrichi ; il y a des options pour la publier et pour l’afficher dans le menu supérieur. Toutes les prestations publiées apparaissent sous forme de cartes sur la page d’accueil et sur la page « Hizmetler » (Prestations). Chaque prestation a sa propre page ; la carte à côté contient la liste des prestations, un bouton « Bize Ulaşın » (Nous contacter) et un lien « Tüm Hizmetler » (Toutes les prestations). Les prestations que vous choisissez apparaissent en liste déroulante dans le menu supérieur et dans une colonne distincte du pied de page.
• Vitrine de projets et filtre : vous classez vos projets par catégories et les publiez avec un nom, une image et un texte détaillé enrichi. Les boutons de catégorie de la page « Projeler » (Projets) filtrent la liste par catégorie sans recharger la page. Sur la page d’accueil, les six projets les plus récents apparaissent sous forme de cartes avec une étiquette de catégorie, avec un lien « Tüm Projeler » (Tous les projets) s’il y en a davantage. Chaque projet a sa propre page, avec la catégorie et un bouton « Bize Ulaşın » (Nous contacter) à côté.
• « Hakkımızda » (À propos) : titre, image facultative et texte enrichi ; en dessous viennent l’équipe et les questions fréquentes. Le titre et le texte du résumé de la page d’accueil sont des champs distincts.
• Questions fréquentes : vous saisissez les questions et les réponses dans le panneau. Elles apparaissent sur la page d’accueil dans un bandeau de la deuxième couleur et sur la page « Hakkımızda » (À propos) sous forme de liste dépliable ; la réponse s’ouvre au clic sur une question, une seule réponse restant ouverte à la fois. L’image que vous téléversez sur la page « Görseller » (Images) s’affiche à côté de la liste dans le bandeau de la page d’accueil. Sans question, la section n’apparaît pas.
• Équipe : vous présentez les membres de votre équipe avec nom, poste et photo. Tous les membres publiés s’affichent sur la page d’accueil et sur la page « Hakkımızda » (À propos) ; un membre non publié n’apparaît pas.
• Avis clients : vous saisissez nom, poste, avis et, au choix, une photo. Les avis s’affichent dans un carrousel sur la page d’accueil ; deux avis côte à côte sur grand écran, un sur petit écran.
• Références : la bande de logos composée des noms et logos de références apparaît sur la page d’accueil ; à partir de trois logos, la bande défile lentement, et sur les appareils où le réglage « réduire les animations » est activé, elle reste immobile.
• Blog : vous publiez des articles avec titre, image, texte court et texte enrichi. Le nom de l’auteur est facultatif. La date d’ajout est enregistrée automatiquement et s’affiche par exemple « 25 Ekim 2026 ». La liste place l’article le plus récent en premier ; la page d’accueil affiche les quatre plus récents. Un article non publié n’apparaît pas sur le site.
• Pages supplémentaires : vous ajoutez autant de pages que vous le souhaitez depuis le panneau (par exemple la notice d’information KVKK ou une page carrières). Sous « Menüler » (Menus), vous créez un titre de menu et affichez la page dessous dans le menu supérieur sous forme de liste déroulante ; si vous le souhaitez, vous l’ajoutez aussi à la barre du bas du site.

Formulaires et contact

• Page de contact : un formulaire avec les champs nom, e-mail, téléphone et message, tous obligatoires. La page contient aussi une liste avec adresse, téléphone, e-mail et horaires, les icônes de réseaux sociaux et, si vous le souhaitez, une carte (code d’intégration Google Maps ou OpenStreetMap) ; les informations et la carte laissées vides n’apparaissent pas.
• Zone « Bilgi al » (Demander des informations) : elle se trouve dans le pied de page, sur chaque page. Le visiteur saisit seulement une adresse e-mail et coche le consentement KVKK ; l’entrée arrive dans la liste « Mesajlar » (Messages) du panneau.
• E-mail pour vous : une fois « E-posta Ayarları » (Paramètres e-mail) configurés et la notification activée, les messages du formulaire de contact, les demandes de devis et les messages « Bilgi al » vous parviennent aussi par e-mail. Si vous répondez à l’e-mail, la réponse part à l’adresse du visiteur. Même sans réglage e-mail, les messages sont listés dans le panneau.
• Case de consentement KVKK : obligatoire dans le formulaire de contact et dans la zone « Bilgi al » (Demander des informations). La 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 sous « Site Ayarları » (Paramètres du site) ; le même lien figure aussi dans la barre du bas du site. Le texte livré avec le contenu d’exemple n’est qu’un exemple ; vous devez rédiger votre propre notice d’information.

Menu, titres et apparence

• Noms et structure du menu : sur la page « Menü İsimleri » (Noms du menu), vous écrivez avec vos propres mots les noms « Hakkımızda » (À propos), « Hizmetler » (Prestations), « Projeler » (Projets), « Blog », « İletişim » (Contact) et « Ürünler » (Produits). Sur la page « Menü Düzeni » (Structure du menu), vous activez ou désactivez ces éléments un par un. Une section désactivée disparaît du menu supérieur et du pied de page, ses pages affichent la page « introuvable » (404) ; les sections prestations, produits, projets et blog de la page d’accueil n’apparaissent pas non plus. Les « Ek Sayfalar » (Pages supplémentaires) sont seulement affichées ou masquées dans le menu supérieur, leurs pages restent toujours accessibles ; l’accès à des pages comme la notice d’information KVKK n’est pas coupé. Si les noms du menu deviennent trop longs pour une ligne, le menu supérieur bascule de lui-même vers le menu mobile.
• Titres et textes : sur la page « Başlıklar ve yazılar » (Titres et textes), vous modifiez les titres et sous-textes des sections équipe, questions fréquentes, prestations, produits, projets, avis clients et blog de la page d’accueil, ainsi que le titre « Bilgi al » du pied de page ; chaque champ indique où il apparaît sur le site.
• Couleurs : sous « Site Ayarları » (Paramètres du site), vous choisissez deux couleurs. La couleur principale s’applique aux boutons, liens, éléments actifs ou survolés, à la question ouverte et aux traits d’accent. La deuxième couleur est le fond du menu supérieur, du pied de page, du bandeau de questions fréquentes et du bandeau de titre des pages internes. Le texte et le logo par-dessus sont choisis automatiquement : logo clair et texte blanc sur fond sombre, logo sombre et texte sombre sur fond clair.
• Logo, favicon et images : les deux logos et le favicon se téléversent sous « Site Ayarları » (Paramètres du site). Sur la page « Görseller » (Images), vous changez l’image du bandeau de questions fréquentes et l’image de fond du bandeau de titre des pages internes.
• Coordonnées et réseaux sociaux : vous saisissez téléphone, e-mail, adresse et horaires, ainsi que vos liens Facebook, Twitter, Instagram, YouTube, LinkedIn, TikTok et WhatsApp. Ils apparaissent sur la page de contact et dans le pied de page du site ; seuls ceux que vous renseignez s’affichent.
• Texte et signature du pied de page : le champ « Footer Hakkımızda Yazısı » (Texte du pied de page) de la page « Hakkımızda » (À propos) apparaît dans le pied de page comme courte présentation sous le logo. Vous pouvez modifier ou supprimer la ligne « TiklaWeb tarafından geliştirildi » (Développé par TiklaWeb) en bas du site.

Mobile et moteurs de recherche

• Adapté au mobile : le site s’adapte aux écrans de téléphone, de tablette et d’ordinateur ; sur les petits écrans, le menu devient un menu mobile qui s’ouvre d’un toucher, et un bouton « retour en haut » apparaît en bas à droite dès que vous faites défiler la page.
• 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 produit, prestation, projet, blog et supplémentaires, vous pouvez aussi saisir titre, description et mots-clés dans le panneau. Titre, description et mots-clés du site se saisissent sous « Site Ayarları » (Paramètres du site).

Panneau d’administration

• « Gösterge Paneli » (Tableau de bord) : le nombre de prestations, projets, produits, articles et messages, ainsi que la liste des dix derniers messages. Dans le menu latéral, le nombre de messages s’affiche dans une pastille.
• « Mesajlar » (Messages) : les messages du formulaire de contact, du bouton « Teklif Al » et de la zone « Bilgi al » (Demander des informations) sont réunis dans une seule liste. La liste indique nom, téléphone, e-mail et date ; dans la fenêtre de détails, vous lisez le message et pouvez supprimer l’entrée.
• « Ürünler » (Produits) : vous ajoutez un produit avec son nom, son prix, sa remise, trois images, son statut de publication, sa description courte, son texte détaillé enrichi et ses champs SEO ; vous le modifiez ou le supprimez depuis la liste, qui indique prix et statut de publication.
• Gestion des contenus : sous « Slider », « Hizmetler » (Prestations), « Projeler » (Projets, avec catégories), « Blog », « Sayfalar » (Pages, avec titres de menu), « Takım » (Équipe), « Müşteri Yorumları » (Avis clients), « Referanslar » (Références), « Sıkça Sorulan Sorular » (Questions fréquentes) et « Hakkımızda » (À propos), vous ajoutez, modifiez et supprimez des contenus. L’éditeur Summernote est utilisé dans les champs de texte enrichi.
• Menu et images : « Menü Düzeni » (Structure du menu), « Menü İsimleri » (Noms du menu), « Başlıklar ve yazılar » (Titres et textes) et « Görseller » (Images) gèrent le menu, les titres de sections et deux images du site.
• « E-posta Ayarları » (Paramètres e-mail) : vous saisissez le serveur SMTP, le port, le chiffrement, le compte e-mail, le mot de passe et l’adresse de notification ; une fois la notification activée, les e-mails du formulaire de contact, des demandes de devis et de « Bilgi al » fonctionnent.
• « Site Ayarları » (Paramètres du site) et « İletişim Bilgileri » (Coordonnées) : « Site Ayarları » contient le titre du site, les mots-clés, la description, la ligne de copyright, les deux couleurs, la page KVKK, la langue du site, la langue du panneau, les logos et le favicon. « İletişim Bilgileri » est une page à part : téléphone, e-mail, adresse, liens de réseaux sociaux, horaires et code de la carte.
• Utilisateurs et droits : vous ajoutez des comptes administrateur, éditeur et lecture seule. L’éditeur gère les sections de contenu ; « Kullanıcılar ve Yetkiler » (Utilisateurs et droits), « Site Ayarları » (Paramètres du site), « İletişim Bilgileri » (Coordonnées), « E-posta Ayarları » (Paramètres e-mail) et « Opsiyonel Kodlar » (Codes optionnels) sont réservés à l’administrateur. Les droits sont contrôlés côté serveur.
• 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 est valable 1 heure et ne sert qu’une fois.
• « Opsiyonel Kodlar » (Codes optionnels) : vous ajoutez votre propre code (par exemple un script de statistiques) en haut (head) et à la fin du site. Ce champ est réservé à 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 et vous le modifiez, ou vous 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 importez-le sur la page « Güncelleme ve Lisans » (Mise à jour et licence) du panneau d’administration. Les fichiers et la base de données sont sauvegardés au préalable. En cas d’erreur, le site revient à son état précédent. Vos images, paramètres et contenus sont conservés.
• Paquets vérifiés : la signature du paquet de mise à jour est contrôlée ; seuls les paquets téléchargés depuis tiklaweb.net sont installés.

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

Licence

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

Caractéristiques techniques

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

Démo

Découvrez le site et le panneau d’administration dans la démo en lecture seule. La démo est installée en turc ; dans le panneau d’administration, vous pouvez passer la langue du panneau à l’anglais avec l’icône du globe en haut à droite (ce choix n’est conservé que dans votre navigateur). Le nom de l’entreprise, les personnes, les avis, les produits, les prix, les projets et les prestations de la démo sont des exemples. Dans le panneau de démo, vous voyez deux entrées d’exemple dans la liste « Mesajlar » (Messages). Les liens de réseaux sociaux et la carte sont laissés vides dans la démo ; dès que vous les renseignez dans le panneau, ils apparaissent sur le site.

• Site : https://013.tiklaweb.net
• Panneau d’administration : https://013.tiklaweb.net/panel
• 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, « Teklif Al » (Obtenir un devis) et la zone « Bilgi al » (Demander des informations) 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 et les utilisateurs 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.