Script de sitio web para agencia corporativa y consultoría

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 (servicios, proyectos, páginas, entradas del blog, etc.) no se traducen; permanecen en el idioma en que los escribe. Los avisos de los formularios y los formatos de fecha siguen el idioma del sitio elegido; el correo de notificación del formulario de contacto se redacta 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 agencias de publicidad y marketing, empresas de consultoría, empresas de estrategia y formación, consultores independientes y agencias que crean sitios para estos negocios. En su propio dominio, el sitio describe sus servicios, muestra los proyectos que ha completado, presenta a su equipo y sus referencias, y transmite confianza al visitante con entradas de blog y catálogos PDF. Un visitante interesado le escribe con el formulario de contacto; el mensaje queda listado en su panel.

No necesita saber programar. La instalación la realiza el asistente en el navegador y usted introduce los contenidos en el panel de administración.

Funciones del sitio

Página de inicio

• Carrusel de bienvenida: hasta 10 diapositivas. Cada diapositiva tiene un texto pequeño superior, un título, un subtítulo, un botón opcional y una imagen. En el enlace del botón escribe una dirección interna del sitio (por ejemplo, hizmetler) o una dirección completa. Con más de una diapositiva, las imágenes cambian solas; en dispositivos configurados para reducir el movimiento, no cambian automáticamente. Una diapositiva sin imagen no se muestra.
• Tres cuadros destacados: debajo del carrusel, tres cuadros con un título y un texto corto. Un cuadro cuyo título deje vacío no aparece.
• Resumen de «Hakkımızda» (Quiénes somos): imagen, título, el comienzo de su texto de «Hakkımızda», un texto de firma y un botón que lleva a la página «Hakkımızda».
• Carrusel de servicios: hasta 12 servicios; cada cuadro muestra un icono, el nombre del servicio y una descripción corta.
• Contadores: cuatro contadores (por ejemplo, 150+ proyectos completados). Usted introduce el valor y el texto; cuando la página aparece en pantalla, las cifras se muestran contando. Un contador cuyo valor deje vacío no aparece.
• Opiniones de clientes y logotipos de referencias: las últimas 12 opiniones aparecen en un carrusel, y los logotipos de referencias que sube, en una franja. Una sección sin registros no se dibuja en la página de inicio.
• Banda de mensaje y últimas entradas: una banda «Mesaj Gönder» (Enviar mensaje) que lleva a la página de contacto y las tres últimas entradas del blog.

Servicios y proyectos

• Servicios: para cada servicio introduce un nombre, un icono, una descripción corta, una descripción detallada, una imagen y un orden. El icono se elige en el panel de una lista predefinida (selección de iconos de Font Awesome). Los servicios se listan como tarjetas en la página de servicios y también aparecen como lista desplegable en el menú. Cada servicio tiene su propia página, una lista lateral de los demás servicios y un cuadro «Bilgi Alın» (Solicite información) que lleva a la página de contacto. Los servicios no tienen campo de precio.
• Proyectos: para cada proyecto introduce un nombre, un nombre de cliente opcional, una descripción corta, un texto de detalle, una imagen y un orden. Los proyectos se listan como tarjetas en la página de proyectos; cada proyecto tiene su propia página y una lista lateral de los demás proyectos.

Páginas corporativas

• «Hakkımızda» (Quiénes somos): título de la página, texto, misión, visión, texto de firma e imagen. Una parte de misión o visión que deje vacía no aparece. La página incluye también el carrusel de servicios y los contadores.
• Equipo: introduce nombre y apellidos, cargo y foto; el equipo se muestra como tarjetas en la página «Hakkımızda». Un miembro con estado «Taslak» (Borrador) no aparece.
• Logotipos de referencias: introduce el nombre de la empresa, una dirección web opcional y un logotipo. Los registros con logotipo subido aparecen en la página de inicio y en la página «Hakkımızda». Suba únicamente logotipos cuyo uso esté autorizado.
• Opiniones de clientes: introduce nombre y apellidos, cargo o empresa, opinión y una foto opcional. Publique las opiniones solo con el consentimiento de quienes las escriben.
• Preguntas frecuentes: introduce preguntas y respuestas en el panel; la respuesta se abre cuando el visitante hace clic en la pregunta. En cuanto existe al menos una pregunta, su enlace aparece en el menú, bajo «Kurumsal» (Corporativo).
• Páginas adicionales: añade desde el panel todas las páginas que quiera (por ejemplo, política de privacidad, principios de trabajo). Para cada página elige si se muestra en el menú superior (bajo «Kurumsal» (Corporativo)) y en la parte inferior del sitio.

Blog, galería y catálogos

• Blog: entradas con título, estado («Yayında» (Publicado) o «Taslak» (Borrador)), descripción corta, imagen y texto enriquecido. Las entradas se paginan de 9 en 9; la página de una entrada incluye una lista lateral de las últimas entradas. Una entrada con estado «Taslak» (Borrador) no aparece en el sitio.
• Galería: introduce un título de imagen, la imagen y un orden. Al hacer clic, la imagen se amplía; funcionan los botones anterior y siguiente, las teclas de flecha, el gesto de deslizar en el teléfono, el botón de cierre y la tecla Esc.
• Catálogos y documentos (PDF): en el panel sube archivos PDF como un catálogo de servicios, una presentación corporativa o información de precios (como máximo 10 MB por archivo). Para cada documento se introduce un texto de enlace y un orden. Se listan en la página «Kataloglar» (Catálogos) con el botón «PDF indir» (Descargar PDF); al hacer clic, el visitante descarga el archivo en PDF.

Contacto

• Formulario de contacto: campos de nombre y apellidos, correo, teléfono, asunto del mensaje y contenido del mensaje (todos obligatorios) y casilla de consentimiento KVKK. Los mensajes recibidos se listan en la sección «Mesajlar» (Mensajes) del panel.
• Página de contacto: cuadros de información con dirección, correo y teléfono, y un mapa (código de inserción de Google Maps u OpenStreetMap). Los datos y el mapa que deje vacíos no aparecen en el sitio.
• Correo de mensaje: una vez configurados los «E-posta ayarları» (Ajustes de correo) y activadas las notificaciones, cada mensaje de contacto le llega también por correo. Cuando responde al correo, la respuesta va a la dirección del visitante.
• Casilla de consentimiento KVKK: obligatoria en el formulario de contacto. 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 el panel; el mismo enlace aparece también en la parte inferior del sitio. El texto que viene con el contenido de ejemplo es solo un ejemplo; usted debe preparar su propio aviso de privacidad.

Aspecto, móviles y buscadores

• Color: en el panel elige dos colores. El color principal se aplica a los botones, al acento del menú y a los elementos activos; el color oscuro, al pie de página, a las secciones oscuras y a los títulos. El texto sobre el color principal pasa automáticamente a oscuro o a blanco según lo claro u oscuro que sea el color.
• Logotipo, icono del sitio y banda de título: sube su logotipo y el icono del sitio (favicon); si no hay logotipo, el nombre de la empresa aparece como texto. Puede subir una imagen para la banda de título que va en la parte superior de las páginas interiores; si no la sube, la banda aparece con su color oscuro.
• Barra superior y pie de página: la barra superior incluye teléfono, correo e iconos de redes sociales, y la cabecera lleva un botón «Bize Ulaşın» (Contáctenos). El pie de página muestra su breve texto de presentación, sus datos de contacto, enlaces, la lista de servicios y la línea de derechos de autor.
• Redes sociales: sus enlaces de Facebook, X (Twitter), Instagram, LinkedIn y YouTube aparecen como iconos; un icono que no introduzca no se dibuja. Si introduce su número de WhatsApp, aparece un icono de WhatsApp en la cabecera.
• Activar o desactivar secciones: desde una sola página activa o desactiva las secciones Servicios, Proyectos, Blog, Galería, Catálogos y documentos, Preguntas frecuentes, Equipo, Opiniones de clientes y Logotipos de referencias. Una sección desactivada desaparece del menú y de la página de inicio, y su dirección deja de abrirse. El enlace de menú de una sección sin registros tampoco aparece.
• Adaptado a móviles: en pantallas pequeñas el menú se convierte en un menú móvil desplegable; el diseño de la página se ajusta al ancho de la pantalla.
• 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 las etiquetas para compartir en redes sociales (Open Graph). En las páginas de servicio, proyecto y entrada del blog, la imagen para compartir se toma de la propia imagen del contenido. El título, la descripción y las palabras clave del sitio se introducen en «Site ayarları» (Ajustes del sitio).
• Firma del pie de página: puede cambiar o quitar la línea «TiklaWeb tarafından geliştirildi» (Desarrollado por TiklaWeb) al final del sitio.
• Página 404: para una dirección que no existe, una sección desactivada o una entrada no publicada se muestra una página de error con un botón para volver a la página de inicio.

Panel de administración

• «Özet» (Resumen): el número de mensajes sin leer, proyectos, servicios y entradas del blog publicadas, además de los últimos proyectos añadidos y los últimos mensajes. El menú lateral muestra el número de mensajes sin leer como una insignia.
• Servicios, proyectos y blog: añade, edita y elimina registros. Las listas tienen búsqueda y ordenación.
• Páginas, galería y catálogos: gestiona las páginas adicionales, las imágenes de la galería y los documentos PDF.
• «Mesajlar» (Mensajes): lee y elimina los mensajes que llegan del formulario de contacto, con nombre, correo, teléfono, asunto, fecha, momento del consentimiento KVKK y texto; los mensajes sin leer aparecen marcados.
• Gestión de contenidos: «Ana sayfa kaydırıcısı» (Carrusel de la página de inicio), «Ana sayfa kutuları ve sayaçlar» (Cuadros y contadores de la página de inicio), «Hakkımızda» (Quiénes somos), «Ekip üyeleri» (Miembros del equipo), «Referanslar» (Referencias), «Yorumlar» (Opiniones), «Sık sorulan sorular» (Preguntas frecuentes), «Site görselleri» (Imágenes del sitio), «Sosyal medya bağlantıları» (Enlaces de redes sociales) y «Bölümleri aç/kapat» (Activar o desactivar secciones). En los campos de texto enriquecido se usa el editor Summernote.
• Ajustes de correo: en cuanto introduce sus datos SMTP y activa las notificaciones, funciona el correo del formulario de contacto. Los ajustes se prueban con el botón «Deneme e-postası gönder» (Enviar correo de prueba).
• «Site ayarları» (Ajustes del sitio): título del sitio, nombre de la empresa, descripción y palabras clave, teléfono, número de WhatsApp, correo, dirección, breve texto de presentación que se muestra en el pie de página, línea de derechos de autor, color principal, color oscuro, página del aviso KVKK, mapa, logotipo, icono del sitio, idioma del sitio e idioma del panel.
• Usuarios y permisos: añade cuentas de administrador y de editor. El editor gestiona las secciones de contenido y los mensajes; «Site ayarları» (Ajustes del sitio), «E-posta ayarları» (Ajustes de correo) y «Kullanıcılar» (Usuarios) solo están abiertos al administrador. Los permisos se comprueban en el servidor. Cada usuario cambia su propio nombre y contraseña en la página «Profil ve şifre» (Perfil y contraseña).
• 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.
• Código propio: en «Site ayarları» (Ajustes del sitio) añade su propio código (por ejemplo, un script de estadísticas) en la parte superior e inferior del sitio. Estos campos solo están abiertos 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.
• Contenido de ejemplo o instalación vacía: empiece con el sitio lleno como la demo y edítelo, o introduzca 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 súbalo 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 los archivos y de la base de datos. Si se produce un error, el sitio vuelve a su estado anterior. Sus imágenes y documentos PDF subidos, 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. La guía incluye las reglas que vienen preparadas para Apache y LiteSpeed y las reglas que debe añadir para Nginx e IIS.

Licencia

Cada licencia es para un único nombre de dominio, el que usted indica al hacer el pedido. El cambio de dominio 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
• Estructura: PHP (PDO), enrutador propio y plantillas Twig 3. Las direcciones de las páginas son legibles (por ejemplo, /hizmetler/3-strateji-danismanligi); para ello el servidor necesita reescritura de direcciones. En Apache y LiteSpeed lo hace el archivo .htaccess incluido en el paquete; las reglas para Nginx e IIS están en el archivo KURULUM.html
• Sitio: estilos de Bootstrap 5, Swiper y Font Awesome Free 6; las fuentes Jost y Nunito Sans vienen con el paquete y no se cargan desde un servidor externo. Panel: DataTables 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, campo trampa oculto y límite de 8 envíos por IP en 10 minutos en el formulario de contacto; verificación CSRF en las acciones del panel; bloqueo temporal tras 5 intentos fallidos en 15 minutos en el acceso al panel, y la sesión se cierra tras 2 horas de inactividad
• 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
• Un documento PDF solo se acepta si lleva la firma PDF y una marca de fin de archivo (como máximo 10 MB). No se puede acceder directamente a la carpeta de documentos; el archivo se descarga como adjunto a través del sitio
• 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
• 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, arriba a la derecha. El nombre de la empresa de la demo (Örnek Ajans), los servicios, los proyectos, el equipo, los logotipos de referencias, las opiniones y los catálogos PDF son ejemplos. En la lista «Mesajlar» (Mensajes) del panel de la demo verá algunos registros de ejemplo. WhatsApp, los enlaces de redes sociales y el mapa están vacíos en la demo; cuando los rellene en el panel, aparecerán en el sitio.

• Sitio: https://024.tiklaweb.net
• Panel de administración: https://024.tiklaweb.net/admin/
• 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 no guarda registros ni envía correos. La demo se restablece cada noche. Las páginas sensibles, como los ajustes de correo, los usuarios y los formularios de contraseña, no se pueden ver en 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.