• 128k
  • 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é?

Site com Wix Code: The Plant Library

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.

Site com Wix Code: Vancouver First Realty

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:

Site com Wix Code: Marisa Y Purdy

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

Site com Wix Code: Citisonship Design

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 >>


Receba o Blog do Wix
no conforto da sua casa!

Assine o Wix Blog e não perca nenhuma novidade!

Opa, esse não é um email válido.

Opa, esse não é um email válido. Email already exists

Opa, esse não é um email válido. Invalid email

Aproveite! \ 

Receba em primeira mão dicas atualizadas sobre como
promover seu negócio, Web Design, SEO e o Wix!

Opa, esse não é um email válido.

Opa, esse não é um email válido. Email already exists

Opa, esse não é um email válido. Invalid email