Script de vitrine de produtos para empresas

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, revendedores e as agências que criam sites para eles, que querem mostrar seus produtos sem montar um carrinho e receber pedidos de orçamento dos visitantes. Na página inicial, a vitrine de produtos vem logo depois do topo e do resumo “Hakkımızda” (Sobre nós). Cada página de produto tem três imagens, um preço e um botão “Teklif Al” (Obter orçamento); o botão abre o formulário de contato com o nome do produto, e o pedido chega à lista “Mesajlar” (Mensagens) do painel. O site não tem carrinho nem pagamento on-line.

Você não precisa saber programar. O assistente no navegador cuida da instalação e você cadastra seus conteúdos no painel administrativo.

Diferença para o script corporativo com vitrine de produtos

O script corporativo com vitrine de produtos do catálogo da TiklaWeb também oferece uma vitrine de produtos sem carrinho; os dois scripts usam a mesma base de painel e diferem no design e na composição da página inicial. Este script tem um topo em largura total, uma fonte com serifa nos títulos e menu superior, rodapé e faixa de perguntas frequentes na segunda cor (escura na demonstração); na página inicial, os produtos vêm logo depois do topo. O script corporativo com vitrine de produtos tem contadores, uma lista “Öne Çıkanlar” (Destaques), a escolha dos produtos da página inicial, um botão de orçamento no cartão do produto, e etiquetas e outros produtos na página do produto; este script não tem esses recursos. Recomendamos ver as duas demonstrações antes de decidir.

Recursos do site

Vitrine de produtos e obter orçamento

• Vitrine de produtos: na página “Ürünler” (Produtos), cada produto aparece como um cartão com imagem, nome, descrição curta, preço e botão “İncele” (Ver). A lista é ordenada com o produto mais recente primeiro. O nome do menu é “Ürünler” (Produtos) por padrão; você o troca por uma palavra sua na página “Menü İsimleri” (Nomes do menu).
• Produtos na página inicial: a seção de produtos que vem depois do resumo “Hakkımızda” (Sobre nós) mostra os quatro produtos mais recentes. Se você tiver mais produtos, aparece um link “Tüm Ürünler” (Todos os produtos). O título e o texto da seção são alterados na página “Başlıklar ve yazılar” (Títulos e textos).
• Página do produto: cada produto tem sua própria página. Você envia até três imagens; sob a imagem grande ficam imagens pequenas, e clicar em uma delas troca a imagem grande. Ao lado ficam o preço, a descrição curta e o botão “Teklif Al” (Obter orçamento), e abaixo a “Ürün Açıklaması” (Descrição do produto) em texto formatado.
• Preço e desconto: você informa o preço em liras turcas, em liras inteiras. Se deixar o campo de preço vazio ou em 0, o produto aparece sem preço. Ao informar um percentual de desconto, o preço com desconto aparece ao lado do preço antigo riscado; a página do produto mostra também o percentual.
• Obter orçamento: o botão “Teklif Al” (Obter orçamento) da página do produto abre a página de contato. O título da página vira “Teklif Al”, o produto escolhido aparece dentro do formulário com imagem e nome, e a caixa de mensagem começa com o texto pronto “Ürün: … Bu ürün için teklif almak istiyorum.” (Produto: … Gostaria de receber um orçamento para este produto). O visitante pode alterar o texto, acrescentar nome, e-mail e telefone e enviar. O pedido chega à lista “Mesajlar” (Mensagens) do painel. Se “İletişim” (Contato) estiver desativado em “Menü Düzeni” (Estrutura do menu), o botão não é exibido.
• Ativar e desativar a vitrine: ao desativar “Ürünler” (Produtos) em “Menü Düzeni” (Estrutura do menu), ou quando não restar nenhum produto publicado, somem os links do menu e do rodapé, a seção de produtos da página inicial e as páginas de produto; os endereços sob “Ürünler” (Produtos) mostram a página “não encontrada” (404).
• Ajustes para mecanismos de busca por produto: para cada produto você pode informar título SEO, descrição e palavras-chave; se deixar vazio, o título vem do nome do produto e a descrição da descrição curta ou do texto detalhado. A imagem de compartilhamento é a primeira imagem do produto.

Página inicial e páginas internas

• Topo com vários slides: você adiciona slides em “Slider”. Para cada slide informa duas linhas de texto; o texto do botão, o link do botão e a imagem são opcionais (o botão só aparece quando texto e link estão preenchidos). A imagem vira o fundo do topo em largura total. O link do botão pode ser uma página do próprio site (por exemplo urunler) ou um endereço externo. No máximo dez slides são exibidos. Com mais de um slide, o topo muda com um efeito de esmaecimento, aparecem pontos embaixo e os slides giram sozinhos; em dispositivos com o ajuste “reduzir movimento” ativado, a troca automática fica desligada. Sem slides, aparecem o título e a descrição do site.
• Página inicial: topo, resumo “Hakkımızda” (Sobre nós), vitrine de produtos, equipe, perguntas frequentes, serviços, projetos, depoimentos de clientes, os últimos posts do blog e logotipos de referências, nessa ordem. Uma seção sem registros não aparece.
• Serviços: para cada serviço você informa nome, imagem, descrição curta e um texto detalhado formatado; há opções para publicá-lo e para exibi-lo no menu superior. Todos os serviços publicados aparecem como cartões na página inicial e na página “Hizmetler” (Serviços). Cada serviço tem sua própria página; o cartão ao lado traz a lista de serviços, um botão “Bize Ulaşın” (Fale conosco) e um link “Tüm Hizmetler” (Todos os serviços). Os serviços escolhidos aparecem como lista suspensa no menu superior e em uma coluna separada do rodapé.
• Vitrine de projetos e filtro: você agrupa os projetos em categorias e os publica com nome, imagem e texto detalhado formatado. Os botões de categoria da página “Projeler” (Projetos) filtram a lista por categoria sem recarregar a página. Na página inicial, os seis projetos mais recentes aparecem como cartões com rótulo de categoria, com um link “Tüm Projeler” (Todos os projetos) se houver mais. Cada projeto tem sua própria página, com a categoria e um botão “Bize Ulaşın” (Fale conosco) ao lado.
• “Hakkımızda” (Sobre nós): título, imagem opcional e texto formatado; abaixo vêm a equipe e as perguntas frequentes. O título e o texto do resumo da página inicial são campos separados.
• Perguntas frequentes: você cadastra perguntas e respostas no painel. Elas aparecem na página inicial em uma faixa na segunda cor e na página “Hakkımızda” (Sobre nós) como lista expansível; a resposta abre ao clicar em uma pergunta, e só uma fica aberta por vez. A imagem enviada na página “Görseller” (Imagens) aparece ao lado da lista na faixa da página inicial. Sem perguntas, a seção não aparece.
• Equipe: você apresenta os membros da equipe com nome, cargo e foto. Todos os membros publicados aparecem na página inicial e na página “Hakkımızda” (Sobre nós); um membro não publicado não aparece.
• Depoimentos de clientes: você informa nome, cargo, depoimento e, se quiser, uma foto. Os depoimentos aparecem em um carrossel na página inicial; em tela larga aparecem dois lado a lado e em tela estreita um.
• Referências: a faixa de logotipos montada com nomes e logotipos de referências aparece na página inicial; com três ou mais logotipos a faixa se move devagar, e em dispositivos com o ajuste “reduzir movimento” ativado ela fica parada.
• Blog: você publica posts com título, imagem, texto curto e texto formatado. O nome do autor é opcional. A data de inclusão é salva automaticamente e exibida, por exemplo, como “25 Ekim 2026”. A lista é ordenada com o post mais recente primeiro; a página inicial mostra os quatro mais recentes. Um post não publicado não aparece no site.
• Páginas adicionais: pelo painel você adiciona quantas páginas quiser (por exemplo o aviso de informação KVKK ou uma página de carreiras). Em “Menüler” (Menus) você cria um título de menu e mostra a página sob ele, no menu superior, como lista suspensa; se quiser, também a inclui na barra inferior do site.

Formulários e contato

• Página de contato: um formulário com os campos nome, e-mail, telefone e mensagem, todos obrigatórios. A página traz ainda uma lista com endereço, telefone, e-mail e horário de funcionamento, ícones de redes sociais e, se quiser, um mapa (código de incorporação do Google Maps ou OpenStreetMap); dados 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 informa apenas um e-mail e marca o consentimento KVKK; o registro chega à lista “Mesajlar” (Mensagens) do painel.
• E-mail para você: depois de configurar “E-posta Ayarları” (Configurações de e-mail) e ativar a notificação, as mensagens do formulário de contato, os pedidos de orçamento e as mensagens “Bilgi al” chegam também por e-mail. Ao responder o e-mail, a resposta vai para o endereço do visitante. Mesmo sem configurar o e-mail, as mensagens aparecem na lista do 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 informação leva à página que você escolhe em “Site Ayarları” (Configurações do site); o mesmo link aparece também na barra inferior do site. O texto que acompanha o conteúdo de exemplo é apenas um exemplo; você deve preparar o seu próprio aviso de informação.

Menu, títulos e aparência

• Nomes e estrutura do menu: na página “Menü İsimleri” (Nomes do menu) você escreve com suas palavras os nomes “Hakkımızda” (Sobre nós), “Hizmetler” (Serviços), “Projeler” (Projetos), “Blog”, “İletişim” (Contato) e “Ürünler” (Produtos). Na página “Menü Düzeni” (Estrutura do menu) você liga ou desliga esses itens um a um. Uma seção desligada some do menu superior e do rodapé, e suas páginas mostram a página “não encontrada” (404); as seções de serviços, produtos, projetos e blog da página inicial também não aparecem. As “Ek Sayfalar” (Páginas adicionais) só são exibidas ou ocultadas no menu superior, e suas páginas continuam sempre abertas; o acesso a páginas como o aviso de informação KVKK não é cortado. Se os nomes do menu ficarem longos demais para 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 subtextos das seções equipe, perguntas frequentes, serviços, produtos, projetos, depoimentos de clientes e blog da página inicial, além do título “Bilgi al” no rodapé; cada campo informa onde aparece no site.
• Cores: em “Site Ayarları” (Configurações do site) você escolhe duas cores. A cor principal vale para botões, links, itens ativos ou sob o cursor, a pergunta aberta e linhas de destaque. A segunda cor é o fundo do menu superior, do rodapé, da faixa de perguntas frequentes e da faixa de título das páginas internas. O texto e o logotipo por cima são escolhidos automaticamente: logotipo claro e texto branco sobre fundo escuro, logotipo escuro e texto escuro sobre fundo claro.
• Logotipo, favicon e imagens: os dois logotipos e o favicon são enviados em “Site Ayarları” (Configurações do site). Na página “Görseller” (Imagens) você troca a imagem da faixa de perguntas frequentes e a imagem de fundo da faixa de título das páginas internas.
• Dados de contato e redes sociais: você informa telefone, e-mail, endereço e horário de funcionamento, e seus links do Facebook, Twitter, Instagram, YouTube, LinkedIn, TikTok e WhatsApp. Eles aparecem na página de contato e no rodapé do site; só aparece o que você preencher.
• Texto e assinatura do rodapé: o campo “Footer Hakkımızda Yazısı” (Texto do rodapé) da página “Hakkımızda” (Sobre nós) aparece no rodapé como breve apresentação sob o logotipo. Você pode alterar ou remover a linha “TiklaWeb tarafından geliştirildi” (Desenvolvido por TiklaWeb) no fim do site.

Celular e mecanismos de busca

• Adaptado ao celular: o site se adapta a telas de celular, tablet e computador; em telas pequenas o menu vira um menu móvel que abre ao toque, e ao rolar a página aparece embaixo, à direita, um botão “voltar ao topo”.
• 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 as tags de compartilhamento social (Open Graph). Nas páginas de produto, serviço, projeto, blog e adicionais você também pode informar título, descrição e palavras-chave no painel. Título, descrição e 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, produtos, posts e mensagens, e a lista das dez últimas mensagens. No menu lateral, o número de mensagens aparece em um selo.
• “Mesajlar” (Mensagens): as mensagens do formulário de contato, do botão “Teklif Al” e da caixa “Bilgi al” (Solicitar informações) ficam reunidas em uma só lista. A lista mostra nome, telefone, e-mail e data; na janela de detalhes você lê a mensagem e pode excluir o registro.
• “Ürünler” (Produtos): você adiciona um produto com nome, preço, desconto, três imagens, situação de publicação, descrição curta, texto detalhado formatado e campos de SEO; edita ou exclui pela lista, que mostra preço e situação de publicação.
• Gestão de conteúdo: em “Slider”, “Hizmetler” (Serviços), “Projeler” (Projetos, com categorias), “Blog”, “Sayfalar” (Páginas, com títulos de menu), “Takım” (Equipe), “Müşteri Yorumları” (Depoimentos de clientes), “Referanslar” (Referências), “Sıkça Sorulan Sorular” (Perguntas frequentes) e “Hakkımızda” (Sobre nós) você adiciona, edita e exclui conteúdo. Nos campos de texto formatado é usado o editor Summernote.
• Menu e imagens: “Menü Düzeni” (Estrutura do menu), “Menü İsimleri” (Nomes do menu), “Başlıklar ve yazılar” (Títulos e textos) e “Görseller” (Imagens) gerenciam o menu, os títulos das seções e duas imagens do site.
• “E-posta Ayarları” (Configurações de e-mail): você informa servidor SMTP, porta, criptografia, conta de e-mail, senha e endereço de notificação; com a notificação ativada, funcionam os e-mails do formulário de contato, dos pedidos de orçamento e de “Bilgi al”.
• “Site Ayarları” (Configurações do site) e “İletişim Bilgileri” (Dados de contato): “Site Ayarları” reúne título do site, palavras-chave, descrição, linha de direitos autorais, as duas cores, página KVKK, idioma do site, idioma do painel, logotipos e favicon. “İletişim Bilgileri” é uma página à parte: 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 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) ficam abertos apenas ao administrador. As permissões são verificadas no servidor.
• Esqueci minha senha: o link na 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 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 fica 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, Swiper, Font Awesome Free 6 e jQuery; as fontes (Lora, Open Sans) 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 e os serviços 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://013.tiklaweb.net
• Painel administrativo: https://013.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 Al” 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.