Mais de 74 milhões de sites dependem da plataforma WordPress para hospedar seus blogs, vender seus produtos ou apenas escrever suas reflexões diárias para o mundo ver. Quando você começar a construir sua site de comércio eletrônico você certamente tem muitas escolhas a fazer, e o WordPress se conecta a isso.
Qual dos destaques plataformas de comércio eletrônico você vai escolher? Você está pensando em pegar um tema para vender seus produtos ou há alguém que você pode pagar para construir o site a partir do zero? O que você planeja vender no seu site de comércio eletrônico?
Nota do editor: esta postagem foi publicada originalmente em 15 de janeiro de 2015 e foi completamente reformulada e atualizada para precisão e abrangência.
Há milhares de milhões de temas WordPress para escolher quando você olha para a estrutura frontend e backend para começar a vender online. Quase o mesmo com hospedagem (mas nós preferimos SiteGround or Bluehost).
Os melhores temas incluem ferramentas de gerenciamento de comércio eletrônico rápidas e fáceis para que você possa fazer upload de produtos e gerenciar itens como descontos, prêmios, botões e páginas de produtos. Seu tema também é a primeira coisa que as pessoas verão quando visitarem seu site. Ele os guia através do processo e realmente carrega a diferença entre alguém estar satisfeito com a experiência ou não.
Em suma, os temas do WordPress são cruciais, e os Divi Tema WordPress de Elegant Themes é uma opção bastante bonita para você considerar. Ele pode ser usado para um site comercial padrão, mas também inclui integrações para vendas de comércio eletrônico e processos de vendas rápidos. Vamos aprender como criar uma loja online com o Divi Tema WordPress.
Obtenha seu domínio e hospedagem primeiro
💡O primeiro passo em qualquer processo de criação de sites é pegar uma conta de hospedagem, nome de domínio e instalar o WordPress no site. Divi não é diferente. Existem muitas maneiras de obter nomes de domínio e hospedagem, mas eu pessoalmente acho SiteGround é uma das opções mais seguras e confiáveis. (Para mais detalhes, verifique nosso abrangente SiteGround rever).
O que é realmente legal é que SiteGround oferece um especialista gerenciados WooCommerce hospedagem pacote de serviços com praticamente tudo que você precisa para começar a vender online. Dentro do pacote, você pode se contentar com o StartUp Planejamento para iniciantes, Plano GrowBig para empresas em crescimento, ou GoGeek para estabelecido WooCommerce lojas.
Cada um desses oferece recursos avançados para otimizar o seu WooCommerce site a um preço razoável.
Dito isso, outro serviço de hospedagem que recomendamos para Divi WooCommerce lojas é BlueHost. Embora os recursos aqui não correspondam a SiteGroundde, você ainda consegue WooCommercecom foco na hospedagem por meio de seu pacote de comércio eletrônico WordPress. Os planos podem lidar confortavelmente com um Divi WooCommerce armazenar, mas, infelizmente, você não obterá serviços gerenciados.
👉 Agora, por uma questão de clareza, vamos prosseguir com SiteGround...
Como você começou?
Vou ao SiteGround Dirigido WooCommerce Hosting página, selecione um plano ideal e clique em Obter plano
Na minha opinião, o Plano GoGeek parece ser a opção mais adequada, pois oferece suporte ilimitado WooCommerce sites com recursos avançados de comércio eletrônico. Além de mais poder de servidor, você obtém suporte prioritário, preparação WordPress, backup sob demanda e recursos super chacher, além de transferências de site gratuitas e Cloudflare CDN, entre outros recursos sólidos.
👉 E no que diz respeito a subsídios de recursos, este plano acomoda:
- Caixa de correio 6GB
- Armazenamento de banco de dados 1 GB
- Armazenamento SSD
- Transferência de dados sem medidor
- Espaço de armazenamento 30GB
- Até visitas mensais 100,000
Tenha em mente que este serviço começa em $ 11.95 por mêse é muito semelhante a como você instalaria um site normal do WordPress em uma conta de hospedagem da BlueHost.
Mas lembre-se, esse é um preço especial para iniciantes. Espera-se que aumente para US $ 34.95 em renovações futuras, o que ainda é uma taxa razoável se considerarmos todos os recursos que você obtém no longo prazo.
Agora, depois de selecionar seu plano preferido, SiteGround irá direcioná-lo para sua página de registro de domínio. Se você já possui um domínio, escolha a segunda opção e insira seus detalhes. Caso contrário, prossiga com o registro de um novo nome de domínio por US$ 15.95 por ano.
A próxima etapa é a etapa final, em que você escolhe suas opções de hospedagem preferidas, além de inserir suas informações de pagamento e detalhes pessoais antes de criar a conta.
Bem, é claro, essas são coisas básicas que você já lidou muitas vezes antes. Portanto, você não deve ter dificuldades em inserir seu número de telefone, país, nome, e-mail, senha da conta, etc.
A parte do pagamento exige que você insira os detalhes do seu cartão de crédito. Você pode continuar com Discover, MasterCard or Visa
No entanto, e bastante interessante, SiteGround não lista o PayPal, apesar de sua crescente popularidade entre WooCommerce comerciantes. Mas, felizmente, eles podem aceitar pagamentos do PayPal, embora indiretamente.
Se este for o seu modo preferido, portanto, deixe os campos em branco e entre em contato SiteGroundagentes de vendas através da ferramenta de chat ao vivo. Eles o ajudarão a concluir o processo por meio do PayPal.
A última seção contém várias opções para o seu serviço de hospedagem, incluindo sua localização preferida do data center, além do período de assinatura.
Agora, para minimizar a distância de transferência de dados entre Sitegroundservidores de e seu WooCommerce visitantes do site, escolha o local do data center mais próximo de sua área de mercado-alvo.
Em seguida, escolha quaisquer serviços complementares extras que você gostaria de incluir em seu pacote e pronto! Isso é tudo o que é preciso para configurar um Siteground conta.
Quando terminar, faça o login em sua conta e vá direto para a área do cPanel. Você encontrará um instalador automático padrão do WordPress. Então, selecione-o, insira seus detalhes de login no WordPress e aperte o botão de instalação.
Bem, você notará que o processo de instalação do WordPress leva alguns segundos, pois é totalmente automatizado. E depois que tudo estiver configurado, SiteGround fornecerá o nome de domínio adequado para acessar se você quiser alterar as coisas no back-end do seu site.
Criando sua loja online com Divi
O que é Divi?
Ok, se você ainda não experimentou, aposto que já ouviu falar sobre isso. Divi não é comum WooCommerce tema. É, na verdade, um dos temas mais populares do WordPress em Elegant Themes. E, curiosamente, Divi is Tema eleganteO principal produto da empresa.
Então, o que há de tão especial nesse tema? E há algo de excepcional sobre Divi'S WooCommerce?
Bem, ao contrário dos temas típicos do WordPress, Divi é mais um pacote abrangente. Isso significa que combina recursos de tema padrão com funcionalidades extras que são úteis para Divi WooCommerce lojas.
Mas não me entenda mal. Apesar Divi'S WooCommerce suporte é o foco principal aqui, o tema é capaz de muito mais do que isso. Em essência, Divi pode ser perfeitamente integrado com qualquer tipo de site, graças à sua ampla gama de layouts de site. Não apenas comércio eletrônico.
Então, para completar, Divi vem com seu próprio construtor de páginas WordPress intuitivo plugin. Você pode usá-lo para personalizar livremente seu Divi WooCommerce armazene sem qualquer codificação.
Na verdade, Divi foi desenvolvido para iniciantes. Portanto, você pode esperar encontrar um painel de controle elegante com quase nenhuma curva de aprendizado. Leva apenas alguns minutos para pegar o jeito de todo Divi ecossistema, configurá-lo e personalizá-lo Divi'S WooCommerce layouts.
👉 No final, portanto, você será capaz de capitalizar Divi's:
- Conjunto de layouts personalizáveis para qualquer tipo de site WordPress, incluindo WooCommerce Lojas online.
- Construtor de páginas fácil de usar, que fornece uma série de elementos de website e recursos de design.
- Processo de personalização flexível sem qualquer forma de codificação. Mesmo os novatos podem confortavelmente configurar e ajustar totalmente funcional Divi WooCommerce lojas.
- Integração direta com WordPress. Divi é um dos poucos temas externos do WordPress que podem ser instalados perfeitamente, sem ajustes complexos.
- Otimizado para comércio eletrônico WooCommerce templates.
Divi Arraste e solte o Construtor de Páginas
Como dissemos, Divi vem em dois sabores diferentes. Quando você paga pela assinatura em Temas elegantes, você encontrará o padrão Divi Tema no painel, acompanhado pelo Divi Construtor de Páginas WordPress plugin.
Mas, é importante notar que este construtor não está exclusivamente vinculado ao Divi Tema. Ele vem como um adicional plugin para cada tema adquirido da Elegant Themes.
Dito isto, o Divi O WordPress Page Builder é um editor de arrastar e soltar com recursos avançados de personalização. Ele permite que você mova e defina elementos, colunas, linhas e módulos sem qualquer experiência de codificação. Em outras palavras, é o tipo de construtor que Divi WooCommerce iniciante esperaria conseguir.
Mas, não se engane. Apesar de Divi O Construtor de Páginas é voltado para iniciantes, é um editor que também facilita desenvolvedores experientes. Eles podem combinar sistematicamente seus recursos visuais com controles CSS para empurrar seus Divi WooCommerce sites para o próximo nível.
Venha para pensar, no entanto, você não precisa de um desenvolvedor para projetar todos os elementos em seu Divi WooCommerce loja. Você pode confiar apenas nas funcionalidades visuais.
E sabe de uma coisa?
Divi até tenta facilitar todo o processo, rotulando e codificando com cores os módulos de layout.
E por falar nisso, outra disposição notável aqui é Divisimplificação geral do processo de personalização do layout. Se você quiser introduzir uma nova seção, por exemplo, um único clique deve bastar. Em seguida, duplicar, remover e inserir módulos para o seu Divi WooCommerce loja levará apenas alguns cliques de botão.
Enquanto isso, DiviA janela de edição de exibirá as alterações de layout do seu site em tempo real. Você será capaz de rastrear cada ajuste visualmente e ver como isso afeta o design de perspectiva geral de seu Divi WooCommerce armazenar.
Pré-desenhado Divi WooCommerce Layouts de site
Para salvá-lo do processo dolorosamente exigente de criar um site do zero, o Divi O tema WordPress vem com uma série de modelos de sites predefinidos. E uma vez que você pode precisar de diferentes opções de layout do mesmo modelo, Divi oferece os designs de seu site como pacotes completos. Conseqüentemente, você obtém vários layouts e cores de modelo.
Bem, para ser mais preciso, Divi fornece cerca de 7-8 layouts pré-concebidos diferentes em cada pacote de site. Considerando que cada um vem totalmente construído, você pode adotar facilmente os layouts sem retrabalhar extensivamente sua estrutura subjacente. Você apenas alguns ajustes aqui e ali.
Agora, para encontrar um perfeito para o seu WooCommerce loja online, basta percorrer as várias categorias de sites na Divi Tema. Ou, alternativamente, use palavras-chave para pesquisar todas as opções de uma vez.
Bem, apesar de tudo, não demorou muito para identificar um adequado Divi layout da loja online. Você só precisa integrá-lo com WooCommerce, e você estará no caminho certo para criar um atraente site de comércio eletrônico em WordPress.
Seguindo em frente, uma coisa particularmente notável que você notará é que Divi não se concentra apenas na aparência. O WooCommerce layouts que vêm com o Divi O tema também foi criado com a funcionalidade em mente.
Portanto, além das páginas típicas da loja, como check-out, produtos e carrinho, Divi inclui módulos de comércio eletrônico por padrão. Mais especificamente, você obtém seções como produtos em destaque, itens em promoção e muito mais.
Is Divi Apropriado para WooCommerce?
Todas as coisas consideradas, Divi é cada vez mais popular porque é fundamentalmente uma solução de tema WordPress tudo-em-um.
Combinado, o Divi Construtor de páginas e Divi Tema oferta fornece praticamente tudo que você precisa para configurar qualquer tipo de site WordPress. E isso inclui um sistema totalmente funcional WooCommerce loja com todos os recursos básicos de comércio eletrônico.
👉 Em poucas palavras, Divi é uma opção que vale a pena considerar para o seu WooCommerce site porque:
- Você pode personalizar o seu WooCommerce site por meio de um editor visual de arrastar e soltar.
- Divi permite que você salve seus ajustes como elementos globais em todos os layouts.
- Ele vem com mais de 20 layouts de site pré-concebidos bem projetados.
- Você pode exportar facilmente os layouts e, posteriormente, aproveitá-los em outros sites.
- Você pode projetar seu WooCommerce loja com várias colunas, linhas e elementos de conteúdo.
- Todos WooCommerce layouts foram otimizados para dispositivos móveis.
- Assim como MS Word, editar conteúdo de texto é tão simples quanto clicar e digitar.
- Todo o processo de personalização do site é rastreado em tempo real, proporcionando uma visualização ao vivo de todas as alterações de design.
- WooCommerce layouts vêm com módulos e páginas de loja online primárias.
Etapa 1: inscreva-se com temas elegantes para obter acesso a Divi
Comece por ir ao Página do produto Elegant Themes para o Divi Tema WordPress. Esta página oferece a opção de uma demonstração do tema e um botão de download rápido. Elegant Themes vende seus temas usando uma estrutura de pagamento anual ou único, o que é bom para desenvolvedores com vários sites de clientes ou pessoas que administram vários sites de comércio eletrônico. Você não pode comprar apenas um tema, mas o Plano Pessoal Por US $ 67 por ano é semelhante ao que você pode pagar por um tema regular, e você pode parar os pagamentos anuais se você não quiser mais o suporte. Sinta-se à vontade para brincar com o tema antes de se comprometer com o pagamento.
Etapa 2: instalar Divi no seu site WordPress
Depois de se inscrever, clique no botão de download para o tema. Isso coloca o tema como um arquivo zip no seu computador. Vá para a guia Appearance no backend do seu site WordPress e clique na opção Themes.
Passo 3: Clique no botão Adicionar novo
Clique no botão Upload Theme. Encontre e envie o arquivo zip do tema. Percorrer o processo para ativar completamente o tema e, em seguida, você deve ser capaz de ver o tema no frontend do seu site.
Etapa 4: configure seu WooCommerce Store
Se você for para o Divi Página de documentação do tema você encontrará praticamente todas as ferramentas e recursos que você pode trabalhar com o tema, mas vamos nos concentrar principalmente na criação de um site de comércio eletrônico. A Divi tema É totalmente compatível com WooCommerce para que você possa exibir todos os seus produtos.
O que é incrível é que a inicial SiteGround inscrição já instalada WooCommerce no seu site WordPress, para que você não precise se preocupar em instalá-lo ou configurá-lo. Ele já deve estar disponível em seu painel.
Etapa 5: adicione seus primeiros produtos ao WooCommerce
Tecnicamente, você já tem o site de comércio eletrônico totalmente configurado, mas queremos realmente adicionar alguns produtos para fazer com que pareça um site de comércio eletrônico no front-end. Vá para o painel do WordPress, clique na guia Produtos em WooCommerce e clique no item Adicionar Produto.
Passo 6
Isso traz uma nova página de produtos para você preencher. Ele é muito semelhante a qualquer editor de páginas do WordPress, exceto que você pode adicionar um nome de produto, uma descrição e uma imagem em destaque para que as pessoas possam ver como o produto se parece em seu site.
Etapa 7: explore o WooCommerce Funcionalidades
Se você rolar para baixo abaixo da área de descrição, você encontrará todos os possíveis WooCommerce recurso para brincar. Sinta-se à vontade para modificar itens como números de SKU, inventário, preços, frete e atributos. Os recursos são muito vastos para eu descrevê-los todos aqui, mas você pode ir para o WooCommerce página de documentação para entender tudo o que você pode configurar no seu site de comércio eletrônico.
Etapa 8: criar a página inicial
O ponto principal disso é crie uma página inicial ou página normal que apresenta todos os seus produtos quando as pessoas aparecem no seu site. Portanto, você deve ir para Pages> Add New no lado esquerdo do seu painel do WordPress.
Etapa 9: adicione um título para o seu Divi Página
Crie um título para sua página. Clique no botão Use Page Builder na parte superior e toque na área Insert Modules para incluir um cabeçalho de largura total. Você não tem que escolher um cabeçalho de largura total, mas vamos para este tutorial.
Passo 10
Clique no botão Full Width Header.
Passo 11
Preencha os detalhes para o seu Título do Site, Texto de subtítulo e Cor do texto. Você pode até alterar o rótulo do administrador, que é principalmente para sua própria referência. Aperte o botão Salvar quando terminar.
Passo 12
Toque nas três barras à esquerda do módulo de cabeçalho Full Width para alterar mais configurações.
Passo 13
Aqui você pode dar ao cabeçalho uma cor de fundo agradável e até mesmo incluir um vídeo para sua empresa.
Passo 14
Agora que o cabeçalho está completo, podemos incluir o módulo de comércio eletrônico clicando na área Inserir Colunas.
Passo 15
Escolha quantas colunas você deseja e clique na opção Inserir Módulos que aparece. Selecione o botão Loja perto da parte inferior.
Passo 16
Sinta-se à vontade para modificar como deseja exibir seus produtos. Então você pode querer mostrar seus produtos recentes, juntamente com itens 12 na página, algumas colunas e como você quer que elas sejam ordenadas. Clique no botão Salvar.
Etapa 17: visualizar e publicar
Quando isso estiver concluído, você pode clicar no botão Visualizar ou Publicar para visualizar as alterações no frontend. Como você pode ver, os produtos são exibidos com perfeição e você sempre pode voltar para alterar suas configurações de produtos ou montras no back-end do WordPress. Parabéns!
Se você tiver alguma dúvida sobre a configuração do Divi Tema WordPress, informe-nos na seção de comentários abaixo.
Conclusão
E isso é tudo o que é necessário para obter o seu Divi WooCommerce loja online instalada e funcionando usando um SiteGround conta de hospedagem.
Seguindo em frente, você pode ter certeza de que SiteGround vai lidar com todo o material técnico crítico, como atualizações do WordPress e WooCommerce segurança. Essa é a diferença fundamental entre gerenciado WooCommerce hospedagem e soluções de hospedagem compartilhada regular. Portanto, dá a você o tempo e o espaço necessários para se concentrar em seu WooCommerce Gestão de loja.
E como já vimos, isso deve ser uma brisa com o Divi tema. Você sempre pode acessar seu Divi WooCommerce layout do seu backend WordPress para personalizá-lo ainda mais. Se desejar, você pode até mesmo mudar todo o design mudando para um layout diferente que possa lidar com um WooCommerce armazenar também. A escolha é sua.
Se você tiver alguma dúvida sobre a configuração do Divi Tema WordPress, por favor, deixe-nos saber na seção de comentários abaixo.
“Fantástico” deveria ter ficado de fora do título
divi é bom, mas você terá problemas quando tiver que filtrar os produtos da loja, ele não tem uma solução elegante. Não recomendo porque não tem uma solução completa. Não é uma solução completa para woocommerce
Olá, obrigado por este artigo…
Estou pensando em montar uma nova loja online… mas qual é a diferença entre fazer dessa forma (acima: Bluehost+Wordpress+wooCommerce) e apenas Shopify?
Agradeço sua ajuda!
Oi Vicky, Confira este link para mais informações: https://ecommerce-platforms.com/compare/shopify-vs-woocommerce
Saúde!
-
Bogdan - Editor em ecommerce-platforms.com
Obrigado por esta postagem detalhada :) Você sabe como eu defino um tamanho fixo de imagem/miniatura para os produtos em exibição. Tentei alterá-lo nas configurações do wocommerce e regenerar as miniaturas, mas não funcionou.
na dinamarca, temos Viabill para que você possa pagar por meio dele, é possível anexá-lo à minha loja virtual?
Oi karen,
É definitivamente possível, você pode precisar entrar em contato com um desenvolvedor e ver exatamente como implementar o Viabill em seu site.
Boa sorte,
-
Bogdan - Editor em ecommerce-platforms.com
É possível criar um mercado de fornecedores com divi & woo commerce?
Olá Mila,
Não, mas você pode fazer isso usando o Marketify Theme (um tema que oferece suporte à funcionalidade do mercado com modelos personalizados, estilos etc.), confira nosso tutorial aqui: Como construir um mercado de produto físico com WordPress e Marketify
Boa sorte,
Bogdan - Editor em ecommerce-platforms.com
Olá,
Estou trabalhando no recurso Loja e estou tendo dois problemas.
1. Estou tentando mostrar TODOS os produtos e sempre tenho que selecionar uma categoria? Tenho que criar uma categoria de ALL ou existe outra maneira?
2. Percebi que, com o display para comprar itens, ele exibe todos os itens em uma página (30 itens), em vez de distribuí-los pelas páginas e permitir que o usuário vá para a página 2, página 3 etc.? Existe uma maneira de alterar isso para que a página padrão seja de 12 itens e o restante vá para a próxima página?
Olá Magda,
Você deveria tentar WpCurveName para pequenos ajustes relacionados ao WordPress.
Boa sorte!
Saúde!
Bogdan - Editor em ecommerce-platforms.com
Olá, eu queria saber como adicionar produtos relacionados em cada página de produto com Woocommerce e Divi. Desde já, obrigado!
Hi
Gostaria de uma orientação pois é a primeira vez que utilizo Divi e Woocommerce juntos.
Meus requisitos;
Gostaria de saber qual opção ou direção seguir para cadastramento de clientes no site, para ser utilizado em comunicações de marketing e para compra de produtos online.
– Os clientes devem poder se registrar mesmo que não estejam comprando nada
– Como posso obter o máximo de flexibilidade para obter esses detalhes, como exportá-los e ter um registro em planilha para rastreamento e manipulação, como enviar e-mails em massa ou SMSs, etc., já que haverá momentos em que precisarei fazer backup das informações em algum lugar, só por precaução, e então precisarei usar o mesmo banco de dados (MySQL) apenas para usuários em outra parte do site ou, digamos, dentro da loja, como é o caso de uma farmácia, e podemos configurar históricos de pacientes com pressão arterial, leituras de glicose e muitos outros, por exemplo, e então talvez adicionar páginas personalizadas onde suas informações de perfil serão usadas.
Os dados também são necessários para importar/adicionar clientes ao nosso programa de farmácia local em nossa loja física para processar medicamentos prescritos, endereços de entrega e, mais importante, informações de assistência médica, pois este não é um campo de formulário padrão ou item de estrutura etc. para estar de acordo com o lay e, portanto, significaria exportações de arquivos csv/outros do banco de dados de membros on-line para então importar para bancos de dados SQL em nosso servidor na loja.
– Idealmente, preciso ser capaz de mover os dados de maneira conveniente ou mais suave e, portanto, preciso atender a isso adequadamente no site antes de usar qualquer registro ou formulário para inscrição. Posso configurar um banco de dados separado para os usuários que será seu próprio banco de dados independente que não esteja dentro do WordPress/Divi/Tabelas ou bancos de dados do Woocommerce que são criados por padrão?
– Outro elemento é a segurança para pagamentos online. Isso é imposto pelo próprio tema, pelo WooCommerce, pelo backend do WordPress ou talvez em todos os 3?
Obrigado e espero ouvir de você em breve.
Quaisquer recomendações sobre o uso Divi Tabelas de preços e WooCommerce. Em vez de uma loja, é um pacote de consultoria que os clientes compram?
estou tentando adicionar este shortcode lá no módulo de código [product_categories parent=”0?] para exibir categorias de produtos, mas não está exibindo nada na inspeção, há apenas div em branco mostrando com class=”woocommerce column -4″ então, por favor, me ajude com relação a isso se alguém souber qual é o problema
Estou tendo problemas para fazer com que minha página de produtos fique parecida com as outras páginas. Tudo parece bom até você clicar em "criar sua impressão perfeita" e escolher "bétula branca" ou "alumínio escovado", então todos os produtos ficam misturados e o fundo fica branco. Sou completamente inútil quando se trata dessas coisas, basicamente aprendi tudo isso hoje. Estamos usando o "designer de produtos sofisticados" para nosso produto personalizado e estou tentando continuar de onde outra pessoa parou sem nenhuma experiência ou informação anterior. Qualquer ajuda seria apreciada.
ok, isso ajudou totalmente, mas o módulo de loja ainda tem uma barra lateral. não há shortcode nesse módulo?
Eu escolhi mostrar meus 'itens em destaque'... mas nada está aparecendo. Como faço para escolher quais produtos são 'destacados'?
E se você quiser exibir sua loja por categorias?
A Divi os módulos não oferecem essa opção, apenas Destaques, Mais vendidos e assim por diante…
🙁
Você pode inserir um módulo de texto e usar o shortcode fornecido pelo WC;
[product_categories pai =”0″]
Oi Craig, você pode exibir a categoria de produtos usando o Divi Módulo loja. Na configuração geral do módulo, na lista suspensa da opção Tipo, selecione Categoria do produto. Agora você já deve ter alguns itens para cada categoria de produto que você criou em seu woo-commerce, feito isso, você verá uma opção Incluir Categoria; vá em frente e selecione a categoria que deseja exibir. Espero que isso lhe ajude. Lembre-se de ter itens em cada categoria de seus produtos antes de ativar esta opção
Obrigado pelo detalhe 'luashoro'. Tenho duas categorias com produtos em ambas e a 'Categoria do produto' ainda não está aparecendo para mim. Alguma pista, por favor?
Na verdade você não pode.
Olá, fiz tudo acima, exceto que tenho uma página personalizada, usando um modelo de página em branco com Divi em todo o meu site. A loja, o carrinho, o checkout podem ser todos construídos usando shortcodes e o construtor de páginas... no entanto, os produtos usando o woocommerce não podem... ou não tanto quanto eu possa encontrar. Sou novo em tudo isso, mas certamente deve haver uma maneira de fazer as páginas de produtos parecerem iguais ao resto do site?? Eu não quero que haja o Divi cabeçalho e tudo isso aparecendo?? tem alguma ideia? Parece pouco profissional no momento.
obrigado
sim, você pode removê-lo de algumas páginas usando a opção de página em branco, mas por algum motivo isso não acontece em outras, meio que bagunça.
provavelmente a melhor maneira é criar um tema filho e editar parte do código
ou pesquise por temas divi-commerce pré-feitos pague alguns $ e personalize
no entanto, aqui está uma maneira simples de fazer as páginas que você pode
abra o wp admin, > painel> todas as páginas >
use o seguinte para editar (veja as páginas que o woocommerce adiciona automaticamente, ou seja, carrinho, etc.)
exemplo: eidt e crie uma página de carrinho personalizada
importante fazer isso para facilitar as coisas antes de usar o construtor de páginas ET, tudo o que você verá é o código curto do woocommerce
página do carrinho = [woocommerce_cart]
copie o código curto para um novo bloco de notas, bloco de texto ou similar com uma pequena descrição, se desejar
step 1
remova o cabeçalho divi, vá para atributos da página, altere de padrão para em branco, clique em atualizar para salvar a página, visualize, o cabeçalho divi desapareceu 🙂
step 2
Eu quero usar o construtor de páginas ET para um novo design bonito (sim, por favor)
primeiro exclua (cortar salva pronto para colar) o código curto do woocommerce [woocommerce_cart] então agora você tem uma página vazia, atualize as alterações novamente
agora você pode começar a editar a página usando o construtor de páginas ET, comece adicionando um módulo de texto em algum lugar, cole seu shortcode woocommerce, [woocommerce_cart] para um teste rápido, atualize e visualize as alterações
step3
enxágue e repat para as outras páginas 🙂
Não se esqueça de que você pode ligar/desligar a barra lateral ou editar os widgets
dias felizes e designs lindos sem fim, yipee!
códigos de acesso woocommerce > http://docs.woothemes.com/document/woocommerce-shortcodes/
cole-os em um bloco de notas/documento de texto pronto para recortar e colar
banheiro