Ürün Vitrinli Kurumsal Web Sitesi Scripti

Kime uygun

Ürünlerini sepet kurmadan sergilemek ve ziyaretçilerden teklif talebi toplamak isteyen kurumsal firmalar, imalatçılar, bayiler ve onlara site kuran ajanslar için hazırlandı. Kendi alan adınızda yayınlanan sitede ürünlerinizi, hizmetlerinizi, projelerinizi, ekibinizi, müşteri yorumlarınızı, sık sorulan sorularınızı ve yazılarınızı tanıtırsınız. Her ürünün kendi sayfasında “Teklif İste” düğmesi bulunur; düğme iletişim formunu ürün adıyla birlikte açar. Sitede sepet ve online ödeme yoktur; ziyaretçi ürünü inceler ve teklif ister.

Siteyi kurmak için kodlama bilmeniz gerekmez. Kurulumu tarayıcıdaki sihirbaz yapar, içerikleri yönetim panelinden girersiniz.

Dil desteği

Site ve yönetim paneli arayüzü Türkçe ve İngilizce gelir. Site dilini ve panel dilini Site Ayarları’ndan ayrı ayrı seçersiniz; panelde sağ üstteki dünya simgesinden de panel dilini değiştirebilirsiniz.

Yeni bir dil eklenebilir: paketteki dil klasöründe en.php dosyasını kopyalayıp çevirmeniz yeterlidir (adımlar dil/OKUBENI.txt dosyasındadır). Eklediğiniz dil Site Ayarları’ndaki dil listelerinde kendiliğinden görünür ve güncellemeler dil dosyalarınıza dokunmaz. Çevrilmemiş metinler İngilizce görünür; istenirse Türkçe gösterilebilir.

Ürün, hizmet, proje, sayfa, blog yazısı gibi kendi yazdığınız içerikler çevrilmez, yazdığınız dilde kalır. Uyarı mesajları ve tarih biçimleri seçilen dile uyar. Size giden form e-postaları panel dilinde yazılır.

Site özellikleri

Ürün vitrini ve Teklif İste

• Ürün vitrini: Ürünler sayfasında her ürün bir kartla listelenir: görsel, ad, kısa açıklama ve fiyat. Liste en yeni ürün başta olacak biçimde sıralanır. Menü adı varsayılan olarak “Ürünler”dir; Menü İsimleri sayfasından kendi sözcüğünüzle değiştirirsiniz.
• Ürün sayfası: Her ürünün kendi sayfası vardır. Üç görsele kadar yüklersiniz; küçük görsele tıklayınca büyük görsel değişir. Sayfada ürün adı, fiyat, kısa açıklama, etiketler ve zengin metinli ürün açıklaması yer alır. Sayfanın altında diğer ürünlerden üçü gösterilir.
• Fiyat ve indirim: Fiyatı Türk lirası olarak girersiniz. Fiyat alanını boş ya da 0 bırakırsanız ürün fiyatsız gösterilir. İndirim yüzdesi girdiğinizde indirimli fiyat, üstü çizili eski fiyatla yan yana çıkar.
• Teklif İste: Ürün kartında ve ürün sayfasında “Teklif İste” düğmesi bulunur. Düğme iletişim sayfasını açar; ürünün adı formda gösterilir ve mesaja “… ürünü için teklif almak istiyorum.” ön yazısı gelir. Ziyaretçi ön yazıyı değiştirebilir, ad, e-posta ve telefonunu ekleyip gönderir. Mesaj panelde Mesajlar listesine düşer. Menü Düzeni’nde İletişim pasifse Teklif İste düğmeleri çizilmez.
• Ana sayfada ürünler: “Ana sayfada gösterilsin mi?” seçeneğini işaretlediğiniz en yeni altı ürün ana sayfada yer alır. Daha fazla ürününüz varsa “Tüm Ürünler” bağlantısı çıkar.
• Vitrini açma ve kapatma: Menü Düzeni’nden Ürünler’i pasif yaptığınızda ya da yayında ürün kalmadığında menü ve alt bölüm bağlantıları, ana sayfadaki ürün bölümü ve ürün sayfaları kaldırılır; Ürünler adresleri “sayfa bulunamadı” (404) verir.
• Ürün başına arama motoru ayarı: Her ürün için SEO başlığı, açıklaması ve anahtar kelimeleri girebilirsiniz; boş bırakırsanız başlık ürün adından, açıklama ürünün kısa açıklamasından ya da ayrıntı metninden türetilir. Anahtar kelimeler ürün sayfasında etiket olarak görünür. Paylaşım görseli ürünün ilk görselidir.

Ana sayfa ve iç sayfalar

• Çok slaytlı karşılama: Slider bölümünden slayt eklersiniz. Her slayt için üç satırlık metin girilir; düğme yazısı, düğme bağlantısı ve görsel isteğe bağlıdır (düğme, yazı ve bağlantı ikisi de doluysa çizilir). Slayt görseli karşılama alanının arka planı olur. Düğme bağlantısına sitenin kendi sayfasını (ör. urunler) ya da bir dış adres yazabilirsiniz. En çok on slayt gösterilir. Birden çok slayt olduğunda karşılama alanı solarak değişir, altta nokta göstergesi çıkar ve slaytlar kendiliğinden döner; hareketi azalt ayarı açık cihazlarda otomatik geçiş kapalıdır. Slayt eklemezseniz site başlığı ve açıklaması gösterilir.
• Ana sayfa: karşılama alanı, Hakkımızda özeti, sayaçlar, hizmetler, ürünler, projeler, ekip, referans logoları, müşteri yorumları ve son üç blog yazısı sırayla yer alır. Kaydı olmayan bölüm görünmez.
• Sayaçlar: Kilometre Taşı bölümünden başlık, sayı ve bir simge girersiniz; simgeyi hazır listeden seçersiniz (proje, müşteri, çalışan, ödül, bina, dünya, destek gibi 26 simge). Sayılar ana sayfada ekrana gelince sıfırdan artarak yerine oturur; hareketi azalt ayarı açık cihazlarda doğrudan görünür. Sayısı 0 olan sayaç gösterilmez.
• Hizmetler: her hizmet için ad, görsel, kısa açıklama ve zengin metinli ayrıntı girersiniz; yayınlansın mı ve üst menüde gösterilsin mi seçenekleri vardır. Ana sayfada ilk altı hizmet kart olarak yer alır, fazlası için “Tümünü Gör” bağlantısı çıkar; Hizmetler sayfasında tümü listelenir. Her hizmetin kendi sayfası vardır; seçtiğiniz hizmetler üst menüde açılır liste olarak çıkar.
• Proje vitrini ve süzgeç: projelerinizi kategorilere ayırır, ad, görsel ve zengin metinli ayrıntıyla yayınlarsınız. Projeler sayfasındaki kategori düğmeleri, sayfa yenilenmeden listeyi o kategoriye göre süzer. Ana sayfada en çok on proje görsel kart olarak, kategori düğmeleriyle birlikte gösterilir; her projenin kendi sayfası vardır.
• Hakkımızda: başlık ve zengin metin; altında Öne Çıkanlar listesi, ekip, sık sorulan sorular ve son yazılar yer alır. Ana sayfadaki özet yazı, başlık ve görsel ayrı alanlardır.
• Öne Çıkanlar: güçlü yönlerinizi kısa başlıklarla girersiniz. Hakkımızda sayfasında onay işaretli madde listesi olarak görünür; kayıt girmezseniz liste çıkmaz.
• Sık sorulan sorular: soru ve cevapları panelden girersiniz. Hakkımızda sayfasında açılır liste olarak görünür; ilk soru açık gelir, ziyaretçi başka bir soruya tıklayınca onun cevabı açılır. Soru girmezseniz bölüm görünmez.
• Ekip: ad soyad, pozisyon ve fotoğrafla ekip üyelerinizi tanıtırsınız. Ekip ana sayfada (en çok sekiz kişi), Hakkımızda, Blog, hizmet ve proje ayrıntı sayfalarında gösterilir; yayınlanmayan üye sitede çıkmaz.
• Müşteri yorumları: ad soyad, pozisyon, yorum ve isteğe bağlı fotoğraf girersiniz. Yorumlar ana sayfada bir kaydırıcıda gösterilir; geniş ekranda iki, dar ekranda bir yorum görünür.
• Referanslar: referans adı ve logoyla hazırladığınız logo şeridi ana sayfada yer alır ve yavaşça kayar; hareketi azalt ayarı açık cihazlarda kayma kapalıdır.
• Blog: başlık, görsel, kısa içerik ve zengin metinle yazılar yayınlarsınız. Yazar adını isteğe bağlı olarak yazarsınız. Yazının eklendiği zaman otomatik kaydedilir ve “3 gün önce” gibi gösterilir. Liste en yeni yazı başta olacak biçimde sıralanır; son üç yazı ana sayfada ve çoğu iç sayfanın altında gösterilir. Yayınlanmayan yazı sitede görünmez.
• Ek sayfalar: panelden istediğiniz kadar sayfa (ör. KVKK aydınlatma metni, kariyer) eklersiniz. Menüler bölümünde bir menü başlığı oluşturup sayfayı o başlık altında üst menüde açılır liste olarak gösterir, isterseniz sitenin alt bölümündeki Hızlı Menü listesine de eklersiniz.

Formlar ve iletişim

• İletişim sayfası: ad soyad, e-posta, telefon ve mesaj alanlı form; hepsi zorunludur. Sayfada adres, telefon, e-posta ve çalışma saatleri listesi, isterseniz formun yanında bir görsel ve harita (Google Maps veya OpenStreetMap gömme kodu) yer alır; boş bıraktığınız bilgi, görsel ve harita görünmez.
• “Bilgi al” kutusu: sitenin alt bölümünde, her sayfada bulunur. Ziyaretçi yalnız e-posta adresini yazar ve KVKK onayını işaretler; kayıt panelde Mesajlar listesine düşer.
• Size e-posta: E-posta Ayarları’nı yapıp bildirimi açtığınızda iletişim formu, Teklif İste ve “Bilgi al” mesajları size e-postayla da gelir. E-postayı yanıtladığınızda yanıt ziyaretçinin adresine gider. E-posta ayarı yapmasanız da mesajlar panelde listelenir.
• KVKK onay kutusu: iletişim formunda ve “Bilgi al” kutusunda zorunludur. Aydınlatma Metni bağlantısı, Site Ayarları’nda seçtiğiniz sayfaya gider; aynı bağlantı sitenin alt bölümündeki Hızlı Menü’de de yer alır. Örnek içerikle gelen metin yalnızca örnektir; kendi aydınlatma metninizi hazırlamanız gerekir.

Menü, başlıklar ve görünüm

• Menü adları ve düzeni: Menü İsimleri sayfasında Hakkımızda, Ürünler, Hizmetler, Projeler, Blog ve İletişim adlarını kendi sözcüklerinizle yazarsınız. Menü Düzeni sayfasında bu öğeleri tek tek aktif ya da pasif yaparsınız. Pasif bölüm menüden ve sitenin alt bölümündeki Hızlı Menü’den kalkar, sayfaları “sayfa bulunamadı” (404) verir; ana sayfadaki hizmet, ürün, proje ve blog bölümleri de görünmez. Ek Sayfalar yalnız üst menüde gösterilir ya da gizlenir, sayfaları her zaman açık kalır; KVKK aydınlatma metni gibi sayfalara erişim kesilmez. Menü adları uzayıp tek satıra sığmazsa üst menü kendiliğinden mobil menüye geçer.
• Başlıklar ve yazılar: ana sayfadaki bölüm başlıklarını, sayaç bandı, ekip, yorumlar, blog, sık sorulan sorular ve iletişim formu başlıklarını ile sitenin alt bölümündeki “Bilgi al” başlığını panelden değiştirirsiniz; her alanın sitede nerede göründüğü yazılıdır. Boş bıraktığınız bazı başlıklar sitede çizilmez.
• Logo, favicon ve görsel: koyu logo üst menüde, açık logo sitenin alt bölümünde kullanılır; favicon tarayıcı sekmesinde görünür. Görseller sayfasından iletişim sayfasındaki görseli değiştirirsiniz.
• Renk: Site Ayarları’ndaki ana renk düğmelere, bağlantılara, menüye ve aktif öğelere uygulanır.
• İletişim bilgileri ve sosyal medya: telefon, e-posta, adres ve çalışma saatlerinizi; Facebook, Twitter, Instagram, YouTube, LinkedIn, TikTok ve WhatsApp bağlantılarınızı girersiniz. Telefon, e-posta ve çalışma saatleri sayfanın üstündeki ince şeritte (tablet ve masaüstünde) ve iletişim sayfasında, sosyal medya bağlantıları şeritte ve sitenin alt bölümünde, yalnız doldurduklarınız olarak görünür.
• Footer imzası: sitenin altındaki “TiklaWeb tarafından geliştirildi” yazısını değiştirebilir veya kaldırabilirsiniz.

Mobil uyum ve arama motorları

• Mobil uyum: site telefon, tablet ve masaüstü ekranlara uyar; menü küçük ekranlarda açılır mobil menüye dönüşür.
• Sayfaya özel başlık ve açıklama: her sayfa kendi başlığını (“Sayfa | Firma”), açıklamasını ve sosyal paylaşım (Open Graph) etiketlerini taşır. Ürün, hizmet, proje, blog ve ek sayfalarda başlık, açıklama ve anahtar kelimeleri panelden ayrıca girebilirsiniz; ürün, hizmet, proje ve blog paylaşımlarında görsel, içeriğin kendi görselidir. Site başlığı, açıklaması ve anahtar kelimelerini Site Ayarları’ndan girersiniz.

Yönetim paneli

• Gösterge Paneli: hizmet, proje, yazı ve mesaj sayıları ile son on mesajın listesi. Yan menüde mesaj sayısı rozetle görünür.
• Mesajlar: iletişim formundan, Teklif İste düğmesinden ve “Bilgi al” kutusundan gelen mesajlar tek listede toplanır. Ad, telefon, e-posta ve tarih listede görünür; ayrıntı penceresinde mesajı okur, kaydı silebilirsiniz.
• Ürünler: ürün adı, fiyat, indirim, üç görsel, yayın durumu, ana sayfada gösterme seçeneği, kısa açıklama, zengin metinli ayrıntı ve SEO alanlarıyla ürün eklersiniz; listeden düzenler ya da silersiniz.
• İçerik yönetimi: Slider, Hizmetler, Projeler (kategorilerle), Blog, Sayfalar (menü başlıklarıyla), Takım, Öne Çıkanlar, Kilometre Taşı, Müşteri Yorumları, Referanslar, Sıkça Sorulan Sorular ve Hakkımızda bölümlerinden içeriği ekler, düzenler, silersiniz. Zengin metin alanlarında Summernote düzenleyicisi kullanılır.
• E-posta Ayarları: SMTP sunucu, port, şifreleme, e-posta hesabı, şifre ve bildirim adresi girilir; bildirimi açtığınızda iletişim formu, Teklif İste ve “Bilgi al” e-postaları çalışır.
• Site Ayarları ve İletişim Bilgileri: Site Ayarları’nda site başlığı, anahtar kelimeler, açıklama, telif satırı, renk seçimi, KVKK aydınlatma sayfası, site dili, panel dili, logolar ve favicon yer alır. İletişim Bilgileri ayrı sayfadadır: telefon, e-posta, adres, sosyal medya bağlantıları, çalışma saatleri ve harita kodu.
• Kullanıcılar ve yetkiler: yönetici, editör ve salt okunur hesaplar eklersiniz. Editör içerik bölümlerini yönetir; Kullanıcılar ve Yetkiler, Site Ayarları, İletişim Bilgileri, E-posta Ayarları ve Opsiyonel Kodlar yalnız yöneticiye açıktır. Yetkiler sunucu tarafında denetlenir.
• Şifremi unuttum: panel girişindeki bağlantıyla e-postayla şifre sıfırlanır (E-posta Ayarları yapılmışsa). Sıfırlama bağlantısı 1 saat geçerlidir ve bir kez kullanılır.
• Opsiyonel Kodlar: sitenin üst (head) ve alt bölümüne kendi kodunuzu (ör. istatistik betiği) eklersiniz. Bu alan yalnız yöneticiye açıktır.

Kurulum ve güncelleme

• Beş adımlı kurulum sihirbazı: gereksinimler, lisans, veritabanı, site ve yönetici bilgileri, tamamlama. Sunucunuzun uygunluğunu sihirbaz kendisi kontrol eder.
• Kurulum dili: sihirbazın sağ üstünden Türkçe veya İngilizce seçilir. İngilizce kurulumda başlangıç ve örnek içerik de İngilizce gelir.
• Örnek içerikli veya boş kurulum: demodaki gibi dolu başlayıp üzerinde düzenleme yapabilir, isterseniz içeriği sıfırdan girebilirsiniz. Mesajlar listesi her iki durumda da boş başlar.
• Panelden güncelleme: yeni sürümün zip paketini tiklaweb.net müşteri panelinizden indirir, yönetim panelindeki “Güncelleme ve Lisans” sayfasından yüklersiniz. İşlemden önce dosya ve veritabanı yedeği alınır. Hata çıkarsa site eski haline döner. Yüklediğiniz görseller, ayarlarınız ve içerikleriniz korunur.
• Doğrulanmış paketler: güncelleme paketinin imzası kontrol edilir; yalnızca tiklaweb.net’ten indirilen paketler yüklenir.

Ayrıntılı kurulum rehberi indirdiğiniz pakette KURULUM.html dosyası olarak gelir.

Lisans

Her lisans, sipariş sırasında belirttiğiniz tek bir alan adı içindir. Kurulumdan sonra alan adı değiştirilmez; aynı alan adının uzantı değişikliği (ör. .net → .com) ücretlidir ve destek talebiyle yapılır. Lisans ücretsiz devredilmez. Lisanssız bir alan adında site açılmaz ve ziyaretçi lisans uyarı sayfasına yönlendirilir. Başka bir alan adında kullanmak için ayrı lisans gerekir.

Teknik özellikler

• PHP 8.2 veya üzeri, MySQL veya MariaDB
• Altyapı: CodeIgniter 4. Site: Bootstrap 5 (yalnız stil dosyası), Swiper, Font Awesome Free 6 ve jQuery; yazı tipleri (Jost, Roboto) pakette yerel durur, harici yazı tipi servisi çağrılmaz. Panel: Bootstrap 4 ve içerik düzenleyicisi Summernote
• E-posta gönderimi PHPMailer 6.9 ile yapılır; SMTP şifresi şifrelenerek saklanır. Form kaydı önce veritabanına yazılır; sunucu destekliyorsa e-posta ziyaretçiye yanıt verildikten sonra gönderilir
• Arayüz metinleri paketteki dil dosyalarında tutulur (Türkçe ve İngilizce hazır, yeni dil eklenebilir)
• Site formlarında imzalı form belirteci ve gizli tuzak alan, panel işlemlerinde CSRF doğrulaması; panel girişi, şifre sıfırlama, iletişim formu ve “Bilgi al” kutusunda deneme sınırı
• Panelden yüklenen görsellerin türü içerikten doğrulanır (JPG, PNG, WebP; en çok 8 MB), GD eklentisi açıksa WebP biçimine çevrilir; yükleme klasöründe PHP çalışmaz
• Panelin zengin metin alanları kayıtta sunucuda süzülür (HTMLPurifier); yönetim paneli içerik güvenlik politikası (CSP) başlığı gönderir; yönetici şifreleri hash ile saklanır
• Harita alanı yalnızca Google Maps ve OpenStreetMap gömme adreslerini kabul eder
• Veritabanı bilgisi ve yedekler, hosting izin veriyorsa web kökünün dışındaki klasörde tutulur
• Güvenlik başlıkları, HTTPS’te HSTS; saat dilimi Europe/Istanbul
• Satış öncesinde kod incelemesi ve canlı saldırı testlerinden oluşan güvenlik denetimi yapılmıştır

Demo

Siteyi ve yönetim panelini salt okunur demoda inceleyebilirsiniz. Demo Türkçe kuruludur; yönetim panelinde sağ üstteki dünya simgesinden panel dilini İngilizceye çevirip görebilirsiniz (bu seçim yalnız tarayıcınızda tutulur). Demodaki firma adı, kişiler, yorumlar, ürünler, fiyatlar, projeler, hizmetler ve sayaç değerleri örnektir. Demo panelindeki Mesajlar listesinde iki örnek kayıt görürsünüz. Sosyal medya bağlantıları ve harita demoda boş bırakılmıştır; panelden doldurulunca sitede görünürler.

• Site: https://012.tiklaweb.net
• Yönetim paneli: https://012.tiklaweb.net/panel
• Demo e-posta: demo@tiklaweb.net
• Demo şifresi: demo1234

Demoda değişiklik kaydedilemez; iletişim formu, Teklif İste ve “Bilgi al” kutusu kayıt yapmaz, e-posta göndermez. Demo her gece sıfırlanır. E-posta ayarları ve kullanıcılar gibi hassas sayfalar demo modunda görüntülenmez, Şifremi unuttum demoda kapalıdır. Bu giriş bilgileri yalnızca demo sitesi içindir. Satın aldığınız kurulumda yönetici hesabını siz belirlersiniz.

Destek

Takıldığınız yerde tiklaweb.net müşteri panelinizden destek talebi açabilir veya destek@tiklaweb.net adresine yazabilirsiniz.