Script corporativo com vitrine de produtos

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 (produtos, 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, fabricantes e revendedores que querem expor os produtos sem montar uma loja com carrinho e receber pedidos de orçamento dos visitantes, e para as agências que criam sites para eles. No seu próprio domínio você apresenta seus produtos, serviços, projetos, equipe, depoimentos de clientes, perguntas frequentes e artigos. Na página de cada produto há um botão “Teklif İste” (Solicitar orçamento); ele abre o formulário de contato já com o nome do produto. O site não tem carrinho nem pagamento online: o visitante conhece o produto e pede um orçamento.

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

Vitrine de produtos e “Teklif İste”

• Vitrine de produtos: na página “Ürünler” (Produtos), cada produto é listado em um cartão com imagem, nome, descrição curta e preço. A lista é ordenada com o produto mais recente primeiro. O nome do menu é “Ürünler” por padrão; você o troca pelas suas próprias palavras na página “Menü İsimleri” (Nomes do menu).
• Página do produto: cada produto tem a sua página. Você envia até três imagens; ao clicar em uma miniatura, a imagem grande muda. A página mostra o nome, o preço, a descrição curta, as etiquetas e a descrição do produto com texto formatado. No fim da página aparecem três dos outros produtos.
• Preço e desconto: você informa o preço em liras turcas. Se deixar o campo de preço vazio ou com 0, o produto é exibido sem preço. Ao informar uma porcentagem de desconto, o preço com desconto aparece ao lado do preço antigo riscado.
• “Teklif İste” (Solicitar orçamento): o cartão e a página do produto têm o botão “Teklif İste”. O botão abre a página de contato; o nome do produto aparece no formulário e a mensagem já vem com um texto inicial no formato “… ürünü için teklif almak istiyorum.” (Gostaria de receber um orçamento para o produto …). O visitante pode alterar o texto, acrescentar nome, e-mail e telefone e enviar. A mensagem cai na lista “Mesajlar” (Mensagens) do painel. Se “İletişim” (Contato) estiver desativado em “Menü Düzeni” (Estrutura do menu), os botões “Teklif İste” não são exibidos.
• Produtos na página inicial: os seis produtos mais recentes em que você marcou a opção “Ana sayfada gösterilsin mi?” (Exibir na página inicial?) aparecem na página inicial. Se você tiver mais produtos, aparece o link “Tüm Ürünler” (Todos os produtos).
• Ativar e desativar a vitrine: ao desativar “Ürünler” em “Menü Düzeni” (Estrutura do menu), ou quando não restar nenhum produto publicado, os links do menu e do rodapé do site, a seção de produtos da página inicial e as páginas de produtos são retirados; os endereços de “Ürünler” mostram “página não encontrada” (404).
• Configuração de buscadores por produto: para cada produto você pode informar título de SEO, descrição e palavras-chave; se deixar em branco, o título é tirado do nome do produto e a descrição, da descrição curta ou do texto detalhado. As palavras-chave aparecem como etiquetas na página do produto. A imagem ao compartilhar é a primeira imagem do produto.

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). A imagem do slide vira o fundo da área de destaque. O link do botão pode apontar para uma página do próprio site (por exemplo, urunler) 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, resumo de “Hakkımızda” (Sobre nós), contadores, serviços, produtos, projetos, equipe, logotipos de referências, depoimentos de clientes e os três últimos posts do blog, nessa ordem. Uma seção sem registros não aparece.
• Contadores: em “Kilometre Taşı” (Marcos) você informa um título, um número e um ícone, escolhido em uma lista pronta (26 ícones, como projeto, cliente, funcionário, prêmio, prédio, mundo e suporte). 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. Na página inicial, os seis primeiros serviços aparecem como cartões e, havendo mais, surge o link “Tümünü Gör” (Ver todos); a página “Hizmetler” (Serviços) lista todos. 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, junto com os botões de categoria; cada projeto tem a sua página.
• “Hakkımızda” (Sobre nós): título e texto formatado; abaixo vêm a lista “Öne Çıkanlar” (Destaques), a equipe, as perguntas frequentes e os posts mais recentes. O texto-resumo, o título e a imagem da página inicial são campos separados.
• “Öne Çıkanlar” (Destaques): você informa seus pontos fortes com títulos curtos. Eles aparecem na página “Hakkımızda” (Sobre nós) como uma lista de itens com marca de verificação; se você não cadastrar nenhum, a lista não aparece.
• 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 primeira pergunta vem aberta e, quando o visitante clica em outra, a resposta dela abre. 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 na página inicial (no máximo oito pessoas), em “Hakkımızda” (Sobre nós), em “Blog” e nas páginas de cada serviço e de cada projeto; 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; em tela larga aparecem dois depoimentos lado a lado e, em tela estreita, um.
• Referências: a faixa de logotipos formada por nomes e logotipos de referências aparece na página inicial e se move devagar; em dispositivos com a opção de reduzir movimento ativada, o movimento fica desligado.
• Blog: você publica artigos com título, imagem, texto curto e texto formatado. O nome do autor é opcional. O momento em que o artigo é adicionado é registrado automaticamente e exibido como “há 3 dias”. 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 a lista de endereço, telefone, e-mail e horário de funcionamento e, se você quiser, uma imagem ao lado do formulário e um mapa (código de incorporação do Google Maps ou do OpenStreetMap); informações, imagem e mapa deixados vazios 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, do “Teklif İste” 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), “Ürünler” (Produtos), “Hizmetler” (Serviços), “Projeler” (Projetos), “Blog” e “İletişim” (Contato). Na página “Menü Düzeni” (Estrutura do menu) você ativa ou desativa esses itens um a um. Uma seção desativada sai do menu e do “Hızlı Menü” (Menu rápido) do rodapé do site, suas páginas mostram “página não encontrada” (404), e as seções de serviços, produtos, projetos e blog da página inicial também deixam de aparecer. “Ek Sayfalar” (Páginas adicionais) é exibido ou ocultado apenas no menu superior, e as suas páginas continuam sempre acessíveis; o acesso a páginas como o aviso de privacidade KVKK nunca é cortado. 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 das seções da página inicial, os títulos da faixa de contadores, da equipe, dos depoimentos, do blog, das perguntas frequentes e do formulário de contato, e o título “Bilgi al” (Solicitar informações) do rodapé do site; cada campo informa onde aparece no site. Alguns títulos deixados em branco não são exibidos.
• 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 da página de contato.
• Cor: a cor principal definida em “Site Ayarları” (Configurações do site) é aplicada a botões, links, menu e itens ativos.
• 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. Telefone, e-mail e horário aparecem na faixa fina no topo da página (em tablet e computador) e na página de contato; os links de redes sociais aparecem na faixa e no rodapé do site. Só aparece o 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 produtos, 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 produtos, 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, do botão “Teklif İste” 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.
• “Ürünler” (Produtos): você adiciona produtos com nome, preço, desconto, três imagens, situação de publicação, opção de exibir na página inicial, descrição curta, detalhes com texto formatado e campos de SEO; na lista você edita ou exclui.
• 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, do “Teklif İste” 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 escolha da 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 5 (apenas o arquivo de estilos), Swiper, Font Awesome Free 6 e jQuery; as fontes (Jost, Roboto) ficam no próprio pacote, sem chamar nenhum serviço externo de fontes. 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 produtos, os preços, 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://012.tiklaweb.net
• Painel administrativo: https://012.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, o “Teklif İste” 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.