Script corporativo com vitrine 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.

Os conteúdos que você publica (serviços, projetos, páginas, posts do blog etc.) não são traduzidos; ficam no idioma em que você os escreve. Mensagens de aviso e formatos de data seguem o idioma selecionado. Os e-mails de formulário que você recebe 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 empresas, firmas de tecnologia e consultoria, negócios de serviços e agências que criam sites para eles. No seu próprio domínio você apresenta seus serviços, projetos, equipe, depoimentos de clientes, perguntas frequentes e artigos. A página inicial é composta por uma área de destaque que alterna até dez slides, caixas de serviços, uma vitrine de projetos, contadores, uma seção “Öne Çıkanlar” (Destaques), depoimentos de clientes, logotipos de referências e os posts mais recentes. O visitante fala com você pelo formulário de contato ou digitando o e-mail na caixa “Bilgi al” (Solicitar informações) no fim de cada página; as mensagens ficam listadas no seu painel.

Você não precisa saber programar. O assistente no navegador faz a instalação, e você cadastra os conteúdos no painel administrativo.

Recursos do site

Página inicial e páginas internas

• Área de destaque com vários slides: você adiciona slides em “Slider”. Para cada slide você informa três linhas de texto; o texto do botão, o link e a imagem são opcionais (o botão só aparece se o texto e o link estiverem preenchidos); o link do botão pode apontar para uma página do próprio site ou para um endereço externo. No máximo dez slides são exibidos. Com mais de um slide, a área de destaque muda com uma transição suave, aparecem pontos na parte de baixo e os slides alternam sozinhos; em dispositivos com a opção de reduzir movimento ativada, a troca automática fica desligada. Se você não adicionar nenhum slide, o título e a descrição do site são exibidos.
• Página inicial: área de destaque, caixas de serviços, resumo de “Hakkımızda” (Sobre nós), vitrine de projetos, contadores, “Öne Çıkanlar” (Destaques), a faixa “Bize Ulaşın” (Fale conosco), depoimentos de clientes, logotipos de referências e os três últimos posts do blog. Uma seção de serviços, projetos, contadores, destaques, depoimentos, referências ou blog sem registros não aparece.
• “Öne Çıkanlar” (Destaques): você informa seus pontos fortes com título, descrição curta e, opcionalmente, uma pequena imagem de ícone. Eles aparecem em uma seção própria da página inicial e como lista na página “Hakkımızda” (Sobre nós).
• Contadores: em “Kilometre Taşı” (Marcos) você informa um título, um número e, opcionalmente, um ícone. Na página inicial os números sobem a partir de zero quando entram na tela; em dispositivos com a opção de reduzir movimento ativada, aparecem direto. Um contador com o número 0 não é exibido.
• Serviços: para cada serviço você informa nome, imagem, descrição curta e um texto detalhado com formatação; há opções para publicá-lo e para exibi-lo no menu superior. Os serviços são listados como caixas na página inicial e como cartões na página “Hizmetler” (Serviços). Cada serviço tem a sua página; os que você escolher aparecem como lista suspensa no menu superior.
• Vitrine de projetos com filtro: você divide seus projetos em categorias e os publica com nome, imagem e um texto detalhado com formatação. Os botões de categoria da página “Projeler” (Projetos) filtram a lista pela categoria sem recarregar a página. Na página inicial, no máximo dez projetos são exibidos como cartões com imagem; cada projeto tem a sua página.
• “Hakkımızda” (Sobre nós): título e texto formatado; abaixo vêm a lista de destaques, a equipe, as perguntas frequentes, os logotipos de referências e os posts mais recentes. O texto-resumo e a imagem da página inicial e a breve apresentação do rodapé do site são campos separados.
• Perguntas frequentes: você informa perguntas e respostas no painel. Elas aparecem na página “Hakkımızda” (Sobre nós) como uma lista expansível; a resposta abre quando o visitante clica na pergunta. Se você não informar nenhuma pergunta, a seção não aparece.
• Equipe: você apresenta os membros da equipe com nome completo, cargo e foto. A equipe é exibida nas páginas “Hakkımızda” (Sobre nós), “Hizmetler” (Serviços) e “Blog” e nas páginas de cada serviço; um membro não publicado não aparece.
• Depoimentos de clientes: você informa nome completo, cargo, depoimento e, opcionalmente, uma foto. Os depoimentos são exibidos em um carrossel na página inicial; conforme a largura da tela, aparecem um, dois ou três depoimentos lado a lado.
• Referências: a faixa de logotipos formada por nomes e logotipos de referências aparece na página inicial, nas páginas “Hakkımızda” (Sobre nós), “Hizmetler” (Serviços) e “Blog” e nas páginas de cada serviço e de cada projeto.
• Blog: você publica artigos com título, imagem, texto curto e texto formatado. O nome do autor é opcional; se preenchido, aparece na lista do blog, na página do artigo e nas caixas dos últimos artigos. A lista é ordenada com o artigo mais recente primeiro; os três últimos artigos são exibidos na página inicial e no fim da maioria das páginas internas. Um artigo não publicado não aparece no site.
• Páginas adicionais: você cria quantas páginas quiser pelo painel (por exemplo, o aviso de privacidade KVKK ou uma página de carreiras). Em “Menüler” (Menus) você cria um título de menu e exibe a página sob ele, no menu superior, como lista suspensa; se quiser, também a inclui na lista “Hızlı Menü” (Menu rápido) do rodapé do site.

Formulários e contato

• Página de contato: formulário com os campos nome completo, e-mail, telefone e mensagem, todos obrigatórios. A página também traz cartões de e-mail, telefone e endereço e um mapa (código de incorporação do Google Maps ou do OpenStreetMap); informações deixadas vazias e o mapa não aparecem.
• Caixa “Bilgi al” (Solicitar informações): fica no rodapé do site, em todas as páginas. O visitante digita apenas um e-mail e marca o consentimento KVKK; o registro cai na lista “Mesajlar” (Mensagens) do painel.
• E-mail para você: ao configurar “E-posta Ayarları” (Configurações de e-mail) e ativar a notificação, as mensagens do formulário de contato e da caixa “Bilgi al” (Solicitar informações) também chegam a você por e-mail. Quando você responde ao e-mail, a resposta vai para o endereço do visitante. Mesmo sem configurar o e-mail, as mensagens ficam listadas no painel.
• Caixa de consentimento KVKK: obrigatória no formulário de contato e na caixa “Bilgi al” (Solicitar informações). KVKK é a lei turca de proteção de dados pessoais. O link do aviso de privacidade leva à página que você escolhe em “Site Ayarları” (Configurações do site); o mesmo link aparece também no “Hızlı Menü” (Menu rápido) do rodapé. O texto que acompanha o conteúdo de exemplo é apenas um exemplo; você precisa preparar o seu próprio aviso de privacidade.

Menu, títulos e aparência

• Nomes e estrutura do menu: na página “Menü İsimleri” (Nomes do menu) você escreve com as suas palavras os nomes “Hakkımızda” (Sobre nós), “Hizmetler” (Serviços), “Projeler” (Projetos), “Blog” e “İletişim” (Contato). Na página “Menü Düzeni” (Estrutura do menu) você exibe ou oculta um a um esses itens no menu superior e no menu rápido do rodapé do site, e “Ek Sayfalar” (Páginas adicionais) apenas no menu superior. Se os nomes do menu ficarem longos demais para caber em uma linha, o menu superior passa sozinho para o menu móvel.
• Títulos e textos: na página “Başlıklar ve yazılar” (Títulos e textos) você altera os títulos e textos das seções da página inicial, a faixa “Bize Ulaşın” (Fale conosco), os títulos do blog, da equipe e das perguntas frequentes e o título do rodapé; cada campo informa onde aparece no site.
• Logotipo, favicon e imagem: o logotipo escuro é usado no menu superior e o claro no rodapé do site; o favicon aparece na aba do navegador. Na página “Görseller” (Imagens) você troca a imagem ao lado da faixa “Bize Ulaşın” (Fale conosco).
• Duas cores: a cor principal é aplicada a botões, links, menu e itens ativos ou com o cursor sobre eles. A segunda cor é a segunda cor dos degradês de botões e faixas.
• Dados de contato e redes sociais: você informa telefone, e-mail, endereço e horário de funcionamento, além dos links do Facebook, Twitter, Instagram, YouTube, LinkedIn, TikTok e WhatsApp. Eles aparecem na barra superior, na página de contato e no rodapé do site, apenas os que você preencher.
• Assinatura do rodapé: você pode alterar ou remover a frase “TiklaWeb tarafından geliştirildi” (Desenvolvido por TiklaWeb) no fim do site.

Celular e mecanismos de busca

• Adaptado a celulares: o site se adapta a telas de celular, tablet e computador; em telas pequenas o menu vira um menu móvel que abre com um toque.
• Título e descrição próprios por página: cada página tem seu próprio título (“Página | Empresa”), descrição e tags de compartilhamento social (Open Graph). Em serviços, projetos, posts do blog e páginas adicionais você também pode informar título, descrição e palavras-chave no painel; em serviços, projetos e posts, a imagem ao compartilhar é a do próprio conteúdo. O título, a descrição e as palavras-chave do site são informados em “Site Ayarları” (Configurações do site).

Painel administrativo

• “Gösterge Paneli” (Visão geral): o número de serviços, projetos, posts e mensagens, além da lista das dez últimas mensagens. O menu lateral mostra o número de mensagens em um selo.
• “Mesajlar” (Mensagens): as mensagens do formulário de contato e da caixa “Bilgi al” (Solicitar informações) ficam reunidas em uma única lista. Nome, telefone, e-mail e data aparecem na lista; na janela de detalhes você lê a mensagem e pode excluir o registro.
• Gerenciamento de conteúdo: você adiciona, edita e exclui conteúdo em “Slider”, “Hizmetler” (Serviços), “Projeler” (Projetos, com categorias), “Blog”, “Sayfalar” (Páginas, com títulos de menu), “Takım” (Equipe), “Öne Çıkanlar” (Destaques), “Kilometre Taşı” (Marcos), “Müşteri Yorumları” (Depoimentos de clientes), “Referanslar” (Referências), “Sıkça Sorulan Sorular” (Perguntas frequentes) e “Hakkımızda” (Sobre nós). Nos campos de texto formatado é usado o editor Summernote.
• “E-posta Ayarları” (Configurações de e-mail): você informa o servidor SMTP, a porta, a criptografia, a conta de e-mail, a senha e o endereço de notificação; ao ativar a notificação, funcionam os e-mails do formulário de contato e da caixa “Bilgi al” (Solicitar informações).
• “Site Ayarları” (Configurações do site) e “İletişim Bilgileri” (Dados de contato): “Site Ayarları” reúne o título do site, as palavras-chave, a descrição, a linha de copyright, a cor principal e a segunda cor, a página KVKK, o idioma do site, o idioma do painel, os logotipos e o favicon. “İletişim Bilgileri” é uma página separada: telefone, e-mail, endereço, links de redes sociais, horário de funcionamento e código do mapa.
• Usuários e permissões: você adiciona contas com permissões de administrador, editor e somente leitura. O editor gerencia as seções de conteúdo; “Kullanıcılar ve Yetkiler” (Usuários e permissões), “Site Ayarları” (Configurações do site), “İletişim Bilgileri” (Dados de contato), “E-posta Ayarları” (Configurações de e-mail) e “Opsiyonel Kodlar” (Códigos opcionais) são abertos apenas ao administrador. As permissões são verificadas no servidor.
• 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 só pode ser usado uma vez.
• “Opsiyonel Kodlar” (Códigos opcionais): você adiciona seu próprio código (por exemplo, um script de estatísticas) no topo (head) e no fim do site. Este campo é aberto 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.
• Instalação com conteúdo de exemplo ou vazia: você começa com o site preenchido como na demonstração e o edita, ou cadastra os conteúdos do zero. A lista de mensagens começa vazia nos dois casos.
• Atualização pelo painel: baixe o pacote zip da nova versão na sua área do cliente em 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, configurações e conteúdos são preservados.
• 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).

Licença

Cada licença vale para um único nome de domínio, o que você informa ao fazer o pedido. O nome de domínio não pode ser alterado após a instalação; a troca da extensão do mesmo domínio (por exemplo, .net para .com) é paga e feita por meio de um chamado 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
• Framework: CodeIgniter 4. Site: Bootstrap 4, jQuery, Swiper, Font Awesome Free 6. Painel: Bootstrap 4 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 e campo armadilha oculto nos formulários do site, verificação CSRF nas ações do painel; limite de tentativas no login do painel, na redefinição de senha, no formulário de contato e na caixa “Bilgi al” (Solicitar informações)
• 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
• 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
• Cabeçalhos de segurança, HSTS em HTTPS; fuso horário Europe/Istanbul
• 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 (a escolha fica guardada apenas no seu navegador). O nome da empresa, as pessoas, os depoimentos, os projetos, os serviços e os valores dos contadores na demonstração são exemplos. No painel da demonstração você vê dois registros de exemplo na lista “Mesajlar” (Mensagens). Os links de redes sociais e o mapa estão vazios na demonstração; assim que você os preencher no painel, eles aparecem no site.

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

Na demonstração não é possível salvar alterações; o formulário de contato e a caixa “Bilgi al” (Solicitar informações) não gravam registros nem enviam e-mails. A demonstração é reiniciada toda noite. Páginas sensíveis, como as configurações de e-mail e os usuários, não podem ser vistas no modo demonstração, e “Esqueci minha senha” fica desativado na demonstração. Esses dados de acesso valem apenas para o site de demonstração. Na instalação que você comprar, você 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.