Kurumsal Ürün Vitrini Sitesi Scripti

Kime uygun

Ürünlerini sepet kurmadan sergilemek ve ziyaretçilerden teklif talebi toplamak isteyen firmalar, imalatçılar, bayiler ve onlara site kuran ajanslar için hazırlandı. Ana sayfada ürün vitrini, karşılama alanı ve Hakkımızda özetinden hemen sonra gelir. Her ürünün kendi sayfasında üç görsel, fiyat ve “Teklif Al” düğmesi bulunur; düğme iletişim formunu ürün adıyla birlikte açar ve gelen talep panelde Mesajlar listesine düşer. Sitede sepet ve online ödeme yoktur.

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

Ürün Vitrinli Kurumsal Web Sitesi Scriptinden farkı

TiklaWeb kataloğundaki Ürün Vitrinli Kurumsal Web Sitesi Scripti de sepetsiz ürün vitrini sunar; iki script aynı yönetim paneli altyapısını kullanır, tasarımları ve ana sayfa kurguları farklıdır. Bu scriptin tasarımında tam genişlik karşılama alanı, serif başlık yazı tipi ve ikinci renkle boyanan (demoda koyu) üst menü, altbilgi ve sık sorulan sorular bandı bulunur; ana sayfada ürünler karşılama alanından hemen sonra gelir. Ürün Vitrinli Kurumsal Web Sitesi Scriptinde sayaçlar, Öne Çıkanlar listesi, ana sayfada gösterilecek ürünleri seçme, ürün kartında teklif düğmesi, ürün sayfasında etiketler ve diğer ürünler bulunur; bu scriptte bunlar yoktur. Karar vermeden önce iki demoya da bakmanızı öneririz.

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 Al

• Ürün vitrini: Ürünler sayfasında her ürün bir kartla listelenir: görsel, ad, kısa açıklama, fiyat ve “İncele” düğmesi. 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.
• Ana sayfada ürünler: Hakkımızda özetinden sonra gelen ürün bölümünde en yeni dört ürün yer alır. Daha fazla ürününüz varsa “Tüm Ürünler” bağlantısı çıkar. Bölüm başlığını ve alt metnini Başlıklar ve yazılar sayfasından değiştirirsiniz.
• Ürün sayfası: Her ürünün kendi sayfası vardır. Üç görsele kadar yüklersiniz; büyük görselin altındaki küçük resimlere tıklayınca büyük görsel değişir. Yanında fiyat, kısa açıklama ve “Teklif Al” düğmesi, altında zengin metinli “Ürün Açıklaması” yer alır.
• Fiyat ve indirim: Fiyatı Türk lirası olarak, tam lira biçiminde 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; ürün sayfasında yüzde de görünür.
• Teklif Al: Ürün sayfasındaki “Teklif Al” düğmesi iletişim sayfasını açar. Sayfa başlığı “Teklif Al” olur, seçilen ürün görseliyle ve adıyla formun içinde gösterilir, mesaj kutusuna “Ürün: … Bu ü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. Talep panelde Mesajlar listesine düşer. Menü Düzeni’nde İletişim pasifse düğme çizilmez.
• 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 kısa açıklamadan ya da ayrıntı metninden türetilir. 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 iki 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). Görsel, karşılama alanının tam genişlikli zemini 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, ürün vitrini, ekip, sık sorulan sorular, hizmetler, projeler, müşteri yorumları, son blog yazıları ve referans logoları sırayla yer alır. Kaydı olmayan bölüm görünmez.
• 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. Yayındaki hizmetlerin hepsi ana sayfada kart olarak ve Hizmetler sayfasında listelenir. Her hizmetin kendi sayfası vardır; sayfanın yanındaki kartta hizmet listesi, “Bize Ulaşın” düğmesi ve “Tüm Hizmetler” bağlantısı bulunur. Üst menüde gösterilmesini seçtiğiniz hizmetler menüde açılır liste olarak, sitenin alt bölümünde ayrı bir sütunda çı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 yeni altı proje kategori etiketiyle kart olarak gösterilir; daha fazlası varsa “Tüm Projeler” bağlantısı çıkar. Her projenin kendi sayfası ve yanında kategori bilgisi ile “Bize Ulaşın” düğmesi vardır.
• Hakkımızda: başlık, isteğe bağlı görsel ve zengin metin; altında ekip ve sık sorulan sorular yer alır. Ana sayfadaki özet yazı ve başlık ayrı alanlardır.
• Sık sorulan sorular: soru ve cevapları panelden girersiniz. Ana sayfada ikinci renkli bir bantta, Hakkımızda sayfasında açılır liste olarak görünür; bir soruya tıklayınca cevabı açılır, aynı anda bir cevap açık kalır. Görseller sayfasından yükleyeceğiniz görsel ana sayfadaki bantta listenin yanında gösterilir. Soru girmezseniz bölüm görünmez.
• Ekip: ad soyad, pozisyon ve fotoğrafla ekip üyelerinizi tanıtırsınız. Yayındaki üyelerin hepsi ana sayfada ve Hakkımızda sayfası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; üç ya da daha çok logo olduğunda şerit 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 tarih otomatik kaydedilir ve “25 Ekim 2026” gibi gösterilir. Liste en yeni yazı başta olacak biçimde sıralanır; ana sayfada en yeni dört yazı yer alır. 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 bağlantı 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, sosyal medya simgeleri ve isteğe bağlı harita (Google Maps veya OpenStreetMap gömme kodu) yer alır; boş bıraktığınız bilgi 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 Al 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 çubuğunda da 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, Hizmetler, Projeler, Blog, İletişim ve Ürünler 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ünden 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ı ve alt metinlerini (ekip, sık sorulan sorular, hizmetler, ürünler, projeler, müşteri yorumları, blog) ve 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.
• Renkler: Site Ayarları’nda iki renk seçersiniz. Ana renk düğmelere, bağlantılara, aktif ve üzerine gelinen öğelere, açık sık sorulan soruya ve vurgu çizgilerine uygulanır. İkinci renk üst menünün, altbilginin, sık sorulan sorular bandının ve iç sayfa başlık bandının zeminidir. Üzerindeki yazı ve logo zemine göre kendiliğinden seçilir: koyu zeminde Açık Logo ve beyaz yazı, açık zeminde Koyu Logo ve koyu yazı.
• Logo, favicon ve görseller: iki logo ve favicon Site Ayarları’ndan yüklenir. Görseller sayfasından sık sorulan sorular bandındaki görseli ve iç sayfaların başlık bandı zemin görselini değiştirirsiniz.
• İ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. Bilgiler iletişim sayfasında ve sitenin alt bölümünde, yalnız doldurduklarınız olarak görünür.
• Altbilgi yazısı ve imzası: Hakkımızda sayfasındaki “Footer Hakkımızda Yazısı” alanı, sitenin alt bölümünde logonun altında kısa tanıtım yazısı olarak çıkar. Sitenin altındaki “TiklaWeb tarafından geliştirildi” imzası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, sayfa kaydırılınca sağ altta “başa dön” düğmesi çıkar.
• 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. Site başlığı, açıklaması ve anahtar kelimelerini Site Ayarları’ndan girersiniz.

Yönetim paneli

• Gösterge Paneli: hizmet, proje, ürün, 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 Al 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, kısa açıklama, zengin metinli ayrıntı ve SEO alanlarıyla ürün eklersiniz; listeden düzenler ya da silersiniz. Listede fiyat ve yayın durumu görünür.
• İçerik yönetimi: Slider, Hizmetler, Projeler (kategorilerle), Blog, Sayfalar (menü başlıklarıyla), Takım, 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.
• Menü Düzeni, Menü İsimleri, Başlıklar ve yazılar, Görseller: sitenin menüsünü, bölüm başlıklarını ve iki görseli buradan yönetirsiniz.
• E-posta Ayarları: SMTP sunucu, port, şifreleme, e-posta hesabı, şifre ve bildirim adresi girilir; bildirimi açtığınızda iletişim formu, Teklif Al 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ı, iki renk, 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 4, Swiper, Font Awesome Free 6 ve jQuery; yazı tipleri (Lora, Open Sans) 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 ve hizmetler ö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://013.tiklaweb.net
• Yönetim paneli: https://013.tiklaweb.net/panel
• Demo e-posta: demo@tiklaweb.net
• Demo şifresi: demo1234

Demoda değişiklik kaydedilemez; iletişim formu, Teklif Al 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.