Script corporativo con escaparate de productos

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 y distribuidores que quieren exhibir sus productos sin montar una tienda con carrito y recibir solicitudes de presupuesto de los visitantes, y para las agencias que les crean el sitio. En su propio dominio presenta sus productos, servicios, proyectos, equipo, opiniones de clientes, preguntas frecuentes y artículos. La página de cada producto tiene un botón «Teklif İste» (Solicitar presupuesto); el botón abre el formulario de contacto con el nombre del producto. En el sitio no hay carrito ni pago en línea: el visitante examina el producto y pide un presupuesto.

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

Funciones del sitio

Escaparate de productos y «Teklif İste»

• Escaparate de productos: en la página «Ürünler» (Productos) cada producto aparece en una tarjeta con imagen, nombre, descripción breve y precio. La lista se ordena con el producto más reciente primero. El nombre del menú es por defecto «Ürünler» (Productos); lo cambia por su propia palabra en la página «Menü İsimleri» (Nombres del menú).
• Página de producto: cada producto tiene su propia página. Sube hasta tres imágenes; al hacer clic en una miniatura, cambia la imagen grande. La página muestra el nombre, el precio, la descripción breve, las etiquetas y la descripción del producto con texto enriquecido. Debajo se muestran tres de los demás productos.
• Precio y descuento: el precio se introduce en liras turcas. 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 rebajado aparece junto al precio anterior tachado.
• «Teklif İste» (Solicitar presupuesto): la tarjeta y la página de cada producto llevan el botón «Teklif İste». El botón abre la página de contacto; el nombre del producto se muestra en el formulario y el mensaje viene con el texto previo «… ürünü için teklif almak istiyorum.» (Quisiera recibir un presupuesto para este producto). El visitante puede cambiar ese texto, añadir su nombre, correo y teléfono, y enviarlo. El mensaje llega a la lista «Mesajlar» (Mensajes) del panel. Si «İletişim» (Contacto) está desactivado en «Menü Düzeni» (Estructura del menú), los botones «Teklif İste» no se muestran.
• Productos en la página de inicio: los seis productos más recientes en los que haya marcado la opción «Ana sayfada gösterilsin mi?» (¿Mostrar en la página de inicio?) aparecen en la página de inicio. Si tiene más productos, aparece el enlace «Tüm Ürünler» (Todos los productos).
• 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, se quitan los enlaces del menú y de la parte inferior del sitio, la sección de productos de la página de inicio y las páginas de producto; las direcciones de «Ürünler» (Productos) muestran «página no encontrada» (404).
• Ajuste de buscadores por producto: para cada producto puede introducir el título SEO, la descripción y las palabras clave; si los deja vacíos, el título se toma del nombre del producto y la descripción, de su descripción breve o de su texto detallado. Las palabras clave se muestran como etiquetas en la página del producto. La imagen al compartir es la primera imagen del producto.

Página de inicio y páginas interiores

• Zona principal con varias diapositivas: añade diapositivas en «Slider». Para cada diapositiva introduce tres líneas de texto; el texto del botón, su enlace y la imagen son opcionales (el botón solo aparece si el texto y el enlace están rellenados). La imagen de la diapositiva pasa a ser el fondo de la zona principal. El enlace del botón puede apuntar a una página del propio sitio (por ejemplo, urunler) o a una dirección externa. Se muestran como máximo diez diapositivas. Con más de una diapositiva, la zona principal cambia con un fundido, abajo aparecen puntos y las diapositivas rotan solas; en dispositivos con la opción de reducir movimiento activada, el cambio automático está desactivado. Si no añade ninguna diapositiva, se muestran el título y la descripción del sitio.
• Página de inicio: zona principal, resumen de «Hakkımızda» (Quiénes somos), contadores, servicios, productos, proyectos, equipo, logotipos de referencias, opiniones de clientes y las últimas tres entradas del blog, por ese orden. Una sección sin registros no aparece.
• Contadores: en «Kilometre Taşı» (Hitos) introduce un título, un número y un icono que elige de una lista preparada (26 iconos, como proyecto, cliente, empleado, premio, edificio, mundo o asistencia). En la página de inicio los números suben desde cero cuando entran en pantalla; en dispositivos con la opción de reducir movimiento activada aparecen directamente. Un contador con el número 0 no se muestra.
• Servicios: para cada servicio introduce un nombre, una imagen, una descripción breve y un texto detallado con formato; hay opciones para publicarlo y para mostrarlo en el menú superior. En la página de inicio los seis primeros servicios aparecen como tarjetas y, si hay más, aparece el enlace «Tümünü Gör» (Ver todo); la página «Hizmetler» (Servicios) los lista todos. Cada servicio tiene su propia página; los que usted elija aparecen como lista desplegable en el menú superior.
• Escaparate de proyectos con filtro: agrupa sus proyectos en categorías y los publica con nombre, imagen y un texto detallado con formato. Los botones de categoría de la página «Projeler» (Proyectos) filtran la lista según la categoría sin recargar la página. En la página de inicio se muestran como máximo diez proyectos como tarjetas con imagen, junto con los botones de categoría; cada proyecto tiene su propia página.
• «Hakkımızda» (Quiénes somos): título y texto enriquecido; debajo van la lista «Öne Çıkanlar» (Puntos fuertes), el equipo, las preguntas frecuentes y las últimas entradas. El texto resumen, el título y la imagen de la página de inicio son campos distintos.
• «Öne Çıkanlar» (Puntos fuertes): introduce sus puntos fuertes con títulos breves. Aparecen en la página «Hakkımızda» (Quiénes somos) como una lista con marcas de verificación; si no introduce ningún registro, la lista no aparece.
• Preguntas frecuentes: introduce las preguntas y las respuestas en el panel. Aparecen en la página «Hakkımızda» (Quiénes somos) como lista desplegable; la primera pregunta viene abierta y, al hacer clic en otra, se abre su respuesta. Si no introduce ninguna pregunta, la sección no aparece.
• Equipo: presenta a los miembros de su equipo con nombre y apellidos, cargo y foto. El equipo se muestra en la página de inicio (ocho personas como máximo), en «Hakkımızda» (Quiénes somos), en «Blog» y en las páginas de cada servicio y de cada proyecto; un miembro no publicado no aparece.
• Opiniones de clientes: introduce nombre y apellidos, cargo, opinión y, opcionalmente, una foto. Las opiniones se muestran en un carrusel en la página de inicio; en pantalla ancha se ven dos opiniones y en pantalla estrecha, una.
• Referencias: la franja de logotipos formada por nombres y logotipos de referencias aparece en la página de inicio y se desplaza lentamente; en dispositivos con la opción de reducir movimiento activada, el desplazamiento está desactivado.
• Blog: publica artículos con título, imagen, texto breve y texto enriquecido. El nombre del autor es opcional. La fecha en que se añade el artículo se guarda automáticamente y se muestra con un formato como «hace 3 días». La lista se ordena con el artículo más reciente primero; los últimos tres artículos se muestran en la página de inicio y al final de la mayoría de las páginas interiores. Un artículo no publicado no aparece en el sitio.
• Páginas adicionales: añade desde el panel tantas páginas como quiera (por ejemplo, el aviso de privacidad KVKK o una página de empleo). En «Menüler» (Menús) crea un encabezado de menú y muestra la página debajo, en el menú superior, como lista desplegable; si lo desea, también la añade a la lista «Hızlı Menü» (Menú rápido) de la parte inferior del sitio.

Formularios y contacto

• Página de contacto: formulario con los campos nombre y apellidos, correo electrónico, teléfono y mensaje, todos obligatorios. La página incluye además la lista de dirección, teléfono, correo y horario, y, si lo desea, una imagen junto al formulario y un mapa (código de inserción de Google Maps u OpenStreetMap); los datos, la imagen y el mapa que deje vacíos no aparecen.
• Cuadro «Bilgi al» (Solicitar información): está en el pie del sitio, en todas las páginas. El visitante escribe solo un correo electrónico y marca el consentimiento KVKK; el registro llega a la lista «Mesajlar» (Mensajes) del panel.
• Correo electrónico para usted: al configurar «E-posta Ayarları» (Ajustes de correo) y activar la notificación, los mensajes del formulario de contacto, de «Teklif İste» (Solicitar presupuesto) y del cuadro «Bilgi al» (Solicitar información) 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 se listan en el 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 privacidad lleva a la página que elija en «Site Ayarları» (Ajustes del sitio); el mismo enlace aparece también en el «Hızlı Menü» (Menú rápido) del pie. El texto que viene con el contenido de ejemplo es solo un ejemplo; debe preparar su propio aviso de privacidad.

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), «Ürünler» (Productos), «Hizmetler» (Servicios), «Projeler» (Proyectos), «Blog» e «İletişim» (Contacto). En la página «Menü Düzeni» (Estructura del menú) activa o desactiva uno a uno estos elementos. Una sección desactivada desaparece del menú superior y del menú rápido del pie del sitio, y sus páginas muestran «página no encontrada» (404); las secciones de servicios, productos, proyectos y blog de la página de inicio tampoco se muestran. «Ek Sayfalar» (Páginas adicionales) solo se muestra u oculta en el menú superior y sus páginas siguen siempre abiertas; así no se corta el acceso a páginas como el aviso de privacidad KVKK. Si los nombres del menú se alargan y no caben en 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 de las secciones de la página de inicio, los de la banda de contadores, del equipo, de las opiniones, del blog, de las preguntas frecuentes y del formulario de contacto, y el título «Bilgi al» (Solicitar información) del pie del sitio; cada campo indica dónde aparece en el sitio. Algunos títulos que deje vacíos no se muestran en el sitio.
• Logotipo, favicon e imagen: el logotipo oscuro se usa en el menú superior y el claro en el pie del sitio; el favicon aparece en la pestaña del navegador. En la página «Görseller» (Imágenes) cambia la imagen de la página de contacto.
• Color: el color principal de «Site Ayarları» (Ajustes del sitio) se aplica a botones, enlaces, menú y elementos activos.
• Datos de contacto y redes sociales: introduce su teléfono, correo, dirección y horario, y sus enlaces de Facebook, Twitter, Instagram, YouTube, LinkedIn, TikTok y WhatsApp. El teléfono, el correo y el horario aparecen en la barra delgada de la parte superior de la página (en tableta y ordenador) y en la página de contacto; los enlaces de redes sociales, en esa barra y en el pie del sitio. Solo se muestran los que rellene.
• Firma del pie de página: puede cambiar o quitar la frase «TiklaWeb tarafından geliştirildi» (Desarrollado por TiklaWeb) al final del sitio.

Móviles y buscadores

• Adaptado a móviles: el sitio se adapta a pantallas de móvil, tableta y ordenador; en pantallas pequeñas el menú se convierte en un menú móvil que se abre al tocarlo.
• 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 sus etiquetas para compartir en redes (Open Graph). En productos, servicios, proyectos, entradas del blog y páginas adicionales puede introducir además el título, la descripción y las palabras clave en el panel; en productos, servicios, proyectos y entradas, la imagen al compartir es la del propio contenido. 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, entradas y mensajes, y la lista de los diez últimos mensajes. El menú lateral muestra el número de mensajes en una insignia.
• «Mesajlar» (Mensajes): los mensajes del formulario de contacto, del botón «Teklif İste» (Solicitar presupuesto) y del cuadro «Bilgi al» (Solicitar información) se reúnen en una sola lista. Nombre, teléfono, correo y fecha figuran en la lista; en la ventana de detalles lee el mensaje y puede borrar el registro.
• «Ürünler» (Productos): añade productos con nombre, precio, descuento, tres imágenes, estado de publicación, opción de mostrarlos en la página de inicio, descripción breve, descripción detallada con texto enriquecido y campos SEO; los edita o borra desde la lista.
• Gestión de contenidos: añade, edita y borra contenidos en «Slider», «Hizmetler» (Servicios), «Projeler» (Proyectos, con categorías), «Blog», «Sayfalar» (Páginas, con encabezados de menú), «Takım» (Equipo), «Öne Çıkanlar» (Puntos fuertes), «Kilometre Taşı» (Hitos), «Müşteri Yorumları» (Opiniones de clientes), «Referanslar» (Referencias), «Sıkça Sorulan Sorular» (Preguntas frecuentes) y «Hakkımızda» (Quiénes somos). En los campos de texto enriquecido se usa el editor Summernote.
• «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; al activar la notificación, funcionan los correos del formulario de contacto, de «Teklif İste» (Solicitar presupuesto) y del cuadro «Bilgi al» (Solicitar información).
• «Site Ayarları» (Ajustes del sitio) y «İletişim Bilgileri» (Datos de contacto): «Site Ayarları» reúne el título del sitio, las palabras clave, la descripción, la línea de copyright, la elección de color, 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 a redes sociales, horario y código del mapa.
• Usuarios y permisos: añade cuentas con permisos 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 al panel restablece la contraseña por correo (si «E-posta Ayarları» (Ajustes de correo) está configurado). El enlace de restablecimiento 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 5 (solo la hoja de estilos), Swiper, Font Awesome Free 6 y jQuery; las fuentes (Jost, Roboto) 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, los servicios y los valores de los contadores 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://012.tiklaweb.net
• Panel de administración: https://012.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 İste» (Solicitar 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.