Script de escaparate de productos para empresas

Nota sobre el idioma

La interfaz del sitio web y del panel de administración está disponible en turco e inglés. El idioma del sitio y el del panel se eligen por separado en «Site Ayarları» (Ajustes del sitio); el idioma del panel también puede cambiarse con el icono del globo, arriba a la derecha del panel.

Pueden añadirse más idiomas: copie el archivo en.php de la carpeta dil del paquete y tradúzcalo (los pasos están en dil/OKUBENI.txt). El idioma añadido aparece automáticamente en las listas de idioma de los ajustes del sitio, y las actualizaciones no tocan sus archivos de idioma. Los textos sin traducir se muestran en inglés; si lo desea, pueden mostrarse en turco.

Los contenidos que usted publica (productos, servicios, proyectos, páginas, entradas del blog, etc.) no se traducen; se quedan en el idioma en que los escribe. Los mensajes de aviso y los formatos de fecha siguen el idioma seleccionado. Los correos de formulario que usted recibe se redactan en el idioma del panel.

Cuando esta página menciona una sección del panel o del sitio, su nombre se indica tal como aparece en la interfaz turca, entre comillas, seguido de su traducción entre paréntesis; en la interfaz en inglés, esas secciones aparecen con su nombre en inglés.

Para quién es

Pensado para empresas, fabricantes, distribuidores y las agencias que les crean el sitio, que quieren mostrar sus productos sin montar un carrito y recoger solicitudes de presupuesto de los visitantes. En la página de inicio, el escaparate de productos va justo después de la cabecera y del resumen «Hakkımızda» (Quiénes somos). Cada página de producto tiene tres imágenes, un precio y un botón «Teklif Al» (Obtener presupuesto); el botón abre el formulario de contacto con el nombre del producto, y la solicitud llega a la lista «Mesajlar» (Mensajes) del panel. El sitio no tiene carrito ni pago en línea.

No necesita saber programar. El asistente del navegador se encarga de la instalación y usted introduce sus contenidos en el panel de administración.

Diferencia con el script corporativo con escaparate de productos

El script corporativo con escaparate de productos del catálogo de TiklaWeb también ofrece un escaparate de productos sin carrito; los dos scripts usan la misma base de panel y se diferencian en el diseño y en la composición de la página de inicio. Este script tiene una cabecera a todo el ancho, una tipografía con serifas para los títulos y un menú superior, un pie de página y una banda de preguntas frecuentes en el segundo color (oscuro en la demo); en la página de inicio, los productos van justo después de la cabecera. El script corporativo con escaparate de productos tiene contadores, una lista «Öne Çıkanlar» (Puntos fuertes), la elección de los productos de la página de inicio, un botón de presupuesto en la tarjeta del producto, y etiquetas y otros productos en la página del producto; este script no los tiene. Le recomendamos ver las dos demos antes de decidir.

Funciones del sitio

Escaparate de productos y obtener presupuesto

• Escaparate de productos: en la página «Ürünler» (Productos), cada producto aparece como una tarjeta con imagen, nombre, descripción corta, precio y botón «İncele» (Ver). La lista se ordena con el producto más reciente primero. El nombre del menú es «Ürünler» (Productos) por defecto; usted lo cambia por su propia palabra en la página «Menü İsimleri» (Nombres del menú).
• Productos en la página de inicio: la sección de productos que sigue al resumen «Hakkımızda» (Quiénes somos) muestra los cuatro productos más recientes. Si tiene más productos, aparece un enlace «Tüm Ürünler» (Todos los productos). El título y el texto de la sección se cambian en la página «Başlıklar ve yazılar» (Títulos y textos).
• Página de producto: cada producto tiene su propia página. Usted sube hasta tres imágenes; bajo la imagen grande hay imágenes pequeñas y, al pulsar una, cambia la imagen grande. Al lado están el precio, la descripción corta y el botón «Teklif Al» (Obtener presupuesto), y debajo la «Ürün Açıklaması» (Descripción del producto) con texto enriquecido.
• Precio y descuento: usted introduce el precio en liras turcas, en liras enteras. Si deja el campo del precio vacío o en 0, el producto se muestra sin precio. Si introduce un porcentaje de descuento, el precio con descuento aparece junto al precio anterior tachado; la página del producto muestra además el porcentaje.
• Obtener presupuesto: el botón «Teklif Al» (Obtener presupuesto) de la página del producto abre la página de contacto. El título de la página pasa a ser «Teklif Al», el producto elegido se muestra dentro del formulario con su imagen y su nombre, y el cuadro de mensaje empieza con el texto previo «Ürün: … Bu ürün için teklif almak istiyorum.» (Producto: … Quisiera recibir un presupuesto para este producto). El visitante puede cambiar el texto, añadir nombre, correo y teléfono, y enviarlo. La solicitud llega a la lista «Mesajlar» (Mensajes) del panel. Si «İletişim» (Contacto) está desactivado en «Menü Düzeni» (Estructura del menú), el botón no se muestra.
• Activar y desactivar el escaparate: si desactiva «Ürünler» (Productos) en «Menü Düzeni» (Estructura del menú), o si no queda ningún producto publicado, desaparecen los enlaces del menú y del pie de página, la sección de productos de la página de inicio y las páginas de producto; las direcciones bajo «Ürünler» (Productos) muestran la página «no encontrada» (404).
• Ajustes para buscadores por producto: para cada producto puede introducir título SEO, descripción y palabras clave; si los deja vacíos, el título se toma del nombre del producto y la descripción de la descripción corta o del texto detallado. La imagen para compartir es la primera imagen del producto.

Página de inicio y páginas interiores

• Cabecera con varias diapositivas: usted añade diapositivas en «Slider». Para cada una introduce dos líneas de texto; el texto del botón, el enlace del botón y la imagen son opcionales (el botón se muestra solo cuando texto y enlace están rellenos). La imagen pasa a ser el fondo a todo el ancho de la cabecera. El enlace del botón puede ser una página del propio sitio (por ejemplo urunler) o una dirección externa. Se muestran como máximo diez diapositivas. Con más de una, la cabecera cambia con un fundido, abajo aparecen puntos y las diapositivas giran solas; en los dispositivos con el ajuste «reducir movimiento» activado, el cambio automático está desactivado. Si no añade ninguna, se muestran el título y la descripción del sitio.
• Página de inicio: cabecera, resumen «Hakkımızda» (Quiénes somos), escaparate de productos, equipo, preguntas frecuentes, servicios, proyectos, opiniones de clientes, las últimas entradas del blog y logotipos de referencias, en ese orden. Una sección sin registros no aparece.
• Servicios: para cada servicio introduce un nombre, una imagen, una descripción corta y un texto detallado enriquecido; hay opciones para publicarlo y para mostrarlo en el menú superior. Todos los servicios publicados aparecen como tarjetas en la página de inicio y en la página «Hizmetler» (Servicios). Cada servicio tiene su propia página; la tarjeta de al lado contiene la lista de servicios, un botón «Bize Ulaşın» (Contáctenos) y un enlace «Tüm Hizmetler» (Todos los servicios). Los servicios que elija aparecen como lista desplegable en el menú superior y en una columna aparte del pie de página.
• Escaparate de proyectos y filtro: usted agrupa sus proyectos en categorías y los publica con nombre, imagen y texto detallado enriquecido. Los botones de categoría de la página «Projeler» (Proyectos) filtran la lista por esa categoría sin recargar la página. En la página de inicio aparecen los seis proyectos más recientes como tarjetas con etiqueta de categoría, con un enlace «Tüm Projeler» (Todos los proyectos) si hay más. Cada proyecto tiene su propia página, con la categoría y un botón «Bize Ulaşın» (Contáctenos) al lado.
• «Hakkımızda» (Quiénes somos): título, imagen opcional y texto enriquecido; debajo van el equipo y las preguntas frecuentes. El título y el texto del resumen de la página de inicio son campos aparte.
• Preguntas frecuentes: usted introduce preguntas y respuestas en el panel. Aparecen en la página de inicio en una banda del segundo color y en la página «Hakkımızda» (Quiénes somos) como lista desplegable; la respuesta se abre al pulsar una pregunta y siempre queda abierta una sola. La imagen que suba en la página «Görseller» (Imágenes) aparece junto a la lista en la banda de la página de inicio. Si no introduce preguntas, la sección no aparece.
• Equipo: usted presenta a los miembros de su equipo con nombre, cargo y foto. Todos los miembros publicados se muestran en la página de inicio y en la página «Hakkımızda» (Quiénes somos); un miembro no publicado no aparece.
• Opiniones de clientes: introduce nombre, cargo, opinión y, si quiere, una foto. Las opiniones se muestran en un carrusel en la página de inicio; en pantalla ancha se ven dos a la vez y en pantalla estrecha una.
• Referencias: la franja de logotipos que arma con nombres y logotipos de referencias aparece en la página de inicio; con tres o más logotipos la franja se desplaza despacio, y en los dispositivos con el ajuste «reducir movimiento» activado queda quieta.
• Blog: usted publica entradas con título, imagen, texto corto y texto enriquecido. El nombre del autor es opcional. La fecha de alta se guarda automáticamente y se muestra, por ejemplo, como «25 Ekim 2026». La lista se ordena con la entrada más reciente primero; en la página de inicio se muestran las cuatro más recientes. Una entrada no publicada no aparece en el sitio.
• Páginas adicionales: desde el panel añade tantas páginas como quiera (por ejemplo el aviso de información KVKK o una página de empleo). En «Menüler» (Menús) crea un título de menú y muestra la página debajo, en el menú superior, como lista desplegable; si quiere, también la añade a la barra inferior del sitio.

Formularios y contacto

• Página de contacto: un formulario con los campos nombre, correo, teléfono y mensaje, todos obligatorios. La página incluye además una lista con dirección, teléfono, correo y horario, iconos de redes sociales y, si quiere, un mapa (código de inserción de Google Maps o OpenStreetMap); los datos y el mapa que deje vacíos no aparecen.
• Cuadro «Bilgi al» (Solicitar información): está en el pie de página del sitio, en todas las páginas. El visitante escribe solo una dirección de correo y marca el consentimiento KVKK; el registro llega a la lista «Mesajlar» (Mensajes) del panel.
• Correo para usted: una vez configurados «E-posta Ayarları» (Ajustes de correo) y activada la notificación, los mensajes del formulario de contacto, las solicitudes de presupuesto y los mensajes de «Bilgi al» le llegan también por correo. Si responde al correo, la respuesta va a la dirección del visitante. Aunque no configure el correo, los mensajes aparecen en la lista del panel.
• Casilla de consentimiento KVKK: obligatoria en el formulario de contacto y en el cuadro «Bilgi al» (Solicitar información). KVKK es la ley turca de protección de datos personales. El enlace al aviso de información lleva a la página que elija en «Site Ayarları» (Ajustes del sitio); el mismo enlace aparece también en la barra inferior del sitio. El texto que viene con el contenido de ejemplo es solo un ejemplo; usted debe preparar su propio aviso de información.

Menú, títulos y aspecto

• Nombres y estructura del menú: en la página «Menü İsimleri» (Nombres del menú) escribe con sus propias palabras los nombres «Hakkımızda» (Quiénes somos), «Hizmetler» (Servicios), «Projeler» (Proyectos), «Blog», «İletişim» (Contacto) y «Ürünler» (Productos). En la página «Menü Düzeni» (Estructura del menú) activa o desactiva estos elementos uno por uno. Una sección desactivada desaparece del menú superior y del pie de página, y sus páginas muestran la página «no encontrada» (404); tampoco aparecen las secciones de servicios, productos, proyectos y blog de la página de inicio. Las «Ek Sayfalar» (Páginas adicionales) solo se muestran u ocultan en el menú superior y sus páginas siguen siempre abiertas; el acceso a páginas como el aviso de información KVKK no se corta. Si los nombres del menú son demasiado largos para una línea, el menú superior pasa solo al menú móvil.
• Títulos y textos: en la página «Başlıklar ve yazılar» (Títulos y textos) cambia los títulos y subtextos de las secciones equipo, preguntas frecuentes, servicios, productos, proyectos, opiniones de clientes y blog de la página de inicio, así como el título «Bilgi al» del pie de página; cada campo indica dónde aparece en el sitio.
• Colores: en «Site Ayarları» (Ajustes del sitio) elige dos colores. El color principal se aplica a botones, enlaces, elementos activos o bajo el cursor, la pregunta abierta y las líneas de acento. El segundo color es el fondo del menú superior, el pie de página, la banda de preguntas frecuentes y la banda de título de las páginas interiores. El texto y el logotipo encima se eligen automáticamente: logotipo claro y texto blanco sobre fondo oscuro, logotipo oscuro y texto oscuro sobre fondo claro.
• Logotipo, favicon e imágenes: los dos logotipos y el favicon se suben en «Site Ayarları» (Ajustes del sitio). En la página «Görseller» (Imágenes) cambia la imagen de la banda de preguntas frecuentes y la imagen de fondo de la banda de título de las páginas interiores.
• Datos de contacto y redes sociales: introduce teléfono, correo, dirección y horario, y sus enlaces de Facebook, Twitter, Instagram, YouTube, LinkedIn, TikTok y WhatsApp. Aparecen en la página de contacto y en el pie de página del sitio; solo se muestran los que rellene.
• Texto y firma del pie de página: el campo «Footer Hakkımızda Yazısı» (Texto del pie de página) de la página «Hakkımızda» (Quiénes somos) aparece en el pie de página como breve presentación bajo el logotipo. Puede cambiar o quitar la línea «TiklaWeb tarafından geliştirildi» (Desarrollado por TiklaWeb) al final del sitio.

Móvil y buscadores

• Adaptado al móvil: el sitio se adapta a pantallas de teléfono, tableta y ordenador; en pantallas pequeñas el menú se convierte en un menú móvil que se abre al tocar, y al desplazarse aparece abajo a la derecha un botón «volver arriba».
• Título y descripción propios de cada página: cada página lleva su propio título («Página | Empresa»), su descripción y etiquetas para compartir en redes (Open Graph). En las páginas de producto, servicio, proyecto, blog y adicionales también puede introducir título, descripción y palabras clave en el panel. El título, la descripción y las palabras clave del sitio se introducen en «Site Ayarları» (Ajustes del sitio).

Panel de administración

• «Gösterge Paneli» (Resumen): el número de servicios, proyectos, productos, entradas y mensajes, y la lista de los diez últimos mensajes. En el menú lateral, el número de mensajes aparece en una insignia.
• «Mesajlar» (Mensajes): los mensajes del formulario de contacto, del botón «Teklif Al» y del cuadro «Bilgi al» (Solicitar información) se reúnen en una sola lista. La lista muestra nombre, teléfono, correo y fecha; en la ventana de detalles lee el mensaje y puede eliminar el registro.
• «Ürünler» (Productos): añade un producto con nombre, precio, descuento, tres imágenes, estado de publicación, descripción corta, texto detallado enriquecido y campos SEO; lo edita o lo elimina desde la lista, que muestra precio y estado de publicación.
• Gestión de contenidos: en «Slider», «Hizmetler» (Servicios), «Projeler» (Proyectos, con categorías), «Blog», «Sayfalar» (Páginas, con títulos de menú), «Takım» (Equipo), «Müşteri Yorumları» (Opiniones de clientes), «Referanslar» (Referencias), «Sıkça Sorulan Sorular» (Preguntas frecuentes) y «Hakkımızda» (Quiénes somos) añade, edita y elimina contenidos. En los campos de texto enriquecido se usa el editor Summernote.
• Menú e imágenes: «Menü Düzeni» (Estructura del menú), «Menü İsimleri» (Nombres del menú), «Başlıklar ve yazılar» (Títulos y textos) y «Görseller» (Imágenes) gestionan el menú, los títulos de las secciones y dos imágenes del sitio.
• «E-posta Ayarları» (Ajustes de correo): introduce el servidor SMTP, el puerto, el cifrado, la cuenta de correo, la contraseña y la dirección de notificación; una vez activada la notificación, funcionan los correos del formulario de contacto, de las solicitudes de presupuesto y de «Bilgi al».
• «Site Ayarları» (Ajustes del sitio) y «İletişim Bilgileri» (Datos de contacto): «Site Ayarları» contiene el título del sitio, las palabras clave, la descripción, la línea de copyright, los dos colores, la página KVKK, el idioma del sitio, el idioma del panel, los logotipos y el favicon. «İletişim Bilgileri» es una página aparte: teléfono, correo, dirección, enlaces de redes sociales, horario y código del mapa.
• Usuarios y permisos: añade cuentas de administrador, editor y solo lectura. El editor gestiona las secciones de contenido; «Kullanıcılar ve Yetkiler» (Usuarios y permisos), «Site Ayarları» (Ajustes del sitio), «İletişim Bilgileri» (Datos de contacto), «E-posta Ayarları» (Ajustes de correo) y «Opsiyonel Kodlar» (Códigos opcionales) solo están abiertos al administrador. Los permisos se comprueban en el servidor.
• He olvidado mi contraseña: el enlace de la página de acceso del panel restablece la contraseña por correo (si «E-posta Ayarları» (Ajustes de correo) está configurado). El enlace es válido durante 1 hora y se puede usar una sola vez.
• «Opsiyonel Kodlar» (Códigos opcionales): añade su propio código (por ejemplo un script de estadísticas) en la parte superior (head) y al final del sitio. Este campo solo está abierto al administrador.

Instalación y actualización

• Asistente de instalación en cinco pasos: requisitos, licencia, base de datos, datos del sitio y del administrador, finalización. El asistente comprueba por sí mismo su servidor.
• Idioma de la instalación: en el asistente se elige turco o inglés arriba a la derecha. En una instalación en inglés, el contenido inicial y el de ejemplo también vienen en inglés.
• Instalación con contenido de ejemplo o vacía: empieza con un sitio relleno como la demo y lo edita, o introduce sus contenidos desde cero. La lista de mensajes empieza vacía en ambos casos.
• Actualización desde el panel: descargue el paquete zip de la nueva versión desde su área de cliente de tiklaweb.net y cárguelo en la página «Güncelleme ve Lisans» (Actualización y licencia) del panel de administración. Antes se hace una copia de seguridad de archivos y base de datos. Si se produce un error, el sitio vuelve a su estado anterior. Sus imágenes, ajustes y contenidos se conservan.
• Paquetes verificados: se comprueba la firma del paquete de actualización; solo se instalan paquetes descargados de tiklaweb.net.

Una guía de instalación detallada se incluye en el paquete descargado como archivo KURULUM.html (redactada en turco).

Licencia

Cada licencia es para un único nombre de dominio, el que usted indica al hacer el pedido. El nombre de dominio no se puede cambiar después de la instalación; el cambio de extensión del mismo dominio (por ejemplo, .net a .com) es de pago y se gestiona mediante una solicitud de soporte. La licencia no se transfiere de forma gratuita. En un dominio sin licencia el sitio no se abre y el visitante es redirigido a una página de aviso de licencia. Para usarlo en otro dominio se necesita una licencia aparte.

Características técnicas

• PHP 8.2 o superior, MySQL o MariaDB
• Framework: CodeIgniter 4. Sitio: Bootstrap 4, Swiper, Font Awesome Free 6 y jQuery; las fuentes (Lora, Open Sans) están en el paquete y no se llama a ningún servicio externo de fuentes. Panel: Bootstrap 4 y el editor de contenido Summernote
• El envío de correo se realiza con PHPMailer 6.9; la contraseña SMTP se guarda cifrada. Un envío de formulario se guarda primero en la base de datos; si el servidor lo admite, el correo se envía una vez que el visitante ha recibido la respuesta
• Los textos de la interfaz se guardan en los archivos de idioma del paquete (turco e inglés incluidos, se puede añadir un idioma nuevo)
• Token de formulario firmado y campo trampa oculto en los formularios del sitio, verificación CSRF en las acciones del panel; límite de intentos en el acceso al panel, el restablecimiento de contraseña, el formulario de contacto y el cuadro «Bilgi al» (Solicitar información)
• El tipo de las imágenes subidas desde el panel se verifica a partir del contenido (JPG, PNG, WebP; 8 MB como máximo) y, si la extensión GD está activa, se convierten a WebP; en la carpeta de subidas no se ejecuta PHP
• Los campos de texto enriquecido del panel se filtran en el servidor al guardar (HTMLPurifier); el panel de administración envía una cabecera de política de seguridad de contenido (CSP); las contraseñas de los administradores se guardan con hash
• La zona de mapa solo acepta direcciones de inserción de Google Maps y OpenStreetMap
• Los datos de la base de datos y las copias de seguridad se guardan, si su hosting lo permite, en una carpeta fuera de la raíz web
• Cabeceras de seguridad, HSTS en HTTPS; zona horaria Europe/Istanbul
• Antes de la venta se realizó una auditoría de seguridad compuesta por revisión del código y pruebas de ataque en vivo

Demo

Explore el sitio y el panel de administración en la demo de solo lectura. La demo está instalada en turco; en el panel de administración puede cambiar el idioma del panel a inglés con el icono del globo de arriba a la derecha (la elección solo se guarda en su navegador). El nombre de la empresa, las personas, las opiniones, los productos, los precios, los proyectos y los servicios de la demo son ejemplos. En el panel de la demo verá dos registros de ejemplo en la lista «Mesajlar» (Mensajes). Los enlaces a redes sociales y el mapa están vacíos en la demo; en cuanto los rellene en el panel, aparecen en el sitio.

• Sitio: https://013.tiklaweb.net
• Panel de administración: https://013.tiklaweb.net/panel
• Correo de la demo: demo@tiklaweb.net
• Contraseña de la demo: demo1234

En la demo no se pueden guardar cambios; el formulario de contacto, «Teklif Al» (Obtener presupuesto) y el cuadro «Bilgi al» (Solicitar información) no guardan registros ni envían correos. La demo se restablece cada noche. Las páginas sensibles, como los ajustes de correo y los usuarios, no se pueden ver en el modo demo, y «He olvidado mi contraseña» está desactivado en la demo. Estos datos de acceso son solo para el sitio de demostración. En la instalación que compre, usted define la cuenta de administrador.

Soporte

Si se atasca, abra un ticket de soporte desde su área de cliente de tiklaweb.net o escriba a destek@tiklaweb.net.