{"id":580,"date":"2022-12-03T08:01:32","date_gmt":"2022-12-03T08:01:32","guid":{"rendered":"https:\/\/loftocean.com\/doc\/patiotime\/?post_type=ptkb&#038;p=580"},"modified":"2023-09-08T09:29:15","modified_gmt":"2023-09-08T09:29:15","slug":"woocommerce-installation-shop-setup","status":"publish","type":"ptkb","link":"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/woocommerce-installation-shop-setup\/","title":{"rendered":"WooCommerce Installation &amp; Shop Setup"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"580\" class=\"elementor elementor-580\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5641bd8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5641bd8\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d4bcdba\" data-id=\"d4bcdba\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c409d28 elementor-widget elementor-widget-pt_title\" data-id=\"c409d28\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h6 class=\"pt-title\">\n\t                Install WooCommerce\t            <\/h6>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7549d6 elementor-widget elementor-widget-text-editor\" data-id=\"e7549d6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>First of all, you need to install and activate the free plugin\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\">WooCommerce<\/a>. Please read\u00a0<a href=\"https:\/\/docs.woocommerce.com\/documentation\/plugins\/woocommerce\/getting-started\/\">WooCommerce official documentation<\/a>\u00a0to know how to install and use this plugin.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d6d72a elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"7d6d72a\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71a361b elementor-widget elementor-widget-pt_title\" data-id=\"71a361b\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h6 class=\"pt-title\">\n\t                Set Up the Shop page\t            <\/h6>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-037b50e elementor-widget elementor-widget-text-editor\" data-id=\"037b50e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Upon activating the plugin, you are prompted with a\u00a0<a href=\"https:\/\/docs.woocommerce.com\/document\/woocommerce-setup-wizard\/\" target=\"_blank\" rel=\"noopener\">Setup Wizard<\/a>. We strongly advise following these steps, as it takes you through initial setup.<\/p><p>When finishing setup, WooCommerce creates the following 4 new pages:<\/p><ol><li>Shop \u2013 No content required.<\/li><li>Cart \u2013 Contains [woocommerce_cart] shortcode and shows the cart contents<\/li><li>Checkout \u2013 Contains [woocommerce_checkout] shortcode and shows information such as shipping and payment options<\/li><li>My Account \u2013 Contains [woocommerce_my_account] shortcode and shows each customer information related to their account, orders, etc.<\/li><\/ol><p><span style=\"background-color: var(--bg-color);\"><b>If you only need to use WooCommerce for checkout and payment for hotel reservations,\u00a0<\/b><\/span><span style=\"background-color: var(--bg-color);\">then once you have WooCommerce installed via the &#8220;setup Wizard&#8221;, you&#8217;re good to go.<\/span><\/p><p><b style=\"font-size: inherit; color: var(--content-color); font-family: var(--kb-font); background-color: var(--bg-color);\">If you also want to set up an online store on your website to sell some products, <\/b><span style=\"font-size: inherit; color: var(--content-color); font-family: var(--kb-font); background-color: var(--bg-color);\">please continue reading below.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2920992 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"2920992\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ce881c elementor-widget elementor-widget-text-editor\" data-id=\"9ce881c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: bolder; font-size: inherit; color: var(--content-color); font-family: var(--kb-font); background-color: var(--bg-color);\">If you want to set the Shop page to another page:<\/span><br><\/p>\n<p>To change the setting of the <strong>Shop<\/strong>&nbsp;page (the products index page), on your site dashboard, please go to&nbsp;<strong>WooCommerce<\/strong>&nbsp;&gt;&nbsp;<strong>Settings<\/strong>&nbsp;&gt;&nbsp;<strong>Products tab<\/strong>&nbsp;&gt;&nbsp;<strong>Display tab<\/strong>, there you can find the option&nbsp;<strong>Shop Page<\/strong>, select what page you want to be the default shop page (you can choose the shop page created by WooCommerce, or create a new page and choose it). Please check WooCommerce official documentation&nbsp;<a href=\"https:\/\/docs.woocommerce.com\/document\/configuring-woocommerce-settings\/#section-5\" target=\"_blank\" rel=\"noopener\">Configuring WooCommerce Settings<\/a>&nbsp;about this part.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcefd8f elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"fcefd8f\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99c39b5 elementor-widget elementor-widget-pt_title\" data-id=\"99c39b5\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h6 class=\"pt-title\">\n\t                Import WooCommerce Dummy Content\t            <\/h6>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48511ba elementor-widget elementor-widget-text-editor\" data-id=\"48511ba\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Right after installing WooCommerce you may find you have an empty store. There are no products, orders, reviews, and more by default. You can start to create your own products, or perhaps you\u2019d like to see what sample orders and products look like, then you can choose to import some dummy content. Please check this article\u00a0<a href=\"https:\/\/docs.woocommerce.com\/document\/importing-woocommerce-dummy-data\/\" target=\"_blank\" rel=\"noopener\">Importing WooCommerce Dummy Data<\/a>\u00a0to know details.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8338ad2 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"8338ad2\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28aff73 elementor-widget elementor-widget-pt_title\" data-id=\"28aff73\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h6 class=\"pt-title\">\n\t                Product Image Size\t            <\/h6>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0163d68 elementor-widget elementor-widget-text-editor\" data-id=\"0163d68\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Product Images<\/strong>\u00a0settings can be found under the Customizer, in\u00a0<strong>WooCommerce<\/strong>\u00a0&gt;\u00a0<strong>Product Images<\/strong>:<\/p><p><a href=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/12\/product-image-settings.png\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-582\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/12\/product-image-settings.png\" alt=\"\" width=\"300\" height=\"860\" \/><\/a><\/p><p>And after changing image sizes, please don&#8217;t forget to\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails\/\">regenerate your thumbnails<\/a>.<\/p><p><strong>Blurry Product Images?<\/strong><br \/>Please read this article to know how to\u00a0<a href=\"https:\/\/docs.woocommerce.com\/document\/fixing-blurry-product-images\/\">Fixing Blurry Product Images<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"menu_order":0,"template":"","ptkb_category":[15],"class_list":["post-580","ptkb","type-ptkb","status-publish","hentry","ptkb_category-woocommerce"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/types\/ptkb"}],"version-history":[{"count":2,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/580\/revisions"}],"predecessor-version":[{"id":1294,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/580\/revisions\/1294"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/media?parent=580"}],"wp:term":[{"taxonomy":"ptkb_category","embeddable":true,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb_category?post=580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}