Sobre a Conclusão Automática

É possível configurar várias áreas de Preenchimento automático para controlar a geração do formulário de pesquisa ativado de preenchimento automático e o arquivo autocomplete_data.js, que é incluído como parte do formulário de pesquisa ativado de preenchimento automático.

Sobre a Conclusão Automática

O arquivo autocomplete_data.js é gerado novamente e publicado na rede de conteúdo de pesquisa sempre que há alterações que a página Configuração de Completar Automaticamente foi salva.

Configuração da Conclusão Automática

Você pode configurar e configurar as opções que controlam a geração do formulário de pesquisa ativado de preenchimento automático e o arquivo.

Depois de configurar o preenchimento automático, você pode exibir a fonte HTML resultante para revisão. A fonte HTML é o que você copia e cola nas páginas do seu site.

Consulte Visualizar o formulário de pesquisa como ele apareceria em seu….

Consulte Configurando a Lista de Palavras de Conclusão Automática.

Consulte Configuração do CSS de Conclusão Automática.

Para configurar a Conclusão automática

  1. No menu do produto, clique em Design > Auto-Complete > Auto-Complete Setup.

  2. Na página Auto-Complete Setup, defina as opções desejadas.

    Consulte também Visualizar o formulário de pesquisa como ele apareceria em seu….

    Opção

    Descrição

    Máximo de sugestões

    Especifica o número máximo de itens a serem exibidos na lista de sugestões de preenchimento automático.

    Caracteres de entrada mínimos

    Especifica o número de caracteres que um cliente deve digitar no formulário de pesquisa de preenchimento automático antes de exibir sugestões.

    Máximo de entradas de cache

    Especifica o número máximo de sugestões de preenchimento automático solicitadas anteriormente a serem armazenadas em cache no navegador do cliente. Geralmente, você deve deixar essa configuração no padrão de 1000.

    Embora você possa desativar completamente o armazenamento em cache do navegador definindo essa opção como 0, isso não é recomendado.

    Nome do formulário

    Especifica o atributo "name" da tag "form" do formulário de pesquisa habilitado para preenchimento automático. Por exemplo,

    <form name="SiteSearch" method="get" action="https://sp1004337c.guided.t1.atomz.com" target="_blank">

    onde SiteSearch é o atributo name da tag form.

    ID da tag Div

    Especifica o atributo ID da tag "div" do formulário de pesquisa habilitado para preenchimento automático. Por exemplo,

    <div id="autocomplete">

    onde preencher automaticamente é o atributo da tag div.

    ID da tag de entrada

    Especifica o atributo de ID da tag de "entrada" do formulário de pesquisa habilitado para preenchimento automático. Por exemplo,

    <input type="text" id="q" name="q" />

    onde q é o atributo id da tag de entrada.

    Exibir sombra

    Adiciona uma sombra suspensa superficial à lista de sugestões de preenchimento automático.

    Corresponder somente no início da frase

    Sugerir apenas resultados que correspondam ao início do texto de entrada.

    Suporte para conjunto de caracteres UTF-8

    Trata corretamente caracteres não ASCII em termos.

  3. Clique em Save Changes.

  4. (Opcional) Siga um destes procedimentos:

Configuração da lista de palavras de preenchimento automático

Configure a lista de palavras e frases que a opção Completar automaticamente exibe para um cliente como sugestões.

Consulte Configuração da Conclusão Automática.

Consulte Configuração do CSS de Conclusão Automática.

Para configurar a Lista de Palavras de Completar Automaticamente

  1. No menu do produto, clique em Design > Auto-Complete > Auto-Complete Word List.

  2. Na página Auto-Complete Word List, defina as opções desejadas.

    Consulte Visualizar o formulário de pesquisa como ele apareceria em seu….

    Opção

    Descrição

    Período de pesquisa popular

    Controla o período de tempo para a inclusão de palavras e frases de pesquisas recentes de um cliente.

    Contagem máxima de pesquisa

    Controla o número máximo de palavras e frases pesquisadas que serão incluídas na lista de palavras de preenchimento automático. As principais palavras e frases, que também são as mais populares, são incluídas.

    Nome do campo

    Cada nome de campo define o nome de um campo para o qual incluir valores indexados. Use + e - para adicionar ou remover nomes de campos.

    Contagem de Valores Máximos

    Define a contagem máxima de valores de campo permitidos para o nome do campo selecionado. Os valores principais, que também são os mais referenciados, são incluídos.

    Adicione estas palavras e frases

    A lista de palavras de preenchimento automático é preenchida com as palavras e frases listadas nessa área.

    Clique em Editar para ver a lista ou para adicionar palavras e frases à lista. Quando terminar, clique em Salvar alterações .

    Remover estas palavras e frases

    As entradas nessa área não são exibidas na lista de palavras de preenchimento automático.

    Clique em Editar para ver a lista ou para adicionar palavras e frases à lista. Quando terminar, clique em Salvar alterações .

    Expressões regulares são permitidas nesta lista. Para especificar uma expressão regular nessa lista, inicie a linha com regexp seguida por um único espaço, seguido pela expressão regular. Todas as linhas da lista de palavras que correspondem à expressão regular são removidas.

    Importante: Você só deve usar expressões regulares se tiver trabalhado com elas anteriormente em outros aplicativos.

    Consulte Expressões regulares .

    Ignorar maiúsculas e minúsculas

    São removidas entradas duplicadas na lista de palavras de preenchimento automático que diferem apenas por letras maiúsculas/minúsculas alfabéticas; todas as entradas da lista de palavras são forçadas a minúsculas.

    Se desejar que as sugestões de Preenchimento automático apareçam "primeira letra maiúscula" ou "todas maiúsculas", adicione a text-transform : capitalize; ou text-transform : uppercase; Propriedades de texto CSS para o conteúdo CSS de Completar automaticamente, em "/* estilos para o item de resultado */".

    Consulte Configurando o CSS de Conclusão Automática .

    Atualizar no reindexação

    A lista de palavras de preenchimento automático é regenerada automaticamente após cada reindexação de conta bem-sucedida.

  3. Clique em Save Changes.

  4. (Opcional) Siga um destes procedimentos:

    • Clique em History se desejar reverter as alterações feitas.

    • Clique em Preview Word List para salvar as alterações feitas e abra a página Auto-Complete Word List Preview, onde poderá revisar a lista de sugestões de preenchimento automático. Use as opções de navegação perto da parte superior da página para revisar e refinar a lista exibida. Quando terminar, clique em Close para retornar à página Auto-Complete Word List.

      Consulte Usando a opção Histórico.

    • Clique em Live.

      Consulte Exibição das configurações ativas.

    • Clique em Push Live.

      Consulte Envio das configurações do estágio ao vivo.

Configuração do CSS de Conclusão Automática

Use o CSS de Completar Automaticamente para configurar a folha de estilos em cascata de preenchimento automático que deseja usar.

O CSS de Completar automaticamente controla o conteúdo de autocomplete_styles.css, que é incluído como parte do formulário de pesquisa ativado de preenchimento automático. O CSS especificado aqui controla a apresentação visual da lista de sugestão de preenchimento automático. Para obter um exemplo das ideias de apresentação visual possíveis, consulte o seguinte:

Configurando a Lista de Palavras de Preenchimento Automático.

Configuração da Conclusão Automática.

Quando você terminar de configurar o CSS de Completar Automaticamente, poderá visualizar o formulário de pesquisa para ver se o CSS especificado é aceitável na aparência e no layout.

Consulte Visualizar o formulário de pesquisa como ele apareceria em seu….

Importante: Para aplicar seu CSS personalizado de preenchimento automático, você deve remover as tags de comentário da segunda linha que aparece no código HTML. Em seguida, mova a mesma linha para dentro da seção de cabeçalho da página que contém o formulário de pesquisa.

Consulte Copiando o código HTML do formulário de pesquisa para o….

Para configurar o CSS de Conclusão Automática

  1. No menu do produto, clique em Design > Auto-Complete > Auto-Complete CSS.

  2. No campo de texto Auto-Complete CSS, cole ou digite as informações da folha de estilos em cascata que deseja associar à lista de sugestão de preenchimento automático.

  3. Clique em Save Changes.

  4. (Opcional) Siga um destes procedimentos:

Visualizar o formulário de pesquisa como ele apareceria em seu site

Com base na sua configuração de CSS de Preenchimento Automático e de Preenchimento Automático, você pode visualizar como o formulário de pesquisa será exibido se quiser adicionar o código HTML ao seu site.

Consulte Configuração da Conclusão Automática.

Consulte Configuração do CSS de Conclusão Automática.

Consulte Copiando o código HTML do formulário de pesquisa para o….

Consulte Uso de coleções em formulários de pesquisa.

Consulte Uso de quadros com formulários.

Consulte Amostra de formulário de pesquisa avançada.

Consulte Código HTML do formulário de pesquisa avançada.

Consulte Código do modelo de formulário de pesquisa avançada.

Para visualizar o formulário de pesquisa como ele apareceria em seu site

  1. No menu do produto, clique em Design > Auto-Complete > Search Form.
  2. (Opcional) Clique em HTML code para ver o HTML que você copia e cola nas páginas do seu site.

Como copiar o código HTML do formulário de pesquisa nas páginas do seu site

Com base na sua configuração de CSS de Preenchimento Automático e de Preenchimento Automático, você pode visualizar como o formulário de pesquisa será exibido se quiser adicionar o código HTML ao seu site.

Consulte Configuração da Conclusão Automática.

Consulte Configuração do CSS de Conclusão Automática.

Consulte Copiando o código HTML do formulário de pesquisa para o….

Consulte Uso de coleções em formulários de pesquisa.

Consulte Uso de quadros com formulários.

Consulte Amostra de formulário de pesquisa avançada.

Consulte Código HTML do formulário de pesquisa avançada.

Consulte Código do modelo de formulário de pesquisa avançada.

Para copiar o código HTML do formulário de pesquisa nas páginas do seu site

  1. No menu do produto, clique em Design > Auto-Complete > Form Source.

    OBSERVAÇÃO

    Não altere o valor form name= na origem do formulário.

  2. (Opcional) Siga um destes procedimentos:

    • Se você tiver configurado o CSS de preenchimento automático e quiser que os estilos sejam aplicados ao formulário de pesquisa, remova as tags de comentário da segunda linha exibida no código HTML. Em seguida, mova a mesma linha para dentro da seção de cabeçalho da página que contém o formulário de pesquisa.
    • Para obter o máximo desempenho, mova as tags listadas na parte inferior do código HTML e coloque-as na parte inferior da seção de corpo de cada página que contém o formulário de pesquisa.
  3. Copie o código e cole-o nas páginas da Web do seu site, onde deseja que o formulário de pesquisa apareça.

Nesta página