Script de site para arquitetura e apresentação de projetos

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, projetos, páginas, posts de blog etc.) não é traduzido; ele fica no idioma em que você o escreve. Os avisos dos formulários seguem o idioma do site escolhido; os e-mails de notificação dos formulários de consulta de projeto 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 escritórios de arquitetura, estúdios de design de interiores e escritórios de desenho, e para agências que criam sites para esses negócios. No seu próprio domínio, você descreve seus serviços, mostra seus projetos divididos em categorias com status, local, ano e área, apresenta seu processo de trabalho passo a passo e divulga sua equipe e as empresas com as quais trabalha. O visitante preenche o formulário de consulta de projeto, descreve o projeto em poucas frases e, se quiser, escolhe um serviço e informa o local do projeto; a solicitação aparece no seu painel, e você liga para o visitante para analisar o projeto juntos. O formulário apenas coleta solicitações: orçamento vinculante, preço ou compromisso de prazo não fazem parte do site, e nenhum pagamento é recebido.

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 botão “Teklif Al” (Solicitar orçamento) que leva à página de consulta de projeto. No link do botão, você escreve um endereço dentro do site (por exemplo projeler, teklif) 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 “Teklif Al” (Solicitar orçamento).
• 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).
• Projetos em destaque: os seis primeiros projetos, na ordem que você definir no painel, aparecem como cartões; o cartão mostra a imagem, um selo de status, o nome do projeto e uma linha com categoria, local e ano. O botão “Tüm Projeler” (Todos os projetos) leva à página “Projeler” (Projetos). Se não houver projetos, a seção não é desenhada.
• Processo de trabalho: as etapas que você adiciona no painel (até 8) aparecem em uma seção numerada sobre fundo escuro; cada etapa tem um ícone, um título e uma descrição curta. A seção também aparece na página Sobre nós; sem etapas, ela não é desenhada.
• 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 consulta de projeto: à esquerda há uma descrição curta e dois itens marcados, e à direita o formulário de consulta de projeto; 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 “Teklif Al” (Solicitar orçamento) no fim da página inicial e das páginas “Hizmetler” (Serviços), “Projeler” (Projetos) e “Hakkımızda” (Sobre nós). Se você deixar o título vazio, a faixa não aparece.

Consulta de projeto e contato

• Formulário de consulta de projeto: na página inicial e na página “Proje Danışma ve Teklif Talebi” (Consulta de projeto e pedido de orçamento). Nome, e-mail, telefone e informações do projeto (no mínimo 10 e no máximo 1000 caracteres) são obrigatórios. O serviço (entre os serviços salvos no painel) e o local do projeto (estado / município; de 2 a 120 caracteres, apenas letras, números, espaços e os 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 “Teklif Talebi Oluştur” (Criar pedido de orçamento) de cada página de serviço abre o formulário com esse serviço selecionado; a caixa de consulta de uma página de projeto leva o visitante ao formulário. Abaixo do formulário, o visitante é informado de que se trata de um pedido de consulta e orçamento, que não é um orçamento vinculante nem compromete preço ou prazo, e de que a equipe analisará as informações e entrará em contato.
• Solicitações no painel: as solicitações de consulta de projeto recebidas são listadas na seção “Talepler ve mesajlar” (Solicitações e mensagens) do painel, que só o administrador vê; uma nota acima da lista lembra que as solicitações não são vinculantes. 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 consulta 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 consulta 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 dos clientes são dados pessoais, você precisa preparar seu próprio aviso de privacidade, com assessoria jurídica se necessário.

Projetos, serviços, equipe, referências e depoimentos

• Projetos: para cada projeto, você escreve um nome, uma categoria (entre as categorias salvas), um status (Concluído, Em execução ou Em fase de projeto), um local, um ano, uma área (por exemplo 1.250 m²), uma descrição curta, um texto do projeto, uma imagem e uma ordem. A página “Projeler” (Projetos) lista os cartões, e as categorias com pelo menos um projeto aparecem como botões; ao clicar em uma categoria, só os projetos dela aparecem, e “Todos” mostra tudo. Cada projeto tem sua própria página: a categoria, o status, o local, o ano e a área que você preencheu aparecem ali em uma ficha, junto com uma caixa de consulta de projeto e uma lista lateral de outros projetos. Uma nota acima da lista de projetos lembra de não escrever afirmações firmes como conformidade ou habilitação.
• “Proje kategorileri” (Categorias de projetos): você escreve um nome de categoria e uma ordem. As categorias aparecem na página “Projeler” (Projetos) como botões de filtro. Se você excluir uma categoria, os projetos dela ficam sem categoria; eles não são excluídos.
• Etapas do processo de trabalho: para cada etapa, você escreve um título, um ícone (de uma lista pronta), uma descrição curta e uma ordem. As etapas aparecem em uma seção numerada na página inicial e na página “Hakkımızda” (Sobre nós). Uma nota acima da lista lembra de não escrever promessas de prazo, preço ou resultado.
• 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 34 ícones, como projeto arquitetônico, desenho, edifício, casa, interior, paisagem e obra. 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 consulta. Os serviços não têm campo de preço nem de duração.
• Equipe: você escreve nome completo, cargo (por exemplo Arquiteto), á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 o processo de trabalho, 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 um dossiê de projetos 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, às seções de processo de trabalho e 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.
• 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 consulta de projeto 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 “Teklif Al” (Solicitar orçamento) 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, Logos de referências, Projetos e Processo de trabalho. 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 (a página Projetos retorna um 404 quando a seção está desativada). 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, de projeto 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 consulta de projeto, serviços, projetos e posts de blog publicados, além das cinco últimas solicitações e das cinco últimas mensagens. O menu lateral mostra a quantidade de registros não lidos como um selo.
• “Talepler ve mesajlar” (Solicitações e mensagens): o administrador vê as solicitações de consulta de projeto e as mensagens de contato em uma só lista e as distingue pelo tipo. Uma solicitação mostra nome, e-mail, telefone, serviço desejado, local do projeto, o momento do consentimento KVKK e a mensagem; 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, projetos, categorias de projetos e processo de trabalho: você adiciona, edita e exclui entradas. As listas têm busca e ordenação; acima das listas Projetos e Processo de trabalho há notas que lembram de não escrever afirmações firmes nem promessas de prazo, preço ou resultado.
• Páginas, galeria, documentos e blog: você gerencia as páginas extras, as imagens da galeria, os documentos PDF e os posts do blog.
• 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 consulta de projeto 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 consulta de projeto, 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, os projetos, o processo de trabalho, 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, /projeler/1-ornek-villa-projesi); 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 consulta de projeto e de contato; em uma solicitação, o nome do serviço só é aceito entre os nomes salvos no painel, o local do projeto é limitado a 2–120 caracteres e a letras, números, espaços e os caracteres . , / ( ) - ' ’, e as informações do projeto devem ter entre 10 e 1000 caracteres
• 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 consulta de projeto 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 Mimarlık”, ou seja, “Arquitetura de exemplo”), os serviços, as categorias de projetos e os projetos (com nomes como “Örnek … Projesi”, que significa “projeto de exemplo”), as etapas do processo de trabalho, 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 “Talepler ve mesajlar” (Solicitações 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://032.tiklaweb.net
• Painel administrativo: https://032.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 consulta de projeto 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.