To build an E-Commerce website with Nicepage, you should install WordPress on your hosting, the WooCommerce plugin, and import the exported Nicepage Theme with E-Commerce Products to your WordPress website.

Install WooCommerce

To install the WooCommerce plugin, follow these steps.

  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 Search field.
  5. Click the Install Now button.
  6. After the installation is complete, click the Activate button.

Manage Products

You have two options for editing products.

  1. You can manage Products in the Products Panel in Nicepage and then import your changes to WordPress.
  2. You can also do that in the Products section of your WordPress admin in WordPress Admin -> Products.
edit-products.png

Design Product Page Templates

The Product Page Templates are part of a WordPress theme and are used to output Products on your WordPress website.

  1. Open the Nicepage Application.
  2. Open your Project.
  3. Go to the Templates Panel on Quick Access.
  4. Click the Product List Template and edit it in the Editor.
  5. Edit other product templates as needed.
product-templates.png

Export E-Commerce Theme

Click Publish to export the Theme with the Product Templates.

IMPORTANT!

  1. Check the "Include E-Commerce Templates" checkbox in the dialog to export the Product Templates.
  2. If you have Products in the Nicepage Project, check the "Include E-Commerce Products" checkbox.
export-nicepage-wordpress-theme.png

Install E-Commerce Theme

Install the Nicepage Theme on your WordPress website.

  1. Open the WordPress Admin.
  2. Click Appearance ** -> **Themes.
  3. Click "Add New".
  4. Click "Upload Theme."
  5. Choose the Nicepage Theme file.
  6. Click "Install Now."
  7. Activate the Nicepage Theme.
  8. Install the Nicepage Plugin and content with the Wizard if needed.
import-wordpress-theme.gif

Add Products To Menu

Manage the Site Menu by adding the link to your Online Store.

  1. Go to Appearance -> Menus.
  2. Go to Pages.
  3. Select "View All".
  4. Locate the "Shop" item.
  5. Click "Add to Menu."
  6. Click "Save."
edit-site-menu.png

Set Home Page

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

settings-reading.png

Import Products From Theme

You can import Products from the Theme. If you have products in the Theme, you can choose the import source as Theme in the Wizard.

If you select the "Use all from the Plugin" option, the Product Templates from the Theme will display Products from the Plugin.

import-prodcts-theme.png

View E-Commerce Website

Preview your site's main page by clicking the link to the WordPress -> Visit Site or Visit Store.

view-wp-website.png

You can also read about the following: