Script de site para serviço de reparo e manutenção de veículos (com formulário de solicitação de serviço)

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 de blog etc.) não é traduzido; ele fica 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 dos formulários de solicitação de serviço e 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 oficinas mecânicas, serviços automotivos, oficinas de manutenção e reparo e agências que criam sites para esses negócios. No seu próprio domínio, você descreve seus serviços, apresenta sua equipe e as empresas com as quais trabalha e mostra depoimentos de clientes e perguntas frequentes. O visitante preenche o formulário de solicitação de serviço, informando a marca e o modelo do veículo e, se quiser, o serviço e o dia e o horário que lhe convêm; a solicitação aparece no seu painel, e você liga para o visitante para acertar juntos o problema e o melhor momento. O formulário apenas coleta solicitações: agendamento confirmado, preço, prazo de reparo ou garantia não fazem parte do site, e a placa do veículo não é pedida.

Você não precisa saber programar. O assistente no navegador cuida da instalação, e você insere seu conteúdo no painel administrativo.

Recursos do site

Página inicial

• Carrossel de boas-vindas: até 6 slides. Cada slide tem uma pequena linha superior, um título, um subtítulo, um botão opcional e uma imagem; além disso, cada slide traz um link “Servis Talebi” (Solicitação de serviço). No link do botão, você escreve um endereço dentro do site (por exemplo hizmetler, servis) ou um endereço completo. Com mais de um slide, as imagens mudam sozinhas com uma transição suave; em dispositivos configurados para reduzir movimento, a troca é um deslize simples e não é automática. Um slide sem imagem não é mostrado; sem nenhum slide, aparecem o nome da empresa e um botão “Servis Talebi” (Solicitação de serviço).
• 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 Sobre nós: uma imagem, um título, o começo 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 o link “Ayrıntılı Bilgi” (Mais detalhes); o botão “Tüm Hizmetler” (Todos os serviços) leva à página “Hizmetler” (Serviços).
• Contadores: quatro contadores. Você insere o valor e o texto; quando a página entra na tela, os números aparecem contando para cima. Um contador cujo valor você deixa vazio não aparece.
• Seção de solicitação de serviço: à esquerda há uma descrição curta e à direita o formulário de solicitação de serviço; se você enviar uma imagem na página “Site görselleri” (Imagens do site), ela aparece abaixo da descrição.
• Logos de referências, depoimentos de clientes e últimos posts: os logos de referências que você envia aparecem em uma faixa (até 24), os 12 últimos depoimentos em um carrossel e os três últimos posts do blog como cartões. Uma seção sem entradas não é desenhada na página inicial.
• Faixa de chamada: você escreve um título e um texto curto; a faixa aparece com um botão “Servis Talebi” (Solicitação de serviço) no fim da página inicial e das páginas “Hizmetler” (Serviços) e “Hakkımızda” (Sobre nós). Se você deixar o título vazio, a faixa não aparece.

Solicitação de serviço, solicitações e contato

• Formulário de solicitação de serviço: na página inicial e na página “Servis Talebi” (Solicitação de serviço). Nome, e-mail, telefone e veículo são obrigatórios. No campo do veículo, você escreve a marca e o modelo (por exemplo Marca Modelo 2018); o campo é de texto livre, aceita de 2 a 60 caracteres e só permite letras, números, espaços e os caracteres . , / ( ) - ' ’ +. A placa não é pedida; uma indicação dentro do campo e abaixo do formulário diz para não escrevê-la. O serviço (entre os serviços salvos no painel), o dia preferido (hoje ou depois, com no máximo 12 meses de antecedência), o horário preferido (manhã, tarde, noite) e uma descrição do defeito de no máximo 500 caracteres são opcionais. O formulário tem uma caixa obrigatória de consentimento KVKK. KVKK é a lei turca de proteção de dados pessoais. O botão “Servis Talebi Oluştur” (Criar solicitação de serviço) de cada página de serviço abre o formulário com esse serviço selecionado. Abaixo do formulário, o visitante é informado de que se trata de uma solicitação de serviço, sem compromisso de agendamento confirmado, preço, prazo de reparo ou garantia, de que a equipe analisará as informações e entrará em contato, e de que o defeito e os dados do veículo serão acertados por telefone.
• Solicitações no painel: as solicitações de serviço recebidas são listadas na seção “Servis ve mesajlar” (Solicitações de serviço e mensagens) do painel, que só o administrador vê; uma nota acima da lista lembra que as solicitações não são agendamentos confirmados. 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 a sua resposta ao e-mail 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, um link para o formulário de solicitação de serviço e um mapa (código de incorporação do Google Maps ou OpenStreetMap). Dados e mapa que você deixar vazios não aparecem no site.
• Caixa de consentimento KVKK: obrigatória nos formulários de solicitação de serviço e de contato. O link do aviso de privacidade leva à página que você escolhe 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 de clientes e veículos são dados pessoais, você precisa preparar seu próprio aviso de privacidade, com assessoria jurídica se necessário.

Serviços, equipe, referências e depoimentos

• Serviços: para cada serviço, você escreve um nome, um ícone, uma descrição curta, uma descrição detalhada, uma imagem e uma ordem. O ícone é escolhido no painel em uma lista pronta de 24 ícones, como chave, troca de óleo, bateria, ar-condicionado, pintura e pneu. Os serviços são listados como cartões na página “Hizmetler” (Serviços) e também aparecem em uma lista suspensa no menu. Cada serviço tem sua própria página, uma lista lateral dos outros serviços e uma caixa de solicitação de serviço. Os serviços não têm campo de preço nem de duração; uma nota acima da lista lembra de não escrever promessas como preço, prazo de reparo ou garantia.
• Equipe: você escreve nome completo, cargo (por exemplo Responsável pela oficina), área de especialidade (opcional), foto, status e ordem. A equipe é mostrada como cartões na página “Hakkımızda” (Sobre nós); não há uma página de equipe separada. Um membro sem foto recebe um ícone de pessoa. Um membro cujo status é “Taslak” (Rascunho) não aparece. Escreva apenas cargos e áreas de especialidade que a pessoa realmente tenha.
• Logos de referências: você escreve um nome de empresa, um endereço web opcional e um logotipo. As entradas com logotipo enviado aparecem na página inicial e na página Sobre nós. Envie apenas logotipos que você tenha permissão de usar.
• Depoimentos de clientes: você escreve nome completo, o serviço recebido (opcional), o depoimento e uma foto opcional; os depoimentos aparecem em um carrossel na página inicial. Publique depoimentos apenas 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. Uma 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, os logos de referências 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): você envia pelo painel arquivos PDF como uma apresentação de serviços ou um documento informativo (no máximo 10 MB por arquivo). Para cada documento, você escreve 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 (Publicado ou Rascunho), descrição curta, imagem e conteúdo em texto formatado. Os posts são paginados de 9 em 9; a página de um post tem uma lista lateral dos últimos posts. Um post em 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 a botões, destaques e itens ativos; a cor escura é aplicada à barra de informações superior, aos títulos, à seção de contadores e a áreas escuras como o rodapé. O fundo da página é sempre branco. As cores do texto são escolhidas automaticamente, escuras ou claras, conforme a cor principal e a escura. Abaixo do menu e acima do rodapé aparece uma faixa de aviso em que a cor principal e a escura se alternam em listras diagonais; ela é desenhada com CSS e não tem arquivo de imagem.
• Logotipo, ícone do site e imagens: você envia seu logotipo e o ícone do site (favicon); sem logotipo, o nome da empresa aparece como texto. O logotipo é mostrado sobre fundo claro no cabeçalho e dentro de uma caixa branca no rodapé, por isso serve um logotipo escuro ou colorido que se leia bem em fundo claro, de preferência com fundo transparente. Você pode enviar imagens para a faixa de título no alto das páginas internas e para a seção de solicitação de serviço da página inicial; sem imagem de faixa, aparece uma faixa de cor lisa.
• Barra superior, menu e rodapé: a barra superior escura mostra telefone, e-mail, horário de funcionamento e ícones de redes sociais (ela fica oculta em telas de celular); o menu tem um botão “Servis Talebi” (Solicitação de serviço) e, se você preencheu, um ícone de WhatsApp. O rodapé mostra seu texto curto de apresentação, seus dados de contato (endereço, telefone, e-mail, horário), links, os seis primeiros serviços e a linha de direitos autorais. Os dados que você não preenche não são desenhados.
• 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 e desativar seções: a partir de uma única página, você ativa ou desativa as seções Serviços, Equipe, Blog, Galeria, Documentos, Perguntas frequentes, Depoimentos de clientes e Logos de referências. Uma seção desativada some do menu e da página inicial, e o endereço da página dela também deixa de abrir. O link de menu de uma seção sem entradas 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 traz seu próprio título (“Página | Empresa”), sua descrição e suas etiquetas de compartilhamento social (Open Graph). Nas páginas de serviço e de post de blog, a imagem de compartilhamento vem da própria imagem do conteúdo. O título do site, a descrição e as palavras-chave são preenchidos na página “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, as quantidades de solicitações e mensagens não lidas, solicitações de serviço, serviços e posts de blog publicados, além das cinco últimas solicitações de serviço e das cinco últimas mensagens. O menu lateral mostra a quantidade de registros não lidos como um selo.
• “Servis ve mesajlar” (Solicitações de serviço e mensagens): o administrador vê as solicitações de serviço e as mensagens de contato em uma só lista e as distingue pelo tipo. Uma solicitação mostra nome, e-mail, telefone, veículo (marca e modelo), serviço desejado, dia e horário preferidos, o momento do consentimento KVKK e a descrição do defeito; uma mensagem mostra assunto e texto. Os registros não lidos são marcados, e você pode excluir registros. Uma conta de editor só vê as mensagens de contato.
• Serviços, equipe, referências e blog: você adiciona, edita e exclui entradas. As listas têm busca e ordenação; acima da lista Serviços há uma nota que lembra de não escrever promessas como preço, prazo de reparo ou garantia.
• Páginas, galeria e documentos: você gerencia as páginas extras, as imagens da galeria e os documentos 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: assim que você preenche seus dados SMTP e ativa as notificações, os e-mails de solicitação de serviço e de contato funcionam. 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 mostrado no rodapé, linha de direitos autorais, cor principal, cor escura, página KVKK, mapa, logo, í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 serviço, as “Site ayarları” (Configurações do site), as “E-posta ayarları” (Configurações de e-mail) e os “Kullanıcılar” (Usuários) ficam abertos só 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: comece preenchido como a demonstração e edite a partir daí, ou insira seu conteúdo do zero. A lista de solicitações e mensagens começa vazia nos dois casos; os serviços, a equipe e os logos de referências vêm preenchidos com o conteúdo de exemplo.
• 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/2-motor-onarimi); 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; a fonte Poppins vem com o pacote e não é carregada 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, um campo armadilha oculto e limite de 8 envios por IP em 10 minutos nos formulários de solicitação de serviço e de contato; em uma solicitação, o nome do serviço só é aceito entre os nomes salvos no painel, o campo do veículo é limitado a 2–60 caracteres e a letras, números, espaços e os caracteres . , / ( ) - ' ’ + (a placa não é pedida), o horário preferido só pode ser escolhido na lista pronta, a observação tem no máximo 500 caracteres e a data é verificada no servidor (um dia passado e uma data a mais de 12 meses são recusados)
• Verificação CSRF nas ações do painel; bloqueio temporário após 5 tentativas falhas em 15 minutos no login do painel, e a sessão se encerra após 2 horas de inatividade
• As solicitações de serviço podem conter dados pessoais, por isso no painel só a conta de administrador as vê, lê e exclui; elas não são mostradas 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 da empresa (“Örnek Oto Servis”, ou seja, “Oficina de exemplo”), os serviços, a equipe, os logos de referências (entradas chamadas “Örnek Marka”, que significa “marca de exemplo”), os depoimentos de clientes, as imagens da galeria, os documentos PDF e os valores dos contadores da página inicial na demonstração são exemplos (os rótulos dos contadores terminam com “(örnek)”, que significa “exemplo”). No painel da demonstração, você vê alguns registros de exemplo na lista “Servis ve mesajlar” (Solicitações de serviço e mensagens). WhatsApp, links de redes sociais e mapa ficam vazios na demonstração; quando você os preenche no painel, eles aparecem no site.

• Site: https://041.tiklaweb.net
• Painel administrativo: https://041.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; os formulários de solicitação de serviço e de contato não salvam registros nem enviam e-mails. A demonstração é redefinida 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 demonstração, e “Esqueci minha senha” fica desativado na demonstração. Esses dados de acesso valem só 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.