Embora existam dezenas de ferramentas excelentes para construir um site , Wix oferece o caminho mais rápido para um site completo e totalmente funcional. Com ferramentas alimentadas por IA, como o Wix ADI (Artificial Design Intelligence), você pode desfrutar de uma experiência de construção de sites sem sacrificar seu toque pessoal. Neste tutorial do Wix, vamos guiá-lo na construção de um site do início ao fim.
📚 Índice:
Tutorial Wix: Começando do zero
Nem todo mundo sabe que você pode construir um site inteiro sem escrever nenhum código com o Wix. No entanto, o módulo Wix ADI vai além, permitindo que você delegue a maior parte do trabalho de design ao próprio Wix. Leia: Wix faz tudo por você!
Se você está procurando uma maneira amigável de construir um site incrível, vá para Página inicial do Wix e clique em Começar .
Personalize sua experiência Wix
Sua primeira tarefa é responder a algumas perguntas sobre seus objetivos para o site. Embora você possa pular esta etapa, leva apenas alguns segundos para fazer isso, e suas respostas ajudarão o Wix a encontrar seu melhor ponto de partida.
Por exemplo, se este é o seu primeiro site, o Wix irá sugerir o uso do Wix ADI Editor. Usuários mais experientes, por outro lado, serão empurrados para o Editor tradicional.
Recomendamos deixar o Wix ADI fazer o trabalho pesado e construir a maior parte do seu site.
Configure seu site com Wix ADI
A primeira coisa que você notará é outro lote de perguntas. Considere essas questões essenciais porque elas ajudam o Wix ADI a encontrar o melhor design e recursos para o seu site .
Quando se trata de nichos de sites, o Wix cobre tudo. Percorra a lista para encontrar algo que corresponda aos seus objetivos e clique em próximo para começar a adicionar recursos.
Dependendo do tipo de site que você está construindo, o Wix irá sugerir várias coisas diferentes. Se o Wix não recomendar algo que você adoraria ter em seu site, basta rolar a lista para baixo para ver toda a gama de opções disponíveis.
O próximo passo neste tutorial Wix é o nome do seu site!
Você pode inserir qualquer coisa aqui, como o nome da sua empresa, um apelido ou qualquer outra coisa que vier à mente. Se você ainda não tem um nome, pode pular esta etapa ou criar um instantaneamente usando um gerador de nome .
Depois de definir um nome, você verá uma opção para importar conteúdo. Você pode pular aqui. Eu sei que parece uma ótima economia de tempo, mas nunca foi melhor do que acertar e errar para mim.
Agora, este tutorial do Wix vai direto ao ponto. Você deve reservar um momento para adicionar alguns detalhes como endereço físico, seus números de contato e páginas de mídia social.
Também é um momento conveniente para adicionar seu logotipo. Ainda não tem um? Você pode criar um rapidamente com um criador de logotipo online (também não se esqueça de usar o fontes ).
Quando estiver satisfeito com os detalhes da empresa, clique em Avançar para iniciar a fase de design.
Escolha um design de tema
Assim que o Wix tiver seus detalhes, é hora de projetar seu site . Não importa se você está construindo um site para sua empresa ou para você pessoalmente, o processo é o mesmo.
Felizmente, o Wix torna tudo realmente fácil. Por exemplo, a tela de design do tema não desacelera você com muitos estilos, ao mesmo tempo que oferece uma boa variedade de cores e designs.
Para obter mais detalhes, role sobre os quadrados para revelar a paleta de cores e as fontes.
Você não precisa perder muito tempo se preocupando com sua escolha; você pode alterar o tema e as cores a qualquer momento, sem começar do zero.
Depois de fazer sua escolha, o Wix leva alguns minutos para projetar sua página inicial. Com base em suas respostas anteriores, o Wix fornecerá imagens e designs que são perfeitos para o seu site. Além disso, cada uma das opções da página inicial seguirá as tendências populares em design da web.
Já quase concluímos a configuração deste tutorial Wix! Nossa etapa final é escolher algumas páginas extras.
Se você deseja acelerar o processo de design, clique em Adicionar página em qualquer uma das páginas predefinidas. Com isso em mente, considere adicionar o essencial, como as páginas Sobre , Contato e Política de Privacidade .
Tutorial Wix: Editando seu site Wix
Clique em Editar site para personalizar seu site.
Quando você veio a este tutorial Wix, provavelmente estava muito animado com a parte de personalização. E, finalmente, estamos prontos para adicionar os toques pessoais, ajustar a aparência e adicionar alguns elementos interessantes.
Ajuste o design do seu site Wix
Superficialmente, parece muito trabalho. Porém, você encontrará as opções necessárias nos itens de menu da barra superior. Você deve ver algo assim:
Clicar em qualquer bloco abrirá a barra lateral de edição. Por exemplo, clicar na imagem principal do herói permite alterar as imagens, alterar o texto ou adicionar um botão. Se você não gostar da sua página, altere o layout por meio do botão Design da seção .
Você também pode experimentar diferentes layouts de seção por meio do botão Design. Clicar em qualquer uma das opções substituirá imediatamente o layout existente. Não gostou? Clique na seta Desfazer para trazer seu design antigo de volta como novo.
Personalizar fontes
Wix ADI irá fornecer a você fontes pré-combinadas que devem ser adequadas para a maioria dos casos, mas se você gostaria de fazer alguns ajustes, então você encontrará as opções de fonte em Design → Fontes menu.
Mais uma vez, o Wix reduz a dificuldade oferecendo uma gama versátil de opções com um controle deslizante para ajudá-lo a obter um tamanho perfeito. Você deve experimentar todas essas opções para encontrar uma aparência que seja atraente e legível para títulos, subtítulos e textos de botões.
Abra as opções de cores através do menu Design → Cores . Não há tela opressora com cores e números.
Basta definir uma cor e o Wix criará uma paleta de cores consistente com base nela. Depois de fornecer essa cor original, o Wix fornecerá uma série de esquemas de cores para usar.
Você pode até editar os modos de cores ( claro , escuro , misturado , matizado , colorido ou vibrante ) e adicione cores específicas por meio do modo Editar cores da paleta .
Personalize e adicione seções
O Wix facilita a construção de um site totalmente funcional, mas você pode descobrir que gostaria de adicionar uma seção à sua página inicial. Felizmente, todas as páginas de um site Wix são construídas como uma sequência de seções individuais reunidas. Isso significa que você pode adicionar, remover e alterar seções a qualquer momento.
O Wix ADI oferece duas opções fáceis de usar para adicionar seções:
Primeiro, clique em uma seção existente e, a seguir, clique em um dos ícones + azuis:
Em segundo lugar, você pode clicar no item Adicionar e em Seção à página .
Não importa qual método você usa, porque ambos abrem a barra lateral de design com uma ampla variedade de seções de conteúdo. Você encontrará seções recomendadas no topo da lista. Você também pode encontrar:
- FAQs
- Currículo
- Horário de funcionamento
- Players de vídeo
- Galerias
- Formulários
- E muito mais
Felizmente, eles são categorizados de acordo com as seções que têm mais probabilidade de corresponder ao seu nicho.
Depois de encontrar a seção de que precisa, basta arrastá-la para a página.
Quando a seção estiver pronta, você pode editá-la como qualquer outra seção. Por exemplo, a seção “horário de funcionamento” permite ajustar seu horário de trabalho, alterar a imagem ou adicionar um botão de reserva. Você pode até mesmo mover a seção usando os botões de seta no lado direito da tela.
Personalize e adicione páginas
Agora que você tem cores e fontes, pode preencher seu site com outras páginas. Wix torna mais fácil visitar, adicionar e editar suas páginas através do menu Página no canto superior esquerdo.
Depois que o menu estiver aberto, você pode clicar em + Adicionar página para começar a reforçar seu site.
Mais uma vez, você verá muitas opções. Mas, para começar, Sobre mim é uma página que a maioria dos sites deseja ter.
Quando estiver pronto para começar, role pelos diferentes layouts e escolha o seu favorito.
Quando sua página Sobre for adicionada, você poderá começar a editar imediatamente. Certifique-se de que a página comunique a missão do seu site e diga às pessoas o que esperar. Porque não importa se você dirige um restaurante ou um cirurgia dentária , sua página Sobre deve envolver seus visitantes e responder às suas perguntas.
Em alguns minutos, você deverá ter uma página descritiva e atraente para mostrar aos seus visitantes.
Adicionando uma página de contato
Nenhum tutorial do Wix estaria completo sem uma página de contato. Para um site de negócios, é uma página crucial para transformar visitantes em clientes. Por esse motivo, deve ajudar os visitantes:
- ☑️ Marque um horário ou reserva
- ☑️ Assine o seu blog
- ☑️ Encontre uma maneira de falar diretamente com você
O Wix torna tudo isso fácil com designs e layouts claros construídos para conter todas as informações de que seus visitantes precisam. Isso inclui:
- Forms
- Email direto
- Redes sociais atendidas
- Números de telefone
- Mapas com endereços físicos
The editing process is similar to the process for changing the text in any section. If there’s anything you don’t want to share, click the checkbox to remove the field. You can even disable the map if you don’t have a physical location.
Customize your navigation menu
Your main nav menu is crucial to keeping visitors on the website. It might seem obvious, but when visitors can’t find what they’re looking for, they tend to leave.
Fortunately, Wix will automatically add your new pages to the menu. However, if you’d like to change their order, click on the headers and then Edit next to Site Menu.
You can change the order of the menu items by dragging-and-dropping them into place. If you’d like to perform more fine-tuning, click the three horizontal dots to open the editing menu. You can even add external links via the Add Menu Item option.
Generally, your menu items should follow these rules:
- Clear names
- Avoid nesting or creating menus with multiple levels
- If you must nest, then use no more than two connected levels
Prepare your mobile website
As fantastic as editing a desktop site is, you’re going to need a mobile version of the website too. Switch between mobile and desktop views via the switcher in the top-bar:
You’ll probably be relieved to see that your mobile website looks great right out of the gate. However, there’s the odd occasion when you see something that needs a tweak. If it is a mobile-only problem, then make the change in the mobile view. It won’t impact your desktop site in any way.
💡 What makes for a good mobile site?
- Decorative images that look great on a desktop, are just taking up space on a mobile device. Hide and resize your images for the best mobile experience.
- Put the important information like contact and pricing high on the page.
- Put links and buttons front and center where they can be reached by a thumb.
Wix has abundant options to help you organize your mobile site, but experiment and test them to make sure your mobile site meets your expectations.
All of your changes will be saved automatically when you return to your desktop view.
Wix tutorial: Adding a blog
If you’re running a business, adding a blog might be something you’re considering. An informative and well-maintained blog can help you attract new customers while also enhancing your brand. With this in mind, Wix has made it easy to add a blog to your website without any technical demands.
You already know how to do most of the work. First, go to Add → Page and scroll down to Blog to see the layout options available. Second, click on the layout you like and wait a few seconds for it to appear on your site.
Editing the blog page follows the same process as every Wix page. You have three main options:
- Click on the three dots to see the blog display options. With a few clicks, you can add and remove elements like author name, number of likes, and reading time.
- The design menu will re-open the layout options for your Blog.
- Manage will open the Wix dashboard where you can add (and find) writers, write posts, and study analytics.
Write a blog post
Open the Wix dashboard from the Blog page, and start with your existing published posts. When you’re ready to add another post, click Create New Post.
Not only is the Wix post editor easy to use, but it also follows the standard workflows you’ll find everywhere from social media to work processing.
You can find the formatting and visual elements, like video and images, on the bottom of the screen. For settings and SEO, look to the left.
Wix tutorial: Adding a store and products
Depending on your site, you might like to add an online store to it as well. While setting up a Wix eCommerce store is enough for its own Wix tutorial, let’s consider the basics. With this in mind, Wix does have eCommerce functionality that can be added without large scale changes like switching platforms.
Indeed, the process is similar to adding any other page. Click Add → Page and scroll down to Online Store. You can then experiment with Wix’s layouts to find one that will work best for you.
Once you’ve found a design you like, you can click on the store sections and then Manage to add your first products.
You can run an entire eCommerce store right from this Wix dashboard. You can add your products and write descriptions while also setting prices and stock numbers.
👉 If you would like to learn more on how to start an eCommerce business from the ground up, this guide will get you going.
Tweak visual elements of the store
At this stage of the Wix tutorial it is time to consider how to add those small, attractive visual elements that bring your site to life.
While Wix supplies an abundance of images in the initial design stage, you might have your own content you’d like to add, too.
You can edit or replace images by clicking on any section to open the sidebar. Locate the Image section and click on the thumbnail to replace it.
Once you open the Wix media dashboard, you’ll see a range of suggested images from the Wix library. You can also opt to check Unsplash or the paid Shutterstock library. If you already have images of your own, then upload them with the Upload Media button.
If you’d just like to make adjustments to the image, you can click the Settings option in the sidebar.
Once you enter the editing screen, you can change the layout, the ALT text, the opacity, and even the background color.
OK, so maybe you’d like to add different media elements, too. Wix can help you add videos, patterns, and galleries to your page.
You’ll find them all at the top of the Media Settings sidebar.
All you need to do is click Organize Media to open the media library and arrange all of the media you want to display on your site.
Wix tutorial: Mastering the Wix dashboard
The Wix dashboard will become the most important tool once you have finished this Wix tutorial and published your site. Not only is it a tool for monitoring your site’s performance, but it provides a central location for managing diverse aspects like blog posts, products, and marketing.
On the left, the sidebar is the main navigation area for skipping to different parts of your site. This is the starting point for products, orders, bookings, and your analytics and marketing tools.
At the very bottom of the sidebar, you will find the Settings option. This is where you will find a variety of technical aspects like custom code, cookies, and payment options. While you might not necessarily need them, it is good to be familiar with this area of your site.
Returning to the center of the screen, you will find helpful Wix tutorials covering everything from syncing with Facebook and Google Workspace to building a community. You will also find helpful suggestions on how to take your site to the next level after covering the basic Wix tutorial.
Wix apps
This is usually the part of the Wix tutorial that is the most exciting: adding extra features with apps! The Wix ADI platform helped us achieve a lot, but you might be interested in adding some extra features.
You’ll love the Wix app marketplace. With over 300 web apps, services, and features, you can find just about anything. We’ve narrowed it down to 15 essential Wix apps for every website here.
Unfortunately, the bulk of the apps are only available with the traditional Wix editor (not the ADI). You can switch to the Wix editor at any time, but you can’t easily come back to the ADI editor after that. If you switch between the editors, then you will lose any changes you made. We recommend switching editors only when you have finished the design phase of your Wix website.
You can open the app marketplace by going to Manage App → All apps and then scrolling down to find a link to the Editor.
The app marketplace is the place to look for less common features. Once your site is live, and you’re feeling confident, you can add third-party apps that embed Instagram feeds or integrate with your favorite accounting software.
Wix tutorial: Publishing your site
When you’re satisfied with your site design, it is time to finally enjoy the benefits of your hard work! You’ll find the Publish button in the top-right corner. And, as stated at the beginning of this Wix tutorial, you can choose to stay on the free plan forever. In this case, your site will be published under the Wix subdomain: www.yoursitename.wixsite.com.
On the other hand, if you are ready to take the plunge, see if a healthy discount is available when you pay upfront. If you have an established business, then grab one of these deals with both hands.
Here’s a rundown of the pricing:
Which plan is best? It depends
If you’re not planning to sell anything, but you still want a serious website or blog, then go for the Unlimited plan. It comes with a free domain and unlimited bandwidth. You will also have access to analytics data and some video hosting.
If you plan to sell products, you will need to opt for one of the eCommerce plans:
The best plan for an eCommerce store is the Business Unlimited plan for dropshipping, selling subscriptions, or selling in multiple currencies. For everything else, the Business Basic plan has everything you need to run a successful store.
Wix tutorial: Conclusion
With help from Wix ADI, it is safe to say that making a website has never been so easy! It’s incredible to think that you can have a fully-functional site online in just a few hours without sacrificing any sleep or even opening your wallet. When it comes to getting online, Wix is the best option currently available.
One of the great things about Wix is the room to grow. If you want to add more functionality, you can add apps. When your website starts to attract more and more traffic, you will be able to upgrade your plan to accommodate it. Finally, if you ever get a burst of creativity, you can always edit your site with the more technical Wix Editor. All in all, Wix has everything the emerging business, blogger, or solopreneur needs to build a successful web presence!
Got any questions on how to build a website with Wix? Feel free to ask away in the comments section below.
…
Don’t forget to join our crash course on speeding up your WordPress site. With some simple fixes, you can reduce your loading time by even 50-80%:
Layout and presentation by Chris Fitzgerald and Karol K.
