• 187k
  • 8
Novidades do Wix \ 5 de dezembro de 2017

EXTRA! EXTRA! Você Já Pode Criar Sem Limites com Wix Code

Há alguns meses, anunciamos o Wix Code, uma poderosa solução que oferece a possibilidade de criar sem limites. Hoje, estamos animadíssimos para contar que o Wix Code está aberto para todos!

Do que estamos falando exatamente?

Wix Code é um ambiente de desenvolvimento integrado que permite o gerenciamento de dados, personalização de elementos Wix, construção de aplicações web e criação de sites robustos. Traduzindo: esta ferramenta formidável permite que você estenda consideravelmente as funcionalidades de seu site Wix. E o melhor: você faz tudo isso usando os elementos visuais incríveis do Editor Wix.

Pronto para a revolução? Vamos dar uma volta pelos principais recursos do Wix Code.

Faça (muito) mais sem programar

Sim, senhoras e senhoras, é possível usar o Wix Code sem programar. Como dissemos, esse produto abre as portas de poderosas ferramentas que oferecem a possibilidade enriquecer consideravelmente seu site – sem conhecimento técnico avançado. Você deve estar se perguntando “será que é pra mim?”. Excelente pergunta!

Para exemplificar o que uma pessoa que não sabe programar pode fazer com o Wix Code, usaremos o site da Anno como exemplo. A Anno não sabe programar, mesmo assim, ela criou um catálogo imenso de plantas para entusiastas da jardinagem. Para isso, ela usou dois excelentes recursos do Wix Code: Coleção de Banco de Dados (Database Collections) e Páginas Dinâmicas (Dynamic Pages).

Vamos revisar o que são estes recursos e como a Anno os usou:

  • Coleção de Banco de Dados (Database Collections): Permitem administrar todo o conteúdo de seu site em um só lugar. Você pode reunir e armazenar texto, imagens, números, documentos, informações de usuários e muito mais no banco de dados, e usar tudo isso em qualquer lugar em seu site. Por exemplo: Digamos que você quer criar um catálogo como a Anno fez em seu site incrível. Você pode compilar seu texto e suas imagens na sua coleção de banco de dados. Cada item (neste caso, cada planta) tem sua linha, como se fosse uma planilha – é simples assim. Agora, a pergunta de um milhão de dólares: o que fazer com todo esse conteúdo? Siga lendo.
  • Páginas Dinâmicas (Dynamic Page): Após reunir seu conteúdo no banco de dados, você pode gerar um único estilo de design que se adaptará a cada item da sua lista. Isto permite a criação de uma infinidade de novas páginas sem a necessidade de duplicá-las. Cada página (gerada automaticamente) tem sua própria URL (endereço) e conteúdo individual. Aqui também podemos ver que a Anno tem um banco de dados enorme, contendo muitas plantas. Após conectar seu banco de dados com as páginas dinâmicas, a Anno agora possui centenas de páginas, uma para cada planta. Claro, tudo compatível com SEO. Uma loucura, né?

Mas esta não é a única mágica que você pode fazer sem precisar programar. Também é possível gerar formulário feitos sob medida para as suas necessidades, como o Josh fez em seu site:

  • Entrada de Texto do Usuário (Custom User Input Forms): Crie formulários de inscrição, seções de comentários, enquetes e muito mais sem escrever uma linha de código. Todos os dados coletados serão automaticamente armazenados em seu banco de dados – e, claro, poderão ser usados em qualquer lugar de seu site. Veja as seções de Comprador e Vendedor no site. Os formulários são totalmente personalizáveis para suprir as necessidades da imobiliária do Josh.

Criar sem limites com Wix Code

Se você sabe programar, então logo vai perceber todo o poder do Wix Code. Primeiramente, por ser parte do Wix OS, deixe por nossa conta toda a dor de cabeça de cuidar da infraestrutura e da manutenção dos ambientes web, e aproveite uma experiência de criação melhor e mais rápida. Você perceberá que tem mais tempo e liberdade para:

  • Assumir o controle do seu site com APIs & JavaScript: Programando, você pode expandir a funcionalidade de seu site com JavaScript e APIs. Essa combinação coloca em suas mãos o controle completo do funcionamento de seu site, dos elementos Wix ao seu banco de dados, passando por arquivos de backend e incluindo busca & roteamento (fetching & routing).
  • Personalizar o comportamento dos elementos da página com interações personalizadas: Adicione código de JavaScript a elementos da página para personalizar seu comportamento. Crie interações para cada ação realizada pelo usuário, como clicar em botões, passar o mouse por cima de uma forma ou alterar o layout da página. É fácil de fazer, mesmo que você não seja o mestre do JavaScript.

Dê uma olhada no site da Marisa para ver algumas interações bacanas:

Mas é melhor ouvir sobre o Wix Code diretamente dos nossos usuários. Veja o que o desenvolvedor Andreas Kviby tem a dizer:

Usando o Wix Code, economizaremos cerca de 50% do tempo que normalmente nos tomaria para construir em outras plataformas – provavelmente até mais. É impressionante poder criar aplicações clientes em dias, em vez de semanas. Para designers que não são programadores, é possível pegar um pouco de código e expandir sites em pouquíssimo tempo.

E adivinha o quê? O Andrea usou o Wix Code para criar um chatbot para o Facebook Massenger! Você pode dar uma olhada em seu site aroundme.ai se estiver procurando por sugestões de eventos em sua região.

Como ativar o Wix Code

Apenas um lembrete: você não precisa usar se não quiser. Mas se você leu até aqui, acreditamos que conseguimos convencer a dar uma chance. É assim que funciona:

  • Acesse o Editor Wix
  • Clique em “Ferramentas”, na parte superior da tela
  • Marque a caixa “Ferramentas de desenvolvedores”

Pronto, você conseguiu! Parabéns!

Recursos úteis

Agora é a hora de começar a testar cada elemento desta joia rara da tecnologia. Aqui estão mais alguns recursos que devem ser bastante úteis, ainda que estejam disponíveis apenas em inglês:

  • Primeiro, dá uma olhada no mini-site para uma visão geral do Wix Code
  • Quer saber mais sobre o produto? A página de recursos é o lugar certo!
  • Se está procurando uma luz, deveria ver nossos tutoriais em vídeo.
  • Para informações complementares, confira o nosso FAQ!

Ainda um pouco cético? Veja abaixo uma pequena amostra…

Sites incríveis que usaram o Wix Code

aroundme.ai

boldenacademy.com

citisonshipdesign.com

Esses sites não são fabulosos? Agora é a sua vez de aproveitar esse produto revolucionário para seu negócio, com toda a liberdade para criar!

Crie sem limites hoje mesmo usando Wix Code >>