Script de site para centro de beleza com solicitação de agendamento

Nota sobre o idioma

A interface do site e do painel administrativo está disponível em turco e inglês. Você escolhe o idioma do site e o do painel separadamente em “Site ayarları” (Configurações do site); o idioma do painel também pode ser trocado pelo ícone de globo, no canto superior direito do painel.

Novos idiomas podem ser adicionados: copie o arquivo en.php da pasta dil do pacote e traduza-o (os passos estão em dil/OKUBENI.txt). O idioma adicionado aparece automaticamente nas listas de idioma das configurações do site, e as atualizações não mexem nos seus arquivos de idioma. Textos não traduzidos aparecem em inglês; se você preferir, podem ser exibidos em turco.

O conteúdo que você publica (serviços, páginas, posts do blog etc.) não é traduzido; ele permanece no idioma em que você o escreve. Os avisos dos formulários e os formatos de data seguem o idioma do site escolhido; os e-mails de notificação da solicitação de agendamento e do formulário de contato são escritos no idioma do painel.

Quando esta página cita uma seção do painel ou do site, o nome aparece como na interface em turco, entre aspas, seguido da tradução entre parênteses; na interface em inglês, essas seções aparecem com o nome em inglês.

Para quem é

Feito para centros de beleza, cabeleireiros, salões de cuidados com cabelo, pele e unhas, e para as agências que criam sites para eles. No seu próprio domínio, você apresenta seus serviços e sua equipe de especialistas, mostra imagens do seu centro e informa os visitantes com posts do blog e documentos em PDF. O visitante preenche o formulário de solicitação de agendamento do site; a solicitação aparece no seu painel e você liga para o visitante para combinar o horário em conjunto. O formulário apenas recebe solicitações: um agendamento confirmado, um calendário e o pagamento online não fazem parte do site.

Você não precisa saber programar. O assistente no navegador faz a instalação e você insere o conteúdo no painel administrativo.

Recursos do site

Página inicial

• Carrossel de boas-vindas: até 6 slides. Cada slide tem uma linha pequena superior, um título, um subtítulo, um botão opcional e uma imagem; todo slide também traz um link “Randevu Talebi” (Solicitação de agendamento). No link do botão, você informa um endereço interno do site (por exemplo hizmetler) ou um endereço completo. Havendo mais de um slide, as imagens mudam sozinhas com uma transição suave; em dispositivos com a redução de movimento ativada, a troca é um simples deslize e não é automática. Um slide sem imagem não é exibido; se não houver nenhum, aparecem o nome da empresa e um botão “Randevu Talebi” (Solicitação de agendamento).
• Três caixas de destaque: três caixas formadas por um título e um texto curto, abaixo do carrossel. Os ícones são prontos; uma caixa cujo título você deixa vazio não aparece.
• Seção de apresentação: uma imagem, um título, o início do seu texto “Hakkımızda” (Sobre nós), uma lista com os nomes dos seis primeiros serviços e um botão que leva à página “Hakkımızda” (Sobre nós).
• Serviços: os seis primeiros serviços aparecem como cartões com ícone, imagem, nome, descrição curta e, se você os informou, uma nota de preço e a duração; o botão “Tüm Hizmetler” (Todos os serviços) leva à página de serviços.
• Contadores: quatro contadores (por exemplo 150+). Você mesmo informa o valor e o texto; quando a página entra na tela, os números aparecem contando. Um contador cujo valor você deixa vazio não aparece.
• Seção de solicitação de agendamento: o formulário de solicitação de agendamento também fica na página inicial; se você enviar uma imagem, ela aparece ao lado do formulário.
• Equipe de especialistas: na página inicial, os quatro primeiros membros da equipe aparecem como cartões; o botão “Tüm Ekip” (Toda a equipe) leva à página “Uzmanlarımız” (Nossos especialistas).
• Depoimentos de clientes: os últimos 12 depoimentos aparecem em um carrossel.
• Últimos posts: os três últimos posts do blog aparecem como cartões. Uma seção sem registros não é desenhada na página inicial.
• Faixa de chamada: você informa um título e um texto curto; a faixa aparece no fim da página inicial e da página “Hakkımızda” (Sobre nós) com um botão “Randevu Talebi” (Solicitação de agendamento). Se você deixar o título vazio, a faixa não aparece.

Solicitação de agendamento e contato

• Formulário de solicitação de agendamento: fica na página inicial e na página “Randevu Talebi” (Solicitação de agendamento). Nome, e-mail e telefone são obrigatórios. O serviço (entre os serviços cadastrados no painel), o dia preferido (hoje ou uma data posterior, no máximo daqui a 12 meses), o período preferido (manhã, tarde, noite) e uma observação são opcionais. O formulário tem uma caixa obrigatória de consentimento da KVKK. A KVKK é a lei turca de proteção de dados pessoais. O botão “Randevu Talebi” (Solicitação de agendamento) de cada página de serviço abre o formulário com aquele serviço selecionado. Abaixo do formulário, o visitante é informado de que o agendamento é confirmado quando o seu centro entra em contato e aprova o horário.
• Solicitações no painel: as solicitações recebidas são listadas na seção “Randevu ve mesajlar” (Solicitações de agendamento e mensagens) do painel, que só o administrador vê. Se você configurar as “E-posta ayarları” (Configurações de e-mail) e ativar as notificações, cada solicitação também chega a você por e-mail, e ao responder ao e-mail, a resposta vai para o endereço do visitante.
• Formulário de contato: campos de nome, e-mail, telefone, título da mensagem e texto da mensagem (todos obrigatórios) e caixa de consentimento da KVKK. As mensagens recebidas são listadas na mesma seção.
• Página de contato: caixas de informação com endereço, e-mail, telefone e horário de funcionamento, e um mapa (código de incorporação do Google Maps ou do OpenStreetMap). As informações e o mapa que você deixar vazios não aparecem no site.
• Caixa de consentimento da KVKK: obrigatória na solicitação de agendamento e no formulário de contato. O link do aviso de privacidade leva à página que você escolher no painel; o mesmo link também aparece no rodapé do site. O texto que acompanha o conteúdo de exemplo é apenas um exemplo; como os dados dos clientes são dados pessoais, você precisa preparar o seu próprio aviso de privacidade, com assessoria jurídica se necessário.

Serviços, equipe de especialistas e depoimentos

• Serviços: para cada serviço, você informa nome, ícone, descrição curta, descrição detalhada, imagem e ordem; opcionalmente pode acrescentar uma nota de preço (texto livre, então também dá para escrever algo como “a partir de”) e uma duração. Você escolhe o ícone no painel em uma lista pronta de 26 ícones de cabelo, pele, unhas, maquiagem e spa. Os serviços são listados como cartões na página de serviços e também aparecem como lista suspensa no menu. Cada serviço tem a sua própria página, uma lista lateral dos outros serviços e uma caixa de solicitação de agendamento. Preço e duração não aparecem se você os deixar vazios.
• Equipe de especialistas: você informa nome, cargo, área de especialidade (opcional), foto, situação e ordem. A equipe é exibida como cartões na página “Uzmanlarımız” (Nossos especialistas) do menu “Institucional”, na página inicial e na página “Hakkımızda” (Sobre nós). Um membro sem foto recebe um ícone de pessoa. Um membro com a situação “Taslak” (Rascunho) não aparece.
• Depoimentos de clientes: você informa nome, o serviço recebido (opcional), o depoimento e uma foto opcional. Os depoimentos aparecem em um carrossel na página inicial; um depoimento sem foto mostra a primeira letra do nome. Publique depoimentos somente com o consentimento de quem os escreveu.

Páginas institucionais, blog e galeria

• “Hakkımızda” (Sobre nós): título da página, texto, missão, visão, linha de assinatura e uma imagem. A parte de missão ou visão que você deixar vazia não aparece. A página também traz os contadores, os cartões da equipe e a faixa de chamada.
• Perguntas frequentes: você insere perguntas e respostas pelo painel; a resposta se abre quando o visitante clica na pergunta. Assim que existe ao menos uma pergunta, o link dela aparece no menu, em “Kurumsal” (Institucional).
• Documentos (PDF): no painel, você envia arquivos PDF, como uma ficha informativa de serviços e preços (no máximo 10 MB por arquivo). Para cada documento, você informa um texto de link e uma ordem. Eles são listados na página “Belgeler” (Documentos) com um botão “PDF indir” (Baixar PDF); quando o visitante clica, o arquivo é baixado como PDF.
• Páginas adicionais: no painel, você adiciona quantas páginas quiser (por exemplo uma política de privacidade ou o aviso de privacidade da KVKK). Para cada página, você escolhe se ela é exibida no menu superior (em “Kurumsal” (Institucional)) e no rodapé do site.
• Blog: posts com título, status (“Yayında” (Publicado) ou “Taslak” (Rascunho)), descrição curta, imagem e texto formatado. Os posts são paginados de 9 em 9; a página do post traz uma lista lateral dos posts mais recentes. Um post com status “Taslak” (Rascunho) não aparece no site.
• Galeria: você informa título da imagem, imagem e ordem. Ao clicar, a imagem é ampliada; funcionam os botões anterior e seguinte, as setas do teclado, o gesto de deslizar no celular, o botão de fechar e a tecla Esc.

Aparência, celular e mecanismos de busca

• Cor: no painel, você escolhe duas cores. A cor principal é aplicada aos botões, aos destaques e aos itens ativos; a cor de fundo é aplicada ao fundo das páginas. Recomenda-se um fundo claro; se você escolher um escuro, o site passa para um tema escuro. O texto sobre a cor principal e sobre o fundo fica automaticamente escuro ou branco, conforme a cor seja clara ou escura.
• Logotipo, ícone do site e imagens: você envia seu logotipo e o ícone do seu site (favicon); se não houver logotipo, o nome da empresa aparece como texto. O mesmo logotipo é usado no menu superior e no rodapé, por isso ele deve combinar com a cor de fundo (logotipo escuro sobre fundo claro, logotipo claro ou transparente sobre fundo escuro). Você pode enviar imagens para a faixa de título no topo das páginas internas e para a seção de agendamento da página inicial; se você não enviar imagem para a faixa de título, aparece uma faixa de cor lisa.
• Barra superior, menu e rodapé: a barra superior mostra o telefone, o e-mail, o horário de funcionamento e os ícones de redes sociais; o menu tem um botão “Randevu Talebi” (Solicitação de agendamento) e, se você informou, um ícone do WhatsApp. O rodapé mostra o seu texto curto de apresentação, seus dados de contato (endereço, telefone, e-mail, horário de funcionamento), links, os seis primeiros serviços e a linha de direitos autorais. As informações que você não preencher não são desenhadas.
• Redes sociais: seus links do Facebook, X (Twitter), Instagram, LinkedIn e YouTube aparecem como ícones; um ícone que você não preencher não é desenhado. Se você informar seu número do WhatsApp, um ícone do WhatsApp aparece no menu.
• Ativar/desativar seções: em uma única página, você ativa ou desativa as seções Serviços, Equipe de especialistas, Blog, Galeria, Documentos, Perguntas frequentes e Depoimentos de clientes. Uma seção desativada some do menu e da página inicial, e o endereço da sua página também não abre. O link de menu de uma seção sem registros também não aparece.
• Adaptado ao celular: em telas pequenas, o menu se transforma em um menu móvel que abre ao toque; o layout da página se ajusta à largura da tela.
• Título e descrição próprios de cada página: cada página tem o seu próprio título (“Página | Empresa”), descrição e tags de compartilhamento em redes sociais (Open Graph). Nas páginas de serviço e de post do blog, a imagem de compartilhamento vem da imagem do próprio item. Você informa o título, a descrição e as palavras-chave do site em “Site ayarları” (Configurações do site).
• Assinatura do rodapé: você pode alterar ou remover a linha “TiklaWeb tarafından geliştirildi” (Desenvolvido pela TiklaWeb) no final do site.
• Página 404: para um endereço inexistente, uma seção desativada e um post não publicado, é exibida uma página de erro com um botão de volta à página inicial.

Painel administrativo

• “Özet” (Resumo): para o administrador, o número de solicitações e mensagens não lidas, de solicitações de agendamento, de serviços e de posts de blog publicados, além das cinco últimas solicitações de agendamento e das cinco últimas mensagens. O menu lateral mostra o número de registros não lidos como um selo.
• “Randevu ve mesajlar” (Solicitações de agendamento e mensagens): o administrador vê as solicitações de agendamento e as mensagens de contato em uma só lista e as distingue pelo tipo. Uma solicitação mostra nome, e-mail, telefone, serviço solicitado, o dia e o período preferidos, o horário do consentimento da KVKK e a observação; uma mensagem mostra o assunto e o texto. Os registros não lidos ficam marcados e você pode excluí-los. Uma conta de editor vê apenas as mensagens de contato.
• Serviços, equipe de especialistas e blog: você adiciona, edita e exclui registros. As listas têm busca e ordenação.
• Páginas, galeria e documentos: você gerencia as páginas adicionais, as imagens da galeria e os documentos em PDF.
• Conteúdo do site: “Ana sayfa kaydırıcısı” (Carrossel da página inicial), “Ana sayfa kutuları, çağrı bandı ve sayaçlar” (Caixas, faixa de chamada e contadores da página inicial), “Hakkımızda” (Sobre nós), “Yorumlar” (Depoimentos), “Sık sorulan sorular” (Perguntas frequentes), “Site görselleri” (Imagens do site), “Sosyal medya bağlantıları” (Links de redes sociais) e “Bölümleri aç/kapat” (Ativar/desativar seções). Nos campos de texto formatado, é usado o editor Summernote.
• Configurações de e-mail: quando você informa os dados do SMTP e ativa as notificações, os e-mails da solicitação de agendamento e do formulário de contato passam a funcionar. Você testa as configurações com o botão “Deneme e-postası gönder” (Enviar e-mail de teste).
• “Site ayarları” (Configurações do site): título do site, nome da empresa, descrição e palavras-chave, telefone, número do WhatsApp, e-mail, endereço, horário de funcionamento, o texto curto de apresentação exibido no rodapé, linha de direitos autorais, cor principal, cor de fundo, página da KVKK, mapa, logotipo, ícone do site, idioma do site e idioma do painel.
• Usuários e permissões: você adiciona contas de administrador e de editor. O editor gerencia as seções de conteúdo e as mensagens de contato; as solicitações de agendamento, “Site ayarları” (Configurações do site), “E-posta ayarları” (Configurações de e-mail) e “Kullanıcılar” (Usuários) ficam abertos apenas ao administrador. As permissões são verificadas no servidor. Cada usuário altera o próprio nome e a própria senha na página “Profil ve şifre” (Perfil e senha).
• Esqueci minha senha: o link da página de login do painel redefine a senha por e-mail (se “E-posta ayarları” (Configurações de e-mail) estiver configurado). O link de redefinição vale por 1 hora e pode ser usado uma vez.
• Código personalizado: em “Site ayarları” (Configurações do site), você adiciona seu próprio código (por exemplo, um script de estatísticas) no topo e no final do site. Esses campos ficam abertos apenas ao administrador.

Instalação e atualização

• Assistente de instalação em cinco passos: requisitos, licença, banco de dados, dados do site e do administrador, conclusão. O assistente verifica o seu servidor por conta própria.
• Idioma da instalação: no assistente, escolha turco ou inglês no canto superior direito. Em uma instalação em inglês, o conteúdo inicial e o de exemplo também vêm em inglês.
• Conteúdo de exemplo ou instalação vazia: você começa com o site preenchido como a demonstração e edita a partir dele, ou insere o seu conteúdo do zero. A lista de solicitações de agendamento e mensagens começa vazia nos dois casos.
• Atualização pelo painel: baixe o pacote zip da nova versão na sua área de cliente do tiklaweb.net e envie-o na página “Güncelleme ve lisans” (Atualização e licença) do painel administrativo. Antes, é feito backup dos arquivos e do banco de dados. Se ocorrer um erro, o site volta ao estado anterior. Suas imagens e documentos PDF enviados, configurações e conteúdo são mantidos.
• Pacotes verificados: a assinatura do pacote de atualização é verificada; só são instalados pacotes baixados de tiklaweb.net.

Um guia de instalação detalhado acompanha o pacote baixado como o arquivo KURULUM.html (em turco). O guia traz as regras que já vêm prontas para Apache e LiteSpeed e as regras que você precisa adicionar para Nginx e IIS.

Licença

Cada licença vale para um único nome de domínio, o que você informa ao fazer o pedido. A alteração do domínio é paga e feita por meio de uma solicitação de suporte. A licença não é transferida gratuitamente. Em um domínio sem licença o site não abre e o visitante é redirecionado para uma página de aviso de licença. Para usá-lo em outro domínio, é necessária uma licença separada.

Especificações técnicas

• PHP 8.2 ou superior, MySQL ou MariaDB
• Estrutura: PHP (PDO), roteador próprio e templates Twig 3. Os endereços das páginas são legíveis (por exemplo, /hizmetler/3-fon-ve-sekillendirme); para isso, o servidor precisa de reescrita de endereços. No Apache e no LiteSpeed, o arquivo .htaccess que vem no pacote faz isso; para Nginx e IIS, as regras estão no arquivo KURULUM.html
• Site: Swiper e Font Awesome Free 6; as fontes Josefin Sans e Open Sans vêm no pacote e não são carregadas de um servidor externo. Painel: DataTables e o editor de conteúdo Summernote
• O envio de e-mail é feito com PHPMailer 6.9; a senha do SMTP é armazenada criptografada. O envio de um formulário é gravado primeiro no banco de dados; se o servidor permitir, o e-mail é enviado depois que o visitante recebe a resposta
• Os textos da interface ficam nos arquivos de idioma do pacote (turco e inglês incluídos, é possível adicionar um novo idioma)
• Token de formulário assinado, campo isca oculto e limite de 8 envios por IP em 10 minutos na solicitação de agendamento e no formulário de contato; em uma solicitação de agendamento, o serviço só é aceito entre os nomes salvos no painel, a data é verificada no servidor e não é possível escolher um dia passado
• Verificação CSRF nas ações do painel; bloqueio temporário após 5 tentativas malsucedidas em 15 minutos no login do painel, e a sessão é encerrada após 2 horas de inatividade
• As solicitações de agendamento contêm dados pessoais; por isso, no painel, apenas a conta de administrador as vê, lê e exclui; elas não são exibidas a uma conta de editor
• O tipo das imagens enviadas pelo painel é verificado pelo conteúdo (JPG, PNG, WebP; no máximo 8 MB) e, se a extensão GD estiver ativa, elas são convertidas para WebP; na pasta de uploads o PHP não é executado
• Um documento PDF só é aceito se tiver a assinatura PDF e um marcador de fim de arquivo (no máximo 10 MB). A pasta de documentos não pode ser acessada diretamente; o arquivo é baixado como anexo por meio do site
• Os campos de texto formatado do painel são filtrados no servidor ao salvar (HTMLPurifier); o painel administrativo envia um cabeçalho de política de segurança de conteúdo (CSP); as senhas dos administradores são armazenadas com hash
• A área de mapa aceita apenas endereços de incorporação do Google Maps e do OpenStreetMap
• Os dados do banco de dados e os backups ficam, se a sua hospedagem permitir, em uma pasta fora da raiz web
• Antes da venda foi realizada uma auditoria de segurança composta por revisão de código e testes de ataque ao vivo

Demonstração

Explore o site e o painel administrativo na demonstração somente leitura. A demonstração está instalada em turco; no painel administrativo, você pode mudar o idioma do painel para inglês com o ícone de globo no canto superior direito. O nome do centro (“Örnek Güzellik Merkezi” (Centro de beleza de exemplo)), os serviços, os dados de preço e duração, a equipe, os depoimentos de clientes, as imagens da galeria e os documentos em PDF da demonstração são exemplos. No painel da demonstração, você vê alguns registros de exemplo na lista “Randevu ve mesajlar” (Solicitações de agendamento e mensagens). WhatsApp, links de redes sociais e mapa ficam vazios na demonstração; ao preenchê-los no painel, eles aparecem no site.

• Site: https://028.tiklaweb.net
• Painel administrativo: https://028.tiklaweb.net/admin/
• E-mail da demonstração: demo@tiklaweb.net
• Senha da demonstração: demo1234

Na demonstração, não é possível salvar alterações; a solicitação de agendamento e o formulário de contato não gravam registros nem enviam e-mails. A demonstração é reiniciada toda noite. Páginas sensíveis, como configurações de e-mail, usuários e formulários de senha, não podem ser vistas no modo de demonstração, e “Esqueci a senha” fica desativado nela. Estes dados de acesso valem apenas para o site de demonstração. Na instalação que você adquirir, você mesmo define a conta de administrador.

Suporte

Se tiver dificuldade, abra um chamado de suporte na sua área do cliente em tiklaweb.net ou escreva para destek@tiklaweb.net.