Opções Modelos HTML

Modelos HTML de opções simples

Um modelo HTML de opções oferece um layout pronto para exibir várias alternativas lado a lado, permitindo que os visitantes vejam facilmente as diferenças entre elas. Muitas dessas escolhas não têm relação com preço. Uma loja pode listar diferentes formas de comprar um produto, enquanto uma consultoria pode desejar apenas que o público escolha como entrar em contato. Quando o conteúdo estiver pronto, o design é exportado como arquivos HTML que você mesmo pode hospedar ou repassar a um desenvolvedor.

Qual layout combina com as suas opções

Um plano é apenas um tipo de opção, e uma grade de preços pode parecer rígida demais para outros fins. Tipos comuns de opções costumam se encaixar em layouts como estes:

• Opções de adesão ou membros funcionam muito bem como cartões, pois as pessoas comparam vantagens nível a nível.
• Opções de compra, como uma unidade avulsa ou um pacote, oferecem boa leitura em uma linha de cartões com os termos descritos abaixo de cada um.
• Opções de contato raramente envolvem valores financeiros, portanto uma lista compacta ou alguns blocos equivalentes com ações claras costumam ser suficientes.

Opções de preços com muitos recursos em comum são mais fáceis de comparar coluna por coluna, e o Elemento Tabela do Nicepage oferece suporte a linhas e colunas editáveis, além de botões com links dentro das células. No celular, contudo, seis colunas bem organizadas podem exigir rolagem lateral; por isso, cartões empilhados costumam ser uma alternativa mais segura.

Do editor aos arquivos exportados

Os modelos aqui disponíveis são fornecidos como páginas inteiras e como blocos separados. Um bloco adiciona uma seção de opções a uma página que você já possui, enquanto uma página completa serve para uma tela estruturada em torno da escolha em si. Você altera nomes, descrições e botões no editor do Nicepage. Em seguida, a página é exportada como HTML acompanhada de imagens e scripts, eliminando a necessidade de programar manualmente. Alternadores e abas precisam de links reais ou scripts associados para alternar qualquer visualização.

Pense em uma empresa de consertos residenciais que oferece a visita de um técnico, reparo em oficina e consultoria por telefone. Nenhuma dessas opções precisa obrigatoriamente de preço, e um botão com a frase "Pergunte sobre um serviço específico" comunica muito mais do que um simples "Selecionar". Após ajustar os blocos e checar a versão mobile, o responsável exporta a página para o servidor que já hospeda o site da empresa.

Verificações finais antes da hospedagem

Antes de a página entrar no ar, teste-a com seu conteúdo real. O nome de opção mais longo deve caber perfeitamente no cartão, e cada alternativa precisa continuar fácil de distinguir no celular. Botões e links pedem uma checagem rápida assim que os arquivos estiverem no seu servidor. Uma hierarquia de títulos clara e descrições alternativas em ícones informativos ajudam pessoas que utilizam tecnologias assistivas.