Overview

  • Install the WooCommerce Plugin
  • Adding and Editing Products
  • Install the Nicepage Application
  • Product Templates
  • Editing Product Templates
  • Exporting a Theme From Nicepage

Install WooCommerce

To create a WordPress online store with Nicepage, use the WooCommerce plugin for WordPress.

  1. Go to your WordPress Admin.
  2. Open the Plugins section by clicking the link on the Side Menu.
  3. Click the Add New button.
  4. Enter "WooCommerce" into the Seach field.
  5. Click the Install Now button.
  6. After the installation complete, click the Activate button.

install-woocommerce.png

Adding and Editing Products

IMPORTANT: YOU CAN ADD AND EDIT THE ACTUAL PRODUCTS ONLY IN WORDPRESS IN THE PRODUCTS SECTION!

In the Nicepage Application, you create ONLY the design of the Product Templates.

adding-editing-products.png

Install Nicepage

IMPORTANT: You can edit the Product templates only with the Nicepage Application for Windows of Mac OS.

  1. Please go to the Download page at htts://nicepage.com/download.
  2. Click either the Windows or Mac OS button to start downloading.
  3. Then click the downloaded file to run the installation of Nicepage.

download-nicepage.png

For example, on Windows, in Google Chrome, you can find the downloaded file on the bottom bar.

download-arrow.gif

To read more about the installation of the Nicepage Applications for Windows or Mac OS, please visit:

Product Templates

The Product Templates are part of any WordPress WooCommerce theme and output the Online Store pages. Please note that you can edit your online store's Product Templates by a pixel only with the Nicepage Desktop Application for Windows or Mac OS.

  1. Run the Nicepage Application for Windows or Mac OS.
  2. Create a New or open Project.
  3. Open the Theme List.
  4. Click the Product Details Template to open the Editor.

open-product-template.gif

To get more information about Nicepage's Product Templates, please read the following articles.

Editing Product Templates

The Product List Template contains the Product List Element, and the Product Details Template contains the Product Details Element. You can edit the Product Templates by adding and moving the Product Elements.

  1. On the Product Details Template edit page, select the Product Details Element.
  2. Click the context Add Elements icon.
  3. Select the Product Quantity Elements in the Add Product Elements list.
  4. Move the Product Quantity up above the Product Button.

adding-product-quantity.gif

Click the link to read more about Nicepage's Product Elements. Please note that you can also find the Product Templates in the Add Elements list.

Exporting Theme From Nicepage

After you finish editing, you are ready to export the Theme with the Product Templates. Optionally, you can exit the Product Details Template Editor.

  1. Click the Export icon on the Top Bar.
  2. IMPORTANT: In the Export dialog, select the "Include Product List, Product Details and Shopping Cart Templates" checkbox to export the Product Templates.

export-nicepage-wordpress-theme.png

Installing Theme To WordPress

You can install the Nicepage's Theme the same way you install any other WordPress theme.

  1. Open the WordPress administration of your website.
  2. Click the Appearance -> Themes in the Side Panel.
  3. Click the Add New button.
  4. Click the Upload Theme button.
  5. Choose the Theme file.
  6. Click Install Now.
  7. Activate the Theme.
  8. Optionally, you can install the Nicepage Editor Plugin and pages.

import-wordpress-theme.gif

To learn more about the WordPress Theme installation, please read the following articles.

Editing Menu in WordPress

Check the Site Menu for having the link to your Online Store pages.

  1. Go to Appearance -> Menus.
  2. On the Menus page, go to the Pages list to the left.
  3. Select the View All Tab.
  4. Select the Shop to add the link to your Online Store's Products page.
  5. Click the Add to Menu button.
  6. Save the Menu.

edit-site-menu.png

Previewing WordPress Store

Set your site to show the Home as the main page for your website in Settings -> Reading.

settings-reading.png

You can also preview your site's main page by clicking the WordPress -> Visit Site or Visit Store link.

visit-woocommerce-store.png

Read More

## Overview - Install the WooCommerce Plugin - Adding and Editing Products - Install the Nicepage Application - Product Templates - Editing Product Templates - Exporting a Theme From Nicepage ## Install WooCommerce To create a WordPress online store with Nicepage, use the WooCommerce plugin for WordPress. 1. Go to your WordPress Admin. 2. Open the Plugins section by clicking the link on the Side Menu. 3. Click the Add New button. 4. Enter "WooCommerce" into the Seach field. 5. Click the Install Now button. 6. After the installation complete, click the Activate button. ## !install-woocommerce.png! ## Adding and Editing Products **IMPORTANT**: YOU CAN ADD AND EDIT THE ACTUAL PRODUCTS ONLY IN WORDPRESS IN THE PRODUCTS SECTION! In the Nicepage Application, you create ONLY the design of the Product Templates. ## !adding-editing-products.png! ## Install Nicepage IMPORTANT: You can edit the Product templates only with the Nicepage Application for Windows of Mac OS. 1. Please go to the Download page at htts://nicepage.com/download. 2. Click either the Windows or Mac OS button to start downloading. 3. Then click the downloaded file to run the installation of Nicepage. ## !download-nicepage.png! For example, on Windows, in Google Chrome, you can find the downloaded file on the bottom bar. !download-arrow.gif! To read more about the installation of the Nicepage Applications for Windows or Mac OS, please visit: - [Installation on Windows](page:67063) - [Installation on Mac OS](page:67064) ## Product Templates The Product Templates are part of any WordPress WooCommerce theme and output the Online Store pages. Please note that you can edit your online store's Product Templates by a pixel only with the Nicepage Desktop Application for Windows or Mac OS. 1. Run the Nicepage Application for Windows or Mac OS. 2. Create a New or open Project. 3. Open the Theme List. 4. Click the Product Details Template to open the Editor. ## !open-product-template.gif! To get more information about Nicepage's Product Templates, please read the following articles. - [Product List Template](page:97480) - [Product Details Template](page:97484) - [Shopping Cart Template](page:107201) ## Editing Product Templates The Product List Template contains the Product List Element, and the Product Details Template contains the Product Details Element. You can edit the Product Templates by adding and moving the Product Elements. 1. On the Product Details Template edit page, select the Product Details Element. 2. Click the context Add Elements icon. 3. Select the Product Quantity Elements in the Add Product Elements list. 4. Move the Product Quantity up above the Product Button. ## !adding-product-quantity.gif! Click the link to read more about Nicepage's [Product Elements](page:107569). Please note that you can also find the Product Templates in the Add Elements list. ## Exporting Theme From Nicepage After you finish editing, you are ready to export the Theme with the Product Templates. Optionally, you can exit the Product Details Template Editor. 1. Click the Export icon on the Top Bar. 2. IMPORTANT: In the Export dialog, select the "Include Product List, Product Details and Shopping Cart Templates" checkbox to export the Product Templates. ## !export-nicepage-wordpress-theme.png! ### Installing Theme To WordPress You can install the Nicepage's Theme the same way you install any other WordPress theme. 1. Open the WordPress administration of your website. 2. Click the Appearance -> Themes in the Side Panel. 3. Click the Add New button. 4. Click the Upload Theme button. 5. Choose the Theme file. 6. Click Install Now. 7. Activate the Theme. 8. Optionally, you can install the Nicepage Editor Plugin and pages. ## !import-wordpress-theme.gif! To learn more about the WordPress Theme installation, please read the following articles. - [Installation of WordPress Theme and Pages](page:66707) - [Export and Update of the WordPress Theme from the Nicepage Application](page:67768). ### Editing Menu in WordPress Check the Site Menu for having the link to your Online Store pages. 1. Go to Appearance -> Menus. 2. On the Menus page, go to the Pages list to the left. 3. Select the View All Tab. 4. Select the Shop to add the link to your Online Store's Products page. 5. Click the Add to Menu button. 6. Save the Menu. ## !edit-site-menu.png! ### Previewing WordPress Store Set your site to show the Home as the main page for your website in Settings -> Reading. !settings-reading.png! You can also preview your site's main page by clicking the WordPress -> Visit Site or Visit Store link. !visit-woocommerce-store.png! ## Read More - [Installation of WordPress Theme and Pages](page:66707) - [Installation of the Nicepage WordPress Plugin ](page:67475) - [Export and Update of the WordPress Theme from the Nicepage Application](page:67768). - [Export and Update of the WordPress Content from the Nicepage Application](page:67690). ##