Corporate Website Script with Service Showcase

Language note

The interface of the website and the admin panel comes in Turkish and English. You choose the site language and the panel language separately under “Site Ayarları” (Site Settings), and you can also switch the panel language with the globe icon at the top right of the panel.

More languages can be added: copy the en.php file in the dil folder of the package and translate it (the steps are in dil/OKUBENI.txt). The language you add appears automatically in the language lists of the site settings, and updates do not touch your language files. Texts that are not translated appear in English; if you prefer, they can be shown in Turkish.

The content you publish (products, services, projects, pages, blog posts and so on) is not translated; it stays in the language you write it in. Warning messages and date formats follow the selected language. The form e-mails sent to you are written in the panel language.

Where this page names a section of the panel or of the site, the name is given as it appears in the Turkish interface, in quotation marks, followed by its translation in parentheses; in the English interface the same sections appear under their English names.

Who it is for

Made for companies, service businesses, consultancies and the agencies that build sites for them, who want to put their services first. On the home page your services appear in a slider of cards with icons; the counter band, the “Neden biz” (Why Us) cards, the project strip, the product showcase, the frequently asked questions, references, customer reviews, team, call-to-action section and latest posts follow in that order. In the “Bilgi al” (Get information) band at the bottom of every page, visitors leave their e-mail address; the entry lands in the “Mesajlar” (Messages) list in the panel.

If you have products, you show them without setting up a shopping cart. The “Teklif İste” (Request a Quote) button on the product page opens the contact form together with the product name. The site has no shopping cart and no online payment.

You do not need to know how to code. The browser wizard handles the installation, and you enter your content in the admin panel.

How it differs from the other corporate scripts

The Corporate Website Script with Project Showcase, the Corporate Website Script with Product Showcase and the Corporate Product Showcase Website Script in the TiklaWeb catalog use the same admin panel foundation as this script; their designs and home page layouts differ. In this script the services stand out on the home page in a slider, every service card carries an icon you choose, and the top of the site has a three-band header (top strip, logo row, menu). The counter band, the “Neden biz” (Why Us) cards and the call-to-action section come ready on the home page. Products are a cart-free showcase; there are no product tags, no “other products” list and no quote button on the product card (the Corporate Website Script with Product Showcase has them). The Corporate Website Script with Project Showcase has no product section. In the Corporate Product Showcase Website Script the products come right after the hero area, and it has no counters and no “Öne Çıkanlar” (Highlights). We recommend looking at the demos before you decide.

Website features

Home page

• Order on the home page: hero area, “Hakkımızda” (About Us) summary, service slider, counter band, “Neden biz” (Why Us), project strip, product showcase, frequently asked questions, reference logos, customer reviews, team, call-to-action section and the latest blog posts. A section with no entries does not appear.
• Three-band header: the top strip holds a short text you write in the panel and the social media icons, the second band holds the logo with working hours, address and phone, and the third band holds the menu and the “İletişim” (Contact) button. Details you leave empty do not appear. When you scroll, the menu stays fixed at the top of the screen.
• Multi-slide hero: you add slides under “Slider”. For each slide you enter two lines of text; the button text, the button link and the image are optional (the button is shown only when both text and link are filled in). The image becomes the full-width background of the hero area. The button link can be one of the site’s own pages (for example urunler) or an external address. At most ten slides are shown. With more than one slide, the hero area changes with a fade, dots appear at the bottom and the slides rotate by themselves; on devices with the reduce-motion setting on, the automatic transition is off. If you add no slide, the site title and description are shown.
• “Hakkımızda” (About Us) summary: the heading, a short text and an optional image on the home page; if your phone number is filled in, a “Bize Ulaşın” (Contact Us) box appears next to it. The button below the summary leads to the “Hakkımızda” page.
• Service slider: all published services are shown as cards with an image, an icon, a short description and a “İncele” (View) link; three cards are visible on a wide screen, two on a medium screen and one on a phone. If there are more services than fit on the screen, the slider moves by itself (automatic movement is off on devices with the reduce-motion setting on); you can also use the dots or swipe. You choose the icon from a ready-made list in the panel.
• Counter band: you enter your figures with a name, a number and an icon (for example completed jobs, years of experience). The numbers count up from zero when they come into view; on devices with the reduce-motion setting on, the value is shown directly. An entry with the value 0 is not shown, and with no entries the band does not appear.
• “Neden biz” (Why Us) section: the title, short description and icon you enter under “Öne Çıkanlar” (Highlights) are shown as cards. You upload the image of the section on the “Görseller” (Images) page. If there are no entries, the section does not appear.
• Project strip: all your projects are shown on the home page in a strip with an image, a name and a category label; four projects are visible side by side on a wide screen.
• Product showcase: the six newest products for which you set “Ana sayfada gösterilsin mi?” (Show on the home page?) to Yes appear on the home page; if you mark none, the six newest products are shown. If you have more products, a button leading to the “Ürünler” (Products) page appears below the section. You change the section heading and text on the “Başlıklar ve yazılar” (Headings and Texts) page.
• Frequently asked questions, references, customer reviews and team: you enter the questions, logos, reviews and team members in the panel. The questions appear as an expandable list; the first one is open, and the answer opens when you click a question. Logos and reviews are shown in sliders and team members as cards with a photo and a role; if there are more entries than fit on the screen, the sliders move by themselves.
• Call-to-action section: a heading, a short text, an optional image and your phone number; the number is a link that starts a call when tapped. You change the texts on the “Başlıklar ve yazılar” (Headings and Texts) page and the image on the “Görseller” (Images) page. If the phone number and the heading are both empty, the section does not appear.
• Latest posts: the three newest blog posts are shown with an image, a date, the author and a short text.

Services and projects

• Services: for each service you enter a name, an image, an icon, a short description and a detailed text with rich formatting; there are options for whether it is published and whether it is shown in the top menu. All published services are listed as cards on the “Hizmetler” (Services) page. Every service has its own page; the card next to it holds the list of services, a “Bize Ulaşın” (Contact Us) button and a “Tüm Hizmetler” (All Services) link. The services you choose appear as a drop-down list in the top menu and in a separate column in the footer.
• Project showcase and filter: you group your projects into categories and publish them with a name, an image and a detailed text with rich formatting. The category buttons on the “Projeler” (Projects) page filter the list by that category without reloading the page. Every project has its own page, with the category, a “Bize Ulaşın” (Contact Us) button and a “Tüm Projeler” (All Projects) link next to it.

Product showcase and Request a Quote

• Product showcase: on the “Ürünler” (Products) page every product is listed as a card with an image, a name, a short description, a price and an “İncele” (View) button. The list is sorted with the newest product first. The menu name is “Ürünler” (Products) by default; you change it to your own word on the “Menü İsimleri” (Menu Names) page.
• Product page: every product has its own page. You upload up to three images; under the large image there are small images, and clicking one changes the large image. Next to it come the price, the short description and the “Teklif İste” (Request a Quote) button, and below it the “Ürün Açıklaması” (Product Description) with rich formatting.
• Price and discount: you enter the price in Turkish lira, in whole lira. If you leave the price field empty or at 0, the product is shown without a price. When you enter a discount percentage, the discounted price appears next to the old price with a line through it, and the product page also shows the percentage.
• Request a Quote: the “Teklif İste” (Request a Quote) button on the product page opens the contact page. The page title is “Teklif İste” and the form heading is “Teklif İsteyin”; the selected product is shown inside the form with its image and name, and the message box starts with the pre-filled text “Ürün: … Bu ürün için teklif almak istiyorum.” (Product: … I would like to get a quote for this product). The visitor can change the text, add a name, e-mail and phone number and send it. The request lands in the “Mesajlar” (Messages) list in the panel. If “İletişim” (Contact) is switched off in “Menü Düzeni” (Menu Layout), the button is not drawn.
• Switching the showcase on and off: when you switch “Ürünler” (Products) off in “Menü Düzeni” (Menu Layout), or when no published product is left, the menu and footer links, the product section on the home page and the product pages are removed; the addresses under “Ürünler” (Products) show a “page not found” (404) page.
• Search engine settings for each product: for every product you can enter an SEO title, description and keywords; if you leave them empty, the title is taken from the product name and the description from the short description or the detailed text. The sharing image is the first image of the product.

Inner pages

• “Hakkımızda” (About Us): heading, an optional image and rich text; below it come the team and the frequently asked questions. The summary heading and text on the home page are separate fields.
• Blog: you publish articles with a title, an image, a short text and rich text. The author name is optional. The date an article is added is saved automatically and shown as, for example, “25 Ekim 2026”. The list is sorted with the newest article first. An article that is not published does not appear on the site.
• Extra pages: you add as many pages as you like from the panel (for example the KVKK privacy notice or a careers page). Under “Menüler” (Menus) you create a menu heading and show the page under it in the top menu as a drop-down list; if you like, you also add it to the links in the bottom bar of the site.

Forms and contact

• “Bilgi al” (Get information) box: it sits in a band at the bottom of every page. The visitor writes only an e-mail address and ticks the KVKK consent; the entry lands in the “Mesajlar” (Messages) list in the panel. You change the heading and the button text of the band on the “Başlıklar ve yazılar” (Headings and Texts) page. The box works even if “İletişim” (Contact) is switched off in “Menü Düzeni” (Menu Layout).
• Contact page: a form with full name, e-mail, phone and message fields, all required. The page also holds a list with address, phone, e-mail and working hours, social media icons and, if you like, a map (Google Maps or OpenStreetMap embed code); details and map you leave empty do not appear.
• E-mail to you: once you set up “E-posta Ayarları” (E-mail Settings) and switch notifications on, contact form, Request a Quote and “Bilgi al” (Get information) messages also reach you by e-mail. When you reply to the e-mail, the reply goes to the visitor’s address. Even if you do not set up e-mail, the messages are listed in the panel.
• KVKK consent checkbox: required in the contact form and in the “Bilgi al” (Get information) box. KVKK is the Turkish personal data protection law. The privacy notice link points to the page you choose under “Site Ayarları” (Site Settings); the same link also appears in the bottom bar of the site. The text that comes with the sample content is only a sample; you must prepare your own privacy notice.

Menu, headings and appearance

• Menu names and layout: on the “Menü İsimleri” (Menu Names) page you write the names “Hakkımızda” (About Us), “Hizmetler” (Services), “Projeler” (Projects), “Blog”, “İletişim” (Contact) and “Ürünler” (Products) in your own words. On the “Menü Düzeni” (Menu Layout) page you switch these items on or off one by one. A section that is switched off disappears from the top menu and from the footer, and its pages show a “page not found” (404) page; the “Hakkımızda” summary, the service slider, the project strip, the product showcase and the latest posts on the home page do not appear either. “Ek Sayfalar” (Extra Pages) are only shown or hidden in the top menu, and their pages always stay open; access to pages such as the KVKK privacy notice is not cut off.
• Headings and texts: with 22 fields on the “Başlıklar ve yazılar” (Headings and Texts) page you change the text of the top strip, the headings and sub-texts of the home page sections (About Us, services, “Neden biz”, frequently asked questions, products, customer reviews, call-to-action section, blog, team) and the heading and button text of the “Bilgi al” (Get information) band at the bottom of the site; each field states where it appears on the site.
• Colors: under “Site Ayarları” (Site Settings) you choose two colors. The main color is applied to buttons, links, icons, active and hovered items and accent lines. The dark color is the background of the top strip, the footer, the counter band, the call-to-action section and the inner-page title band. The text color on top is chosen automatically to fit the background.
• Logo, favicon and images: the two logos (the dark logo for light backgrounds, the light logo for dark backgrounds) and the favicon are uploaded under “Site Ayarları” (Site Settings). On the “Görseller” (Images) page you change the image of the “Neden biz” section, the background image of the frequently asked questions section, the image of the call-to-action section and the background image of the inner-page title band.
• Contact details and social media: you enter your phone, e-mail, address and working hours, and your Facebook, Twitter, Instagram, YouTube, LinkedIn, TikTok and WhatsApp links. They appear in the top part of the site, on the contact page and in the footer; only the ones you fill in are shown.
• Footer and credit: the footer holds the logo with the text of the “Footer Hakkımızda Yazısı” (Footer About Text) field from the “Hakkımızda” (About Us) page, the quick menu, a column with the services shown in the menu, and your contact details; the bottom bar holds the copyright line, the KVKK link and the pages you set to show in the footer. You can change or remove the “TiklaWeb tarafından geliştirildi” (Developed by TiklaWeb) line at the bottom of the site.

Mobile and search engines

• Mobile friendly: the site adapts to phone, tablet and desktop screens; on small screens the menu turns into a mobile menu that opens on tap, and a “back to top” button appears at the bottom right once you scroll.
• Page-specific title and description: every page carries its own title (“Page | Company”), description and social sharing (Open Graph) tags. On product, service, project, blog and extra pages you can also enter the title, description and keywords in the panel. You enter the site title, description and keywords under “Site Ayarları” (Site Settings).

Admin panel

• “Gösterge Paneli” (Dashboard): the numbers of services, projects, products, posts and messages, plus the list of the last ten messages. The side menu shows the number of messages as a badge.
• “Mesajlar” (Messages): messages from the contact form, the Request a Quote button and the “Bilgi al” (Get information) box are collected in a single list. Name, phone, e-mail and date appear in the list; in the details window you read the message, and you can delete the entry.
• “Ürünler” (Products): you add a product with its name, price, discount, three images, publication status, the option to show it on the home page, short description, detailed text with rich formatting and SEO fields; you edit or delete it from the list.
• Content management: you add, edit and delete content under “Slider”, “Hizmetler” (Services), “Projeler” (Projects, with categories), “Blog”, “Sayfalar” (Pages, with menu headings), “Takım” (Team), “Öne Çıkanlar” (Highlights), “Kilometre Taşı” (Milestones), “Müşteri Yorumları” (Customer Reviews), “Referanslar” (References), “Sıkça Sorulan Sorular” (Frequently Asked Questions) and “Hakkımızda” (About Us). The Summernote editor is used in rich-text fields.
• Menu and images: “Menü Düzeni” (Menu Layout), “Menü İsimleri” (Menu Names), “Başlıklar ve yazılar” (Headings and Texts) and “Görseller” (Images) manage the menu, the section headings and four images of the site.
• “E-posta Ayarları” (E-mail Settings): you enter the SMTP server, port, encryption, e-mail account, password and notification address; once you switch notifications on, the contact form, Request a Quote and “Bilgi al” (Get information) e-mails work.
• “Site Ayarları” (Site Settings) and “İletişim Bilgileri” (Contact Information): “Site Ayarları” holds the site title, keywords, description, copyright line, the two colors, KVKK privacy page, site language, panel language, logos and favicon. “İletişim Bilgileri” is a separate page: phone, e-mail, address, social media links, working hours and map code.
• Users and permissions: you add administrator, editor and read-only accounts. The editor manages the content sections; “Kullanıcılar ve Yetkiler” (Users and Permissions), “Site Ayarları” (Site Settings), “İletişim Bilgileri” (Contact Information), “E-posta Ayarları” (E-mail Settings) and “Opsiyonel Kodlar” (Optional Codes) are open only to the administrator. Permissions are enforced on the server.
• Forgot password: the link on the panel login page resets the password by e-mail (if “E-posta Ayarları” (E-mail Settings) is set up). The reset link is valid for 1 hour and can be used once.
• “Opsiyonel Kodlar” (Optional Codes): you add your own code (for example a statistics script) to the top (head) and the end of the site. This field is open only to the administrator.

Setup and updates

• Five-step setup wizard: requirements, license, database, site and administrator details, finish. The wizard checks your server itself.
• Setup language: in the wizard, choose Turkish or English at the top right. With an English installation, the starting and sample content is in English too.
• Sample content or empty setup: start filled in like the demo and edit from there, or enter your content from scratch. The message list starts empty in both cases.
• Update from the panel: download the zip package of the new version from your tiklaweb.net customer area and upload it on the “Güncelleme ve Lisans” (Updates and License) page of the admin panel. Files and database are backed up first. If an error occurs, the site returns to its previous state. Your uploaded images, settings and content are kept.
• Verified packages: the signature of the update package is checked; only packages downloaded from tiklaweb.net are installed.

A detailed setup guide comes in the package you download as the KURULUM.html file (written in Turkish).

License

Each license is for the single domain name you specify when ordering. A domain name change is a paid service and is handled through a support request. The license cannot be transferred free of charge. The site does not open on an unlicensed domain and the visitor is redirected to a license warning page. A separate license is required to use it on another domain.

Technical details

• PHP 8.2 or higher, MySQL or MariaDB
• Framework: CodeIgniter 4. Site: Bootstrap 4 (styles only), Swiper and Font Awesome Free 6; the typeface (Poppins) is kept locally in the package and no external font service is called. Panel: Bootstrap 4, jQuery and the Summernote content editor
• E-mail is sent with PHPMailer 6.9; the SMTP password is stored encrypted. A form entry is saved to the database first; if the server supports it, the e-mail is sent after the visitor has received the response
• Interface texts are kept in the language files in the package (Turkish and English included, a new language can be added)
• Signed form token and a hidden trap field on the site forms, CSRF verification on panel actions; attempt limits on panel login, password reset, the contact form and the “Bilgi al” (Get information) box
• The type of images uploaded from the panel is verified from content (JPG, PNG, WebP; at most 8 MB) and, if the GD extension is on, they are converted to WebP; PHP does not run in the upload folder
• The panel’s rich text fields are filtered on the server when saved (HTMLPurifier); the admin panel sends a Content Security Policy (CSP) header; administrator passwords are stored hashed
• The map area accepts only Google Maps and OpenStreetMap embed addresses
• Icon fields accept only the Font Awesome icons in the ready-made list
• Database details and backups are kept in a folder outside the web root if your hosting allows it
• Security headers, HSTS on HTTPS; time zone Europe/Istanbul
• A security audit made of code review and live attack tests was carried out before sale

Demo

Explore the site and admin panel in the read-only demo. The demo is installed in Turkish; in the admin panel you can switch the panel language to English with the globe icon at the top right (the choice is kept only in your browser). The company name, people, reviews, products, prices, figures, projects and services in the demo are sample content. In the demo panel you see two sample records in the “Mesajlar” (Messages) list. Social media links and the map are left empty in the demo; once you fill them in the panel, they appear on the site.

• Site: https://014.tiklaweb.net
• Admin panel: https://014.tiklaweb.net/panel
• Demo e-mail: demo@tiklaweb.net
• Demo password: demo1234

Changes cannot be saved in the demo; the contact form, Request a Quote and the “Bilgi al” (Get information) box do not save records or send e-mails. The demo is reset every night. Sensitive pages such as e-mail settings and users cannot be viewed in demo mode, and “Forgot password” is switched off in the demo. These login details are for the demo site only. In the installation you purchase, you set the administrator account yourself.

Support

If you get stuck, open a support ticket from your tiklaweb.net customer area or write to destek@tiklaweb.net.