{"id":370494,"date":"2022-11-20T17:51:00","date_gmt":"2022-11-20T14:51:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=370494"},"modified":"2023-04-11T15:18:47","modified_gmt":"2023-04-11T12:18:47","slug":"como-criar-sua-propria-pagina-de-loja-elementor-woocommerce","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-criar-sua-propria-pagina-de-loja-elementor-woocommerce\/","title":{"rendered":"Como criar sua pr\u00f3pria p\u00e1gina de loja Elementor WooCommerce"},"content":{"rendered":"\n<p>No mundo online, voc\u00ea pode se tornar um dono de loja em pouco tempo. Tudo o que voc\u00ea precisa para come\u00e7ar \u00e9 uma conex\u00e3o com a Internet, um laptop e uma ideia de neg\u00f3cio lucrativa. Voc\u00ea nem precisa ter um produto tang\u00edvel \u2013 voc\u00ea pode vender ideias! Brincadeiras \u00e0 parte \u2013 <strong>voc\u00ea pode criar uma loja virtual incr\u00edvel com bastante facilidade, mesmo que n\u00e3o tenha nenhum conhecimento t\u00e9cnico<\/strong>. Voc\u00ea pode come\u00e7ar escolhendo um <a href=\"https:\/\/themewp.inform.click\/pt-pt\/40-temas-wordpress-de-comercio-eletronico-da-moda-2022\/\" title=\"tema WooCommerce de qualidade,\">tema WooCommerce de qualidade,<\/a> pois temas espec\u00edficos de nicho geralmente incluem muitos recursos pr\u00e1ticos e \u00fateis que sua loja precisar\u00e1 e, em seguida, prossiga para configurar um plano de neg\u00f3cios!<\/p>\n<p>Existem muitos elementos excelentes que voc\u00ea pode usar para tornar sua loja virtual mais bem-sucedida, e \u00e9 essencial ter uma p\u00e1gina de loja Elementor WooCommerce personalizada.<\/p>\n<p>Neste artigo, mostraremos como criar sua pr\u00f3pria e bonita p\u00e1gina de loja Elementor WooCommerce sem esfor\u00e7o. Fique ligado para ler mais sobre:<\/p>\n<h2>P\u00e1ginas da loja WooCommerce<\/h2>\n<p>Sabemos muito bem que <a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-iniciar-uma-loja-online-em-2022-guia-detalhado\/\" title=\"a cria\u00e7\u00e3o de uma loja virtual\">a cria\u00e7\u00e3o de uma loja virtual<\/a> inclui <strong>elementos espec\u00edficos que s\u00e3o necess\u00e1rios para que o usu\u00e1rio tenha todas as informa\u00e7\u00f5es relevantes sobre o produto<\/strong>. Toda loja ter\u00e1 p\u00e1ginas que apresentam um produto ou grupo de produtos de uma determinada maneira, e essas p\u00e1ginas bem projetadas levam voc\u00ea a um passo mais pr\u00f3ximo de uma loja virtual de sucesso. Outras p\u00e1ginas <strong>importantes para a loja s\u00e3o aquelas com informa\u00e7\u00f5es sobre entrega, pagamento, empresa, p\u00e1ginas<\/strong> do carrinho e afins.<\/p>\n<p>Aqui trataremos de p\u00e1ginas que <strong>exibem listas de produtos dispon\u00edveis na loja e o ajudaremos a cri\u00e1-los como um profissional<\/strong>.<\/p>\n<p>A p\u00e1gina Elementor WooCommerce Shop \u00e9 uma p\u00e1gina de arquivo onde todos os produtos de uma loja s\u00e3o exibidos. Voc\u00ea pode facilmente criar esta p\u00e1gina com o plugin WooCommerce. Depois de adicionar produtos ao seu site, voc\u00ea precisa abrir a p\u00e1gina sem nenhum conte\u00fado e, nas configura\u00e7\u00f5es do WooCommerce, indicar que a p\u00e1gina \u00e9 sua p\u00e1gina de loja.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e47567ab20.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e47567ab20.jpg\" alt=\"Como criar sua pr\u00f3pria p\u00e1gina de loja Elementor WooCommerce\"><\/a><\/p>\n<p>O que temos desta forma? Informamos ao WooCommerce que dedicamos esta p\u00e1gina \u00e0 p\u00e1gina de arquivo para todos os produtos e o WooCommerce os exibir\u00e1 de acordo. Quanto ao estilo do produto nessa p\u00e1gina, depende muito do tema que voc\u00ea escolher. <strong>Se o tema for adequado para lojas, voc\u00ea pode esperar que tenha uma boa apar\u00eancia imediatamente e talvez tenha alguns filtros<\/strong>. Mas, caso n\u00e3o haja, existem maneiras de editar a p\u00e1gina da loja WooCommerce com o Elementor gratuito.<\/p>\n<p>Mas e se nem tudo for perfeito e se algo precisar ser consertado? <strong>Isso cria um problema para quem n\u00e3o sabe editar o pr\u00f3prio c\u00f3digo<\/strong>. Claro que temos uma solu\u00e7\u00e3o. Se por algum motivo voc\u00ea achar que a p\u00e1gina padr\u00e3o parece inadequada abaixo, mostraremos como personaliz\u00e1-la.<\/p>\n<h2>Usando widgets Qi Addons para sua p\u00e1gina de loja WooCommerce<\/h2>\n<p>Os widgets da loja Qi como parte de um Qi Addons for Elementor s\u00e3o widgets elegantes que combinam perfeitamente com o estilo do seu site, pois <strong>se ajustam ao tema que voc\u00ea usa por padr\u00e3o<\/strong>. Mas eles tamb\u00e9m oferecem <strong>muitas op\u00e7\u00f5es de personaliza\u00e7\u00e3o para que voc\u00ea possa estiliz\u00e1-los ainda mais conforme seu desejo<\/strong>.<\/p>\n<p>Para criar a p\u00e1gina de loja desejada, voc\u00ea precisa:<\/p>\n<ul>\n<li>Para inserir os produtos desejados (claro suas categorias e tags, se necess\u00e1rio)<\/li>\n<li>Para voc\u00ea ter o construtor de p\u00e1ginas Elementor gratuito instalado<\/li>\n<li>Para ter o Qi Addons for Elementor instalado (mostraremos o que voc\u00ea pode fazer de gra\u00e7a e o que pode obter com widgets premium).<\/li>\n<\/ul>\n<p>Agora, vamos explicar isso. Claro, voc\u00ea n\u00e3o pode fazer uma p\u00e1gina de loja sem um produto, ent\u00e3o esse \u00e9 o primeiro passo. Quanto aos Qi Addons, n\u00f3s o escolhemos por v\u00e1rios motivos. A primeira \u00e9 que possui um <strong>widget para criar listas de produtos<\/strong>, e a segunda \u00e9 que tamb\u00e9m <strong>oferece muitos outros widgets \u00fateis que voc\u00ea pode usar em seu site<\/strong>.<\/p>\n<p>Vamos criar uma nova p\u00e1gina primeiro. A minha ser\u00e1 chamada de p\u00e1gina de loja personalizada apenas por exemplo, mas voc\u00ea pode simplesmente cham\u00e1-la de loja.<\/p>\n<p>\u00c9 adicionado como qualquer outro. Eu digito o nome da p\u00e1gina, salvo e vou para Editar com Elementor. Obviamente, dependendo do tema, antes de mudar para o Elementor do editor de blocos, voc\u00ea pode <strong>fazer configura\u00e7\u00f5es b\u00e1sicas para a pr\u00f3pria p\u00e1gina<\/strong>. No exemplo, utilizo o <strong>tema Qi<\/strong>, que muitas vezes \u00e9 a minha escolha, pois cont\u00e9m um grande n\u00famero de configura\u00e7\u00f5es para v\u00e1rias partes do site, o que significa muito para mim, pois n\u00e3o preciso alterar o c\u00f3digo e tenho muitas op\u00e7\u00f5es para estilizar v\u00e1rias partes do site.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e475a01ad2.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e475a01ad2.jpg\" alt=\"Como criar sua pr\u00f3pria p\u00e1gina de loja Elementor WooCommerce\"><\/a><\/p>\n<p>Ao entrar no Elementor, a primeira coisa a fazer \u00e9 encontrar widgets de produtos digitando &#8216;pesquisar&#8217; no campo de pesquisa. Voc\u00ea reconhecer\u00e1 os <strong>widgets Qi por seus \u00edcones vermelhos inerentes<\/strong>.<\/p>\n<p>Talvez o mais importante para n\u00f3s seja a <strong>Lista de Produtos<\/strong>, que nos permite <strong>exibir uma lista de produtos \u2013 todos ou produtos selecionados com base em determinados crit\u00e9rios<\/strong>. Este \u00e9 um widget gratuito.<\/p>\n<p>E n\u00e3o nos esque\u00e7amos dos outros. A Lista de Categorias de Produtos serve para mostrar as categorias da nossa loja, tamb\u00e9m \u00e9 gratuita. O widget Product Slider oferece uma maneira interessante de exibir produtos usando sliders, tamb\u00e9m \u00e9 gratuito. A compara\u00e7\u00e3o de produtos nos ajuda a exibir produtos selecionados e comparar seus recursos &#8211; este \u00e9 um widget premium. Caso voc\u00ea use o tema Qi, voc\u00ea tamb\u00e9m ter\u00e1 o Product List Essentials, que oferece uma maneira de exibir listas de produtos de determinados demos de temas, para que n\u00e3o nos concentremos nele.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e475d325ac.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e475d325ac.jpg\" alt=\"Como criar sua pr\u00f3pria p\u00e1gina de loja Elementor WooCommerce\"><\/a><\/p>\n<p>Como eu disse, a <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/product-list\/?campaign=ShopPage&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Lista de Produtos<\/a> \u00e9 o widget mais importante para mim e estou adicionando-o \u00e0 p\u00e1gina.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e4760684fd.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e4760684fd.jpg\" alt=\"Como criar sua pr\u00f3pria p\u00e1gina de loja Elementor WooCommerce\"><\/a><\/p>\n<p>Como voc\u00ea j\u00e1 sabe, ao adicionar widgets na p\u00e1gina, <strong>voc\u00ea encontrar\u00e1 suas configura\u00e7\u00f5es \u00e0 esquerda e, \u00e0 direita, poder\u00e1 ver ao vivo como o widget ficar\u00e1 na sua p\u00e1gina<\/strong>.<\/p>\n<p>As guias Geral e Estilo est\u00e3o vinculadas ao pr\u00f3prio widget, enquanto a guia Avan\u00e7ado est\u00e1 nas configura\u00e7\u00f5es da guia do Elementor e j\u00e1 \u00e9 familiar para voc\u00ea se voc\u00ea j\u00e1 adicionou um widget a uma p\u00e1gina. De qualquer forma, o Elementor \u00e9 t\u00e3o f\u00e1cil de usar que voc\u00ea n\u00e3o precisar\u00e1 de explica\u00e7\u00f5es especiais, especialmente para este widget onde tudo \u00e9 intuitivo e f\u00e1cil de navegar.<\/p>\n<p>Por que gostamos do widget Qi Addons? Como podemos <strong>determinar por n\u00f3s mesmos quantas colunas queremos que a lista tenha<\/strong>, podemos <strong>gerenciar o espa\u00e7o entre os itens<\/strong> por conta pr\u00f3pria. Podemos <strong>determinar o tamanho das imagens<\/strong>, podemos <strong>escolher quantos produtos estar\u00e3o em nossa p\u00e1gina<\/strong>, se <strong>usaremos pagina\u00e7\u00e3o<\/strong> e que tipo, se tivermos mais de uma p\u00e1gina de produto. Qi entra em detalhes mesmo com <strong>op\u00e7\u00f5es de fonte e configura\u00e7\u00f5es de foco<\/strong>. Existem v\u00e1rios layouts para listas. Tamb\u00e9m podemos <strong>exibir apenas produtos de uma determinada categoria, tag, autor e diferentes crit\u00e9rios de exibi\u00e7\u00e3o dispon\u00edveis<\/strong>. Com o Qi, adicionar widgets muitas vezes se transforma em um processo alegre e criativo e temos certeza de que voc\u00ea ficar\u00e1 curioso para explorar a abund\u00e2ncia de op\u00e7\u00f5es que ele oferece por conta pr\u00f3pria.<\/p>\n<p>\u00c0 primeira vista, na guia Estilo, voc\u00ea ficar\u00e1 surpreso com o detalhamento das configura\u00e7\u00f5es. Voc\u00ea ver\u00e1 que a <strong>estiliza\u00e7\u00e3o \u00e9 dividida em categorias, facilitando a navega\u00e7\u00e3o<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476362a2f.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476362a2f.jpg\" alt=\"Como criar sua pr\u00f3pria p\u00e1gina de loja Elementor WooCommerce\"><\/a><\/p>\n<p>Outros widgets s\u00e3o usados \u200b\u200bpraticamente da mesma maneira. <strong>Sinta-se \u00e0 vontade para jogar e experimentar, pois todas as altera\u00e7\u00f5es que voc\u00ea fizer ser\u00e3o vis\u00edveis em tempo real e voc\u00ea poder\u00e1 desfazer qualquer movimento facilmente<\/strong>.<\/p>\n<p>Voc\u00ea sempre pode procurar inspira\u00e7\u00e3o na p\u00e1gina inicial do widget com o autor se estiver se perguntando como estilizar sua lista, mas, novamente, jogue.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476663bbc.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476663bbc.jpg\" alt=\"Como criar sua pr\u00f3pria p\u00e1gina de loja Elementor WooCommerce\"><\/a><\/p>\n<p>Um \u00f3timo complemento para a p\u00e1gina da sua loja tamb\u00e9m pode ser o <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/product-slider\/?campaign=ShopPage&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">widget Slider<\/a>. Pode deixar a <strong>p\u00e1gina mais din\u00e2mica e interativa<\/strong>, um elemento que est\u00e1 em movimento sempre atrai a aten\u00e7\u00e3o do usu\u00e1rio, principalmente quando ele pode interagir com ele.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e47699241d.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e47699241d.jpg\" alt=\"Como criar sua pr\u00f3pria p\u00e1gina de loja Elementor WooCommerce\"><\/a><\/p>\n<p><strong>A combina\u00e7\u00e3o do widget Lista de produtos e do widget Slider de produtos pode ser muito interessante<\/strong>.<\/p>\n<p>Al\u00e9m disso, outro widget que gosto de usar na p\u00e1gina da loja e em outros \u00e9 o <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/product-category-list\/?campaign=ShopPage&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Product Category List<\/a>. Serve para <strong>mostrar determinadas categorias de forma interessante e ajudar os usu\u00e1rios a chegarem a um grupo de produtos que lhes interessam<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476c76f20.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476c76f20.jpg\" alt=\"Como criar sua pr\u00f3pria p\u00e1gina de loja Elementor WooCommerce\"><\/a><\/p>\n<p><a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/product-comparison\/?campaign=ShopPage&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">O widget de compara\u00e7\u00e3o de produtos<\/a> tamb\u00e9m \u00e9 muito interessante e \u00fatil, especialmente porque os compradores hoje em dia gostam de tomar decis\u00f5es informadas sobre compras e adoram comparar produtos para ter certeza de que est\u00e3o fazendo a melhor escolha. <a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-adicionar-comparacao-de-produtos-woocommerce\/\" title=\"Adicionar a compara\u00e7\u00e3o de produtos WooCommerce\">Adicionar a compara\u00e7\u00e3o de produtos WooCommerce<\/a> tamb\u00e9m \u00e9 muito f\u00e1cil e pode ser feito sem nenhum conhecimento t\u00e9cnico ou de codifica\u00e7\u00e3o especial.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476f33923.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-303892-633e476f33923.jpg\" alt=\"Como criar sua pr\u00f3pria p\u00e1gina de loja Elementor WooCommerce\"><\/a><\/p>\n<h2>Para concluir<\/h2>\n<p>Como voc\u00ea pode ver, criar a p\u00e1gina da loja Elementor WooCommerce n\u00e3o \u00e9 ci\u00eancia de foguetes e voc\u00ea pode fazer tudo sozinho. Voc\u00ea tamb\u00e9m pode aprender facilmente como editar a p\u00e1gina da loja WooCommerce e ajust\u00e1-la para atender perfeitamente \u00e0s suas necessidades. Se voc\u00ea tiver alguma d\u00favida relacionada ao t\u00f3pico deste artigo, sinta-se \u00e0 vontade para entrar em contato conosco na se\u00e7\u00e3o de coment\u00e1rios. Estamos ansiosos para ouvir sobre suas experi\u00eancias com Qi Addons para Elementor!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda a criar uma bela p\u00e1gina de loja Elementor WooCommerce sozinho como um profissional, com zero conhecimento t\u00e9cnico pr\u00e9vio e aumente suas vendas!<\/p>\n","protected":false},"author":1,"featured_media":363491,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[573],"tags":[848],"class_list":["post-370494","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nocoes-basicas-do-wordpress","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/370494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=370494"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/370494\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/363491"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=370494"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=370494"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=370494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}