Script de sitio web para salón de belleza con pago en línea

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, productos, 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; los correos de notificación que recibe usted 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 salones de belleza, estudios de cuidado de la piel, manicura, pedicura, pestañas y maquillaje, centros de cuidado y agencias que crean sitios web para estos negocios. En su propio dominio describe sus servicios, presenta a su equipo experto y muestra su lista de precios y sus paquetes. Si lo desea, cobra en línea un paquete o producto directamente desde el sitio. Un visitante rellena el formulario de solicitud de cita; la solicitud aparece en su panel y usted llama al visitante para acordar la hora.

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

• Carrusel de bienvenida: hasta 10 diapositivas. Cada diapositiva tiene una línea pequeña superior, un título, un subtítulo, un botón opcional y una imagen; además, cada diapositiva lleva un enlace «Randevu Talebi Oluştur» (Crear solicitud de cita). En el enlace del botón escribe una dirección interna del sitio (por ejemplo hizmetler) o una dirección completa. Si hay más de una diapositiva, las imágenes cambian solas; en dispositivos con la reducción de movimiento activada 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 presentación: una imagen, el nombre de la empresa, el comienzo de su texto «Hakkımızda» (Quiénes somos), una lista con los nombres de los seis primeros servicios, los contadores y un botón que lleva a la página «Hakkımızda» (Quiénes somos).
• Contadores: cuatro contadores (por ejemplo 150+). Usted introduce el valor y el texto; cuando la página entra en pantalla, las cifras aparecen contando. Un contador cuyo valor deja vacío no aparece.
• Servicios: los seis primeros servicios aparecen como tarjetas con icono, imagen, nombre y descripción breve; el botón «Tüm Hizmetler» (Todos los servicios) lleva a la página de servicios.
• Precios: hasta seis de los productos y paquetes publicados aparecen como tarjetas con etiqueta de categoría, nombre, descripción breve y precio; el botón «Tüm Fiyatlar» (Todos los precios) lleva a la lista de precios.
• Banda de llamada: introduce un título y un texto breve, y su número de teléfono aparece automáticamente junto al texto. Si deja el título vacío, la banda no aparece.
• Sección de solicitud de cita: el formulario de solicitud de cita también está en la página de inicio. Si sube una imagen, aparece junto al formulario con su número de teléfono y un botón que lleva a la página de contacto.
• Equipo experto, opiniones de clientes y últimas entradas: hasta 12 miembros del equipo y las últimas 12 opiniones aparecen en carruseles, 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.

Solicitud de cita y contacto

• Formulario de solicitud de cita: está en la página de inicio y en la página «Randevu Talebi» (Solicitud de cita). Nombre, correo y teléfono son obligatorios. El servicio (entre los servicios guardados en el panel), el día preferido (desde hoy hasta 12 meses como máximo), el momento preferido (mañana, tarde, noche) y una nota son opcionales. El formulario incluye una casilla obligatoria de consentimiento KVKK. KVKK es la ley turca de protección de datos personales. Debajo del formulario se informa al visitante de que la cita queda confirmada cuando su salón se pone en contacto y aprueba la hora.
• Solicitudes en el panel: las solicitudes recibidas aparecen en la sección «Randevu ve mesajlar» (Solicitudes de cita y mensajes), que solo ve el administrador. Si configura los «E-posta ayarları» (Ajustes de correo) y activa las notificaciones, cada solicitud le llega también por correo, y al responder al correo la respuesta va a la dirección del visitante.
• Formulario de contacto: campos de nombre, correo, teléfono, título del mensaje y texto del mensaje (todos obligatorios) y casilla de consentimiento KVKK. Los mensajes recibidos aparecen en la misma sección.
• Página de contacto: recuadros de información con dirección, teléfono, correo y horario, y un mapa (código para insertar de Google Maps u OpenStreetMap). Los datos y el mapa que deja vacíos no aparecen en el sitio.
• Casilla de consentimiento KVKK: obligatoria en los formularios de solicitud de cita, de contacto y de pago. El enlace del aviso de privacidad lleva a la página que elija en el panel; el mismo enlace aparece también en el pie del sitio. El texto que viene con el contenido de ejemplo es solo un ejemplo; como los datos de los clientes son datos personales, debe redactar su propio aviso de privacidad, con asesoramiento jurídico si lo necesita.

Servicios, equipo y opiniones

• Servicios: para cada servicio introduce un nombre, un icono, una descripción breve, una descripción detallada, una imagen y un orden. El icono lo elige en el panel de una lista preparada de 12 iconos adecuados para cuidado, cabello, uñas, maquillaje y piel. Los servicios se listan como tarjetas en la página de servicios y aparecen también como lista desplegable en el menú. Cada servicio tiene su propia página, una lista lateral de los demás servicios y un recuadro que lleva al formulario de solicitud de cita.
• Equipo experto: introduce nombre, título, foto, estado y orden. El equipo se muestra como tarjetas en la página «Uzman Ekibimiz» (Nuestro equipo experto), en un carrusel de la página de inicio y en la página «Hakkımızda» (Quiénes somos). Un miembro sin foto muestra un icono de persona. Un miembro con estado «Taslak» (Borrador) no aparece.
• Opiniones de clientes: introduce nombre, el servicio recibido (opcional), la opinión y una foto opcional. Las opiniones aparecen en un carrusel de la página de inicio y en la página «Hakkımızda» (Quiénes somos). Publique las opiniones solo con el consentimiento de quienes las escribieron.

Lista de precios y pago en línea

• Lista de precios: en el panel añade categorías de precios y, dentro de cada una, productos o paquetes. Para cada producto introduce un nombre, una categoría, un precio (TL), un estado (Publicado o Borrador), un orden, una descripción breve, una descripción detallada y una imagen. Bajo «Fiyatlar» (Precios) en el menú las categorías aparecen como lista desplegable; la página de precios tiene pestañas de categoría y tarjetas agrupadas por categoría. Cada producto tiene su propia página con imagen, precio, detalles, un botón de solicitud de cita y una lista lateral de otros productos. Un producto en estado Borrador no aparece en el sitio.
• Pago en línea de un solo producto: no hay carrito; un visitante paga un producto o paquete. El botón «Online Öde» (Pagar en línea) de una página de producto aparece solo cuando la sección «Fiyatlar ve online ödeme» (Precios y pago en línea) está activada, el ajuste de pago en línea está activado, los datos de al menos un proveedor de pago están introducidos por completo, el producto está publicado y su precio está entre 1 TL y 99.999,99 TL. En la página de pago el visitante elige un método de pago e introduce nombre, correo, teléfono, dirección de facturación y una nota; la casilla de consentimiento KVKK es obligatoria.
• Proveedores de pago: se admiten PayTR (pago con tarjeta; los datos de pago se introducen en la propia página de pago de PayTR) y Paywant (canales de tarjeta de crédito, transferencia y pago móvil); puede activar uno o ambos. Los pagos se cobran en su propia cuenta del proveedor de pago; la cuenta, la comisión y el contrato son entre usted y el proveedor. En Paywant elige si la comisión la paga usted o el visitante. Los datos de la tarjeta no se guardan en este sitio.
• Ajustes de pago: en la página «Online ödeme ayarları» (Ajustes de pago en línea), abierta solo al administrador, introduce los datos de tienda y de API de cada proveedor y elige el modo (Prueba o Real). La página escribe, según la dirección de su sitio, las direcciones de notificación que define en los paneles de los proveedores (distintas para PayTR y Paywant). Mientras el pago en línea esté activado y el modo sea Prueba, aparece un aviso en la parte superior de las páginas de resumen, ajustes de pago y pedidos para recordarle que ponga el modo en Real al salir en vivo; el asunto del correo de los pedidos de prueba empieza por [TEST]. Las claves secretas se guardan cifradas y no se vuelven a escribir en el formulario tras guardar.
• Consentimiento a las condiciones de venta: si añade en «Sayfalar» (Páginas) una página de condiciones de venta y devoluciones y la selecciona en los ajustes de pago, el formulario de pago muestra, junto al consentimiento KVKK, una casilla de consentimiento obligatoria para ella. El texto lo redacta usted.
• Pedidos: al enviar el formulario de pago se crea un registro de pedido. En la sección «Siparişler» (Pedidos) del panel, que solo ve el administrador, se listan fecha, código, producto, importe, método, cliente y estado («Beklemede» (Pendiente), «Ödendi» (Pagado), «Başarısız» (Fallido)); el detalle muestra los datos del cliente, la fecha de pago, el número de pago del proveedor y la hora del consentimiento KVKK. Los pagos de prueba llevan la etiqueta «Test».
• Confirmación del pago: un pedido pasa a «Ödendi» (Pagado) solo mediante la notificación del proveedor de pago cuya firma se verifica; el estado no se puede cambiar a mano en el panel. El importe se calcula siempre a partir del precio que escribió en el panel. La repetición de la misma notificación no cuenta el pedido como pagado dos veces. Cuando llega un pago, el visitante recibe un correo «Pago recibido» y usted recibe un correo de notificación (si los ajustes de correo están configurados).

Páginas corporativas, blog y galería

• «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 las tarjetas del equipo, los contadores y las opiniones de clientes.
• 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).
• Catálogos (PDF): desde el panel sube archivos PDF como un catálogo o una lista de precios (como máximo 10 MB por archivo). Para cada catálogo introduce un texto de enlace y un orden. Se listan en la página «Kataloglar» (Catálogos) con un botón «PDF indir» (Descargar PDF); al hacer clic el visitante, el archivo se descarga como PDF.
• Páginas adicionales: desde el panel añade tantas páginas como quiera (por ejemplo una política de privacidad, el aviso de privacidad KVKK, condiciones de venta y devoluciones). Para cada página elige si se muestra en el menú superior (bajo «Kurumsal» (Corporativo)) y en el pie del sitio.
• 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.

Aspecto, móvil y buscadores

• Color: en el panel elige dos colores. El color principal se aplica al menú, los botones y los elementos activos; el color de acento se aplica a los subtítulos y adornos. El fondo oscuro del pie y del título de página se deriva del color principal. El texto sobre los colores se vuelve oscuro o blanco automáticamente, según el color sea claro u oscuro.
• Logotipo, icono del sitio e imágenes: sube su logotipo y el icono del sitio (favicon); si no hay logotipo, el nombre de la empresa aparece como texto. Puede subir imágenes para la franja de título de la parte superior de las páginas interiores y para la sección de cita de la página de inicio; si no sube imagen para la franja, esta aparece en color oscuro.
• Barra superior, cabecera y pie: la barra superior muestra la dirección, el correo y los iconos de redes sociales; la cabecera muestra el teléfono, el horario y un enlace de WhatsApp, y el menú tiene un botón «Randevu Talebi» (Solicitud de cita). El pie muestra su texto breve de presentación, enlaces, los seis primeros servicios, sus datos de contacto 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, Equipo experto, Blog, Galería, Catálogos, Preguntas frecuentes, Opiniones de clientes y Precios y pago en línea. Una sección desactivada desaparece del menú y de la página de inicio, y la dirección de su página tampoco se abre. 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 (Open Graph). En las páginas de servicios, productos y entradas del blog, la imagen para compartir se toma de la imagen del propio elemento. Las páginas de pago y de pedido están cerradas a los buscadores. 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 solicitudes y mensajes sin leer, de solicitudes de cita, de servicios, de productos publicados, de pedidos pagados (los pagos de prueba no cuentan) y de entradas de blog publicadas, además de las cinco últimas solicitudes de cita y los cinco últimos mensajes. El menú lateral muestra el número de registros sin leer como insignia.
• «Randevu ve mesajlar» (Solicitudes de cita y mensajes): el administrador ve las solicitudes de cita y los mensajes de contacto en una sola lista y los distingue por tipo. Una solicitud muestra nombre, correo, teléfono, servicio deseado, día y momento preferidos, momento del consentimiento KVKK y nota; un mensaje muestra asunto y texto. Los registros sin leer aparecen marcados y puede eliminarlos. Una cuenta de editor ve solo los mensajes de contacto.
• Servicios, productos 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 catálogos PDF.
• «Siparişler» (Pedidos): lista los pedidos de pago en línea, lee sus detalles y los elimina (solo administrador).
• Contenido del sitio: «Ana sayfa kaydırıcısı» (Carrusel de la página de inicio), «Ana sayfa kutuları, çağrı bandı ve sayaçlar» (Cuadros, banda de llamada y contadores de la página de inicio), «Hakkımızda» (Quiénes somos), «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.
• «Online ödeme ayarları» (Ajustes de pago en línea): los datos de los proveedores de pago, el modo Prueba o En vivo, la página de condiciones de venta y las direcciones de notificación (solo administrador).
• Ajustes de correo: en cuanto introduce sus datos SMTP y activa las notificaciones, funcionan los correos de solicitud de cita, de contacto y de pago. Prueba los ajustes 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, horario, dirección, el texto breve de presentación que se muestra en el pie, línea de derechos de autor, color principal, color de acento, 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 de contacto; las solicitudes de cita, «Siparişler» (Pedidos), «Online ödeme ayarları» (Ajustes de pago en línea), «Site ayarları» (Ajustes del sitio), «E-posta ayarları» (Ajustes de correo) y «Kullanıcılar» (Usuarios) están abiertos solo al administrador. Los permisos se comprueban en el servidor. Cada usuario cambia su nombre y su 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. Las listas de solicitudes de cita, mensajes y pedidos empiezan vacías en ambos casos; las claves de los proveedores de pago vienen vacías en el paquete.
• 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.

Con el paquete que descarga viene una guía de instalación detallada, el archivo KURULUM.html. La guía contiene las reglas que ya vienen listas para Apache y LiteSpeed, las reglas que debe añadir para Nginx e IIS y la activación paso a paso del pago en línea.

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-ornek-hizmet); 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 Montserrat y Niconne 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 los formularios de solicitud de cita, de contacto y de pago; en una solicitud de cita el nombre del servicio solo se acepta entre los nombres guardados en el panel
• Pago en línea: el importe se determina en el servidor solo a partir del precio del producto en la base de datos y no se toma ningún precio del visitante; el código del pedido se genera de forma aleatoria; la conexión con el proveedor de pago se hace desde el servidor con verificación SSL; un pedido solo se da por pagado mediante una notificación cuya firma se verifica, y la repetición de la misma notificación no tiene efecto; las claves de los proveedores de pago se guardan cifradas y están vacías en el paquete
• 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 Güzellik Salonu» (Salón de belleza de ejemplo)), los servicios, los productos y precios, el equipo, las opiniones, las imágenes de la galería y los catálogos PDF son ejemplos. En las listas «Randevu ve mesajlar» (Solicitudes de cita y mensajes) y «Siparişler» (Pedidos) del panel de la demo verá algunos registros de ejemplo. En la demo el botón de pago en línea y el formulario de pago son visibles en las páginas de producto, pero no se inicia ningún pago. 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://027.tiklaweb.net
• Panel de administración: https://027.tiklaweb.net/admin/
• Correo de la demo: demo@tiklaweb.net
• Contraseña de la demo: demo1234

En la demo no se pueden guardar cambios; los formularios de solicitud de cita y de contacto no guardan registros ni envían correos. La demo se restablece cada noche. Las páginas sensibles, como los ajustes de correo, «Online ödeme ayarları» (Ajustes de pago en línea), los usuarios y los formularios de contraseña, no se pueden ver en el modo demo, y «Olvidé 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 adquiera, 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.