WL_Catalog_and_Product_1280x720.mp4

00:00:00

Neste tutorial, explicarei o widget de catálogo e o widget de produto no mesmo tutorial porque eles estão intimamente relacionados

00:00:10

O catálogo permite que você venda vários produtos online

00:00:14

Como você pode ver aqui, este é um site de demonstração apenas para acessórios vintage, como anéis, colares e chapéus femininos.

00:00:26

E quando você cria o catálogo, a primeira coisa que você verá é que ele estará em branco e você poderá clicar em adicionar um novo item à lista

00:00:36

E é aqui que você criaria seus produtos individuais

00:00:40

Então, por exemplo, vamos apenas olhar para estes para ver como eles funcionam

00:00:44

Este custa US$ 50 pelo anel com um preço original de US$ 75

00:00:50

E se você notar aqui, o preço original está riscado

00:00:53

Qualquer coisa que você colocar aqui será riscada e mostrará o preço real.

00:00:58

Então, na verdade, isso é por US$ 50

00:00:59

Parece que está em promoção

00:01:01

Então essa é a ilusão

00:01:02

Você pode adicionar os custos de envio que serão calculados automaticamente e o número máximo de quantidades

00:01:07

Aqui é onde você pode adicionar diferentes opções, como se você quiser tamanhos ou cores diferentes

00:01:13

Você pode inserir o tamanho aqui ou a cor aqui

00:01:16

E então as opções de escolha que você pode fazer como pequeno, médio, grande ou as diferentes opções de cores disponíveis

00:01:21

E aqui embaixo é onde você deve inserir seu título, seu subtítulo e, em seguida, o resumo

00:01:26

O resumo é o que é mostrado inicialmente no catálogo

00:01:30

E então o texto principal é o que aparecerá quando você realmente o abrir

00:01:42

Então, se você abrir isso, o texto principal estará ali.

00:01:46

Você pode adicionar suas imagens aqui

00:01:52

Se você adicionar várias imagens, ele criará automaticamente um controle deslizante que deslizará para frente e para trás

00:01:57

E aqui é onde você ajustaria as configurações do controle deslizante

00:02:03

E você pode até adicionar um vídeo se quiser

00:02:07

Os botões, você pode adicionar um botão para cada produto que talvez o vincule a um lugar diferente ou envie um e-mail, muitas opções e botões diferentes

00:02:16

E estes são abordados no tutorial dos botões

00:02:19

E aqui está o SEO e o gráfico aberto

00:02:24

Isso é para otimização de mecanismos de busca, Facebook e mídias sociais, e isso é abordado em um tutorial separado.

00:02:31

Depois de ter todas as suas informações e todos os seus produtos, é muito simples: basta enviar a foto, contar um pouco sobre o produto e definir seus preços aqui mesmo.

00:02:41

Depois que tudo estiver definido, certifique-se de que está salvo e então você retornará ao catálogo principal

00:02:46

Você pode fazer isso clicando no catálogo aqui em cima no menu ou descendo e clicando no botão Voltar aqui em baixo

00:02:53

Depois de retornar ao catálogo principal, você pode adicionar um novo item e, em seguida, simplesmente adicionar cada produto conforme você desce

00:03:02

Ele os criará com o preço

00:03:06

Aqui é onde você adicionaria seu título inicial e o subtítulo

00:03:14

Este botão oculto para adicionar ao carrinho, o que isso faz é ocultar o pequeno carrinho, então se você quiser, talvez, apenas testar tudo, certifique-se de que todos os produtos estejam com boa aparência

00:03:27

Tudo está parecendo legal

00:03:29

Você pode esconder isso e então você pode ver que agora tudo se foi

00:03:34

Você pode atualizar tudo, colocar todos os itens da sua lista, certificar-se de que tudo está com uma aparência muito boa, certificar-se de que todos estão felizes com isso e, então, é uma questão muito simples de desligar isso e isso fará com que tudo

00:03:45

disponível para compra

00:03:48

Bem, isso é depois de você ter configurado seu e-commerce para realmente definir essas compras e isso foi abordado no tutorial de e-commerce

00:03:54

Mas quanto ao resto do catálogo, temos opções de busca

00:04:01

Então, se você clicar aqui, isso irá carregar uma pequena barra de pesquisa, o que é bem legal

00:04:08

Assim, as pessoas poderão pesquisar se você tem várias páginas

00:04:10

Isso também ajuda

00:04:11

E aqui embaixo é onde você organizaria as opções para as várias páginas

00:04:16

E aqui você pode adicionar diferentes abas que serão abertas em cada opção dentro de cada produto

00:04:24

Se você quiser mostrar um mapa ou um calendário, você também pode fazer isso

00:04:28

E então RSS é para fazer upload de um feed RSS, isso é abordado no tutorial RSS

00:04:36

Este estilo e layout de lista permitirão que você determine como ele fica no celular ou no desktop, o que é bem legal

00:04:43

Você pode ter cada um separado

00:04:45

Então, por exemplo, se eu quisesse ter duas colunas para celular, você simplesmente mudaria isso para duas

00:04:53

E então, em vez de ficar tudo em uma linha, agora ele fará isso em seções de duas, o que é muito legal.

00:05:00

E você pode separá-los de forma diferente para dispositivos móveis e desktops

00:05:04

Como eu disse, você pode ter a imagem acima, abaixo ou à esquerda ou à direita do texto e no celular versus desktop de forma diferente

00:05:10

E então, se você deseja ou não abri-lo em um modal ou em uma página, o modal é o que aparece aqui

00:05:16

Veja como é uma página separada que aparece e permite que você feche e volte a ela facilmente

00:05:21

Enquanto isso, se você abri-lo em uma página, ele será aberto em uma página separada, na qual eles teriam que clicar no botão Voltar para retornar à lista principal.

00:05:43

E então um cordian é apenas uma aparência diferente

00:05:46

A maneira como ele organiza, você pode recolher o cordian e outras coisas

00:05:49

E então as opções adicionais permitem que você determine se eles precisam ou não estar logados para realmente ver e comprar alguma coisa

00:05:56

E se o carrinho aparece ou não no celular ou no desktop

00:05:59

E estilos adicionais são bem parecidos com muitos outros widgets que permitem determinar o espaço da área de trabalho

00:06:06

Você quer ocupar menos espaço na área de trabalho e então alterar as diferentes margens

00:06:09

Você também pode determinar como um plano de fundo onde toda esta seção teria um plano de fundo se você quiser definir uma imagem ou uma cor ou até mesmo um vídeo

00:06:18

E diferentes estilos de animação onde ele aparece gradualmente a partir do topo

00:06:22

Então é muito fácil fazer todas as suas configurações, listar todos os seus itens aqui

00:06:27

E então, quando tudo estiver configurado, você ligará seu e-commerce e simplesmente assistirá ao vídeo do e-commerce para descobrir como configurá-lo.

00:06:34

O que faremos agora é criar uma página de produto separada, não uma página de produto separada, mas um widget de produto separado

00:06:41

Então, se você voltar para a página principal e digamos que você tem apenas um produto que deseja vender, é muito fácil simplesmente adicionar um único produto

00:06:49

Você iria adicionar um widget e depois iria até o produto aqui

00:06:52

E este é um produto único que você pode comprar imediatamente

00:06:55

E você notará que tudo é praticamente igual aqui

00:06:59

Então você simplesmente digitaria seu preço, seus $ 50 e o preço original de $ 100

00:07:05

Você pode colocar seu título aqui e então fazer upload do seu texto e imagens do produto

00:07:16

Então digamos que eu quisesse vender este vinho

00:07:21

E agora se você rolar para baixo abaixo deste catálogo inicial, veremos o produto único aqui

00:07:30

Há todas as informações no texto e, obviamente, você provavelmente as estilizaria

00:07:35

Você pode estilizar o texto para fazê-lo corresponder

00:07:37

Você faria tudo isso aqui

00:07:38

Você pode ajustar o tamanho, a fonte, a cor de tudo

00:07:44

E aqui embaixo, se você tiver várias fotos, você pode ajustar os diferentes slides e configurações do controle deslizante

00:07:53

E então você verá aqui que todo o resto é igual ao widget anterior porque é outro produto

00:08:00

É apenas um único produto

00:08:01

Então você não teria essa lista, mas ainda pode usar o desktop móvel, todos os estilos e widgets adicionais

00:08:08

Então, depois de ter definido isso, você irá para o seu e-commerce, como eu disse, assista ao vídeo

00:08:15

E o produto e os catálogos são muito fáceis de usar