sem api e sem complicação

SUA BUSCA

Esta página entrega o jeito mais simples e seguro de publicar a busca principal da TechFlix em outros sites: um formulário HTML comum apontando para a busca pública da própria TechFlix. O usuário pesquisa no site parceiro e cai aqui normalmente com o resultado.

Quero o modelo completo Quero o mais simples

1. Copie Escolha um dos blocos de código prontos e cole no seu site.

2. Publique Sem backend, sem token, sem integração avançada.

3. Busque Ao clicar em buscar, o visitante abre a TechFlix já com a consulta.

O que isso faz

Envia a busca para https://techflix.app.br/ usando GET.
Permite usar o menu suspenso de modo e o campo de texto no site de terceiros.
Não expõe segredo, chave, token ou API.
Funciona até em hospedagens simples com HTML estático.

Quando usar

Você quer liberar a busca TechFlix para parceiros ou clientes.
Quer algo copiável por pessoas leigas sem mexer em backend.
Quer manter os resultados finais centralizados no domínio da TechFlix.

Escolha um modelo

Use o bloco mínimo se quiser só campo e botão. Use o completo se quiser o menu suspenso das categorias principais.

Cole no site

O código pode entrar em uma página HTML, no editor do site ou em um bloco de código da plataforma usada pelo parceiro.

Pronto

Quando alguém fizer a busca, a navegação abre a TechFlix já com a consulta e o modo selecionado.

Modelo Mínimo

O mais simples possível: campo e botão, sempre caindo na busca principal de filmes.

html simples

<form action="https://techflix.app.br/" method="get" target="_blank">
  <input type="text" name="q" placeholder="Digite o nome do filme" required>
  <button type="submit">Buscar</button>
</form>

Bom para: sites que querem só um atalho rápido de busca.

Resultado: o visitante cai na busca padrão da TechFlix.

Modelo Completo

Versão com menu suspenso e botão buscar, pronta para filmes, séries, documentários e música.

html com menu

<form action="https://techflix.app.br/" method="get" target="_blank">
  <select name="mode" aria-label="Tipo de busca">
    <option value="filmes">Filmes</option>
    <option value="series">Séries</option>
    <option value="documentarios">Documentários</option>
    <option value="musica">Música</option>
  </select>

  <input
    type="text"
    name="q"
    placeholder="Digite sua busca"
    required
  >

  <button type="submit">Buscar</button>
</form>

Modelo com estilo pronto

Mesmo formato simples, mas já com CSS básico para o parceiro colar e usar sem precisar desenhar do zero.

html + css

<style>
.tf-busca-box{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  padding:16px;
  border-radius:18px;
  background:#0d1320;
  border:1px solid rgba(255,255,255,.10);
}
.tf-busca-box select,
.tf-busca-box input,
.tf-busca-box button{
  min-height:46px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  font:inherit;
}
.tf-busca-box select,
.tf-busca-box input{
  padding:0 14px;
  background:#121b2c;
  color:#fff;
}
.tf-busca-box input{
  flex:1 1 260px;
}
.tf-busca-box button{
  padding:0 18px;
  background:#ff365e;
  color:#fff;
  font-weight:700;
  cursor:pointer;
}
</style>

<form class="tf-busca-box" action="https://techflix.app.br/" method="get" target="_blank">
  <select name="mode">
    <option value="filmes">Filmes</option>
    <option value="series">Séries</option>
    <option value="documentarios">Documentários</option>
    <option value="musica">Música</option>
  </select>
  <input type="text" name="q" placeholder="Digite sua busca" required>
  <button type="submit">Buscar</button>
</form>

Notas importantes

O modelo foi pensado para ser simples, seguro e fácil de distribuir.

Sem API: o formulário só redireciona para a URL pública da TechFlix.

Sem segredo: não existe token, chave privada nem código sensível no snippet.

Sem backend extra: o site parceiro não precisa processar nada.

Seguro: como é um GET público, o parceiro só envia texto de busca e modo escolhido.

Mais fácil de manter: se a TechFlix continuar aceitando q e mode, o snippet continua funcionando.

Vai buscar dentro do site da outra pessoa?

Não. A busca nasce no site dela, mas o envio abre a TechFlix para mostrar os resultados normais no domínio da própria TechFlix.

Posso deixar abrir na mesma aba?

Sim. Se quiser isso, basta remover target="_blank" do formulário copiado.

Posso mudar o visual?

Sim. O parceiro pode trocar cores, bordas e tamanhos sem mexer no action, no campo q e no seletor mode.