Script de sitio web para agencia digital

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 digitales, estudios de diseño web y software, agencias de marketing y redes sociales, empresas de marca y publicidad, diseñadores y desarrolladores independientes y agencias que crean sitios web para estos negocios. En su propio dominio describe sus servicios, muestra los proyectos realizados agrupados por categoría, presenta a su equipo y sus referencias, y genera confianza en los visitantes con entradas del blog y catálogos en PDF. Un visitante interesado le escribe con el formulario de contacto o con el botón «Teklif İste» (Solicitar presupuesto) de una página de servicio; el mensaje aparece en su panel.

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

Página de inicio

• Zona de bienvenida: una línea pequeña superior, un título principal, una descripción y un botón opcional se introducen en el panel; en el enlace del botón escribe una dirección interna del sitio (por ejemplo projeler) o una dirección completa. Junto a ella aparece siempre un botón «Teklif Alın» (Pedir presupuesto) que lleva a la página de contacto. Si no sube una imagen de bienvenida, se muestran formas decorativas dibujadas en la página. Si deja vacío el título principal, el nombre de la empresa pasa a ser el título.
• Tres recuadros destacados: tres recuadros formados por un título y un texto breve, situados debajo de la zona de bienvenida. Un recuadro cuyo título deja vacío no aparece.
• Servicios: los 12 primeros servicios aparecen en una lista numerada con nombre y descripción breve; a la izquierda están el comienzo de su texto «Hakkımızda» (Quiénes somos) y un botón «Tüm Hizmetler» (Todos los servicios).
• 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.
• Proyectos: los seis primeros proyectos aparecen como tarjetas con imagen, etiqueta de categoría, nombre y nombre del cliente; el botón «Tüm Projeler» (Todos los proyectos) lleva a la página de proyectos.
• Opiniones de clientes, logotipos de referencias y últimas entradas: las últimas 12 opiniones aparecen en un carrusel, los logotipos de referencias que sube en una franja y las últimas tres entradas del blog como tarjetas. Una sección sin registros no se dibuja en absoluto en la página de inicio.
• Banda de llamada: introduce un título y un texto breve; junto a ellos aparece un botón «Teklif Alın» (Pedir presupuesto). La banda aparece al final de la página de inicio y de las páginas «Hizmetler» (Servicios), «Projeler» (Proyectos) y «Hakkımızda» (Quiénes somos); si deja vacío el título, no aparece en absoluto.

Servicios y proyectos

• Servicios: para cada servicio introduce un nombre, una descripción breve, una descripción detallada, una imagen y un orden. Los servicios se listan como lista numerada en la página de servicios y aparecen también como lista desplegable en el menú (hasta 12). Cada servicio tiene su propia página (imagen y descripción detallada) y una lista lateral de los demás servicios. Los servicios no tienen campo de precio.
• Solicitar presupuesto: en la página del servicio aparece un botón «Teklif İste» (Solicitar presupuesto). El botón abre el formulario de contacto con el campo de asunto ya rellenado con el nombre del servicio; el visitante puede cambiar el asunto.
• Proyectos: para cada proyecto introduce un nombre, una categoría, opcionalmente el nombre del cliente, una descripción breve, un texto detallado, una imagen y un orden. Los proyectos se listan como tarjetas en la página de proyectos; cada proyecto tiene su propia página con su categoría y los datos del cliente, y una lista lateral de los demás proyectos (hasta 8).
• Categorías de proyectos: añade las categorías en el panel (por ejemplo Diseño web, Identidad de marca). En la parte superior de la página de proyectos aparecen el botón «Tümü» (Todos) y los botones de las categorías que tienen proyectos; cuando el visitante pulsa una categoría, quedan solo los proyectos de esa categoría. Si elimina una categoría, sus proyectos quedan sin categoría.

Páginas corporativas

• «Hakkımızda» (Quiénes somos): título de la página, texto, misión, visión, línea de firma e imagen. Una parte de misión o visión que deja vacía no aparece. La página incluye además los contadores, las tarjetas del equipo y los logotipos de referencias.
• 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, correo, teléfono, asunto y mensaje (todos obligatorios) y casilla de consentimiento KVKK. Los mensajes recibidos aparecen 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, los acentos y los elementos activos; el color de fondo se aplica al fondo de la página. Se recomienda un color oscuro para el fondo; si elige un color claro, el sitio pasa automáticamente al tema claro. El color del texto se elige automáticamente, oscuro o claro, según el fondo y el color principal.
• Logotipo, icono del sitio y franja 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 franja de título de la parte superior de las páginas interiores; si no la sube, la franja aparece sin imagen.
• Cabecera y pie: la cabecera contiene el logotipo, el menú y el botón «Teklif Alın» (Pedir presupuesto). El pie muestra su texto breve de presentación, los iconos de redes sociales, sus datos de contacto, enlaces, los seis primeros servicios y la línea de derechos de autor. Los datos que no introduce no se dibujan.
• 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, categorías de 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.
• Contenido del sitio: «Ana sayfa girişi, kutular ve sayaçlar» (Introducción, cuadros y contadores de la página de inicio) (con la zona de bienvenida y la banda de llamada), «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, el texto breve de presentación que se muestra en el pie, línea de derechos de autor, color principal, color de fondo, página 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, /projeler/3-ornek-proje); 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: Swiper y Font Awesome Free 6; la fuente Kanit viene con el paquete y no se carga 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://026.tiklaweb.net
• Panel de administración: https://026.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.