Noah Shop Builder for WooCommerce
Noah Shop Builder for WooCommerce
Description
Noah Shop Builder for WooCommerce is a comprehensive WooCommerce page builder designed specifically for the WordPress Gutenberg editor. Build beautiful, conversion-optimized online stores without writing a single line of code.
Key Features
- Gutenberg-Native Blocks – Seamlessly integrates with the WordPress block editor
- Product Display Blocks – Showcase products with customizable title, price, images, and description blocks
- Drag & Drop Interface – Intuitive visual builder for easy customization
- Ready-Made Templates – Pre-designed layouts to get you started quickly
- No Coding Required – Build professional stores without technical knowledge
Available Blocks
- Product Title Block – Display product titles with customizable typography and styling
- Product Price Block – Show product prices with flexible formatting options
- And more blocks coming soon!
How to Use
- Install and activate the plugin
- Ensure WooCommerce is installed and active
- Edit any page or post with the Gutenberg editor
- Search for “Noah” or “Product” in the block inserter
- Add blocks and customize them using the block settings panel
- Publish your page and enjoy your beautiful WooCommerce store
Requirements
- WordPress 6.2 or higher
- WooCommerce plugin (active)
- PHP 7.4 or higher
Support & Documentation
- Documentation – Comprehensive guides and tutorials
- Video Tutorials – Step-by-step video guides
Privacy Policy
Noah Shop Builder for WooCommerce does not collect or store any personal data. It works entirely within your WordPress installation.
Source Code
This plugin uses build tools (npm and webpack via @wordpress/scripts) to compile and minify JavaScript and CSS files for production.
Compiled Files
The compiled/minified files are located in the build/ directory.
Source Files
The uncompiled source code is located in the src/ directory of this plugin. All JavaScript and CSS source files are included in the distributed plugin.
Build Instructions
To build the plugin from source:
1. Install Node.js (version 18 or higher recommended)
2. Run npm install to install dependencies
3. Run npm run build to compile the source files
4. Or run npm run start for development mode with hot reloading
Source Repository
The full source code is available at: https://github.com/iqbal-web/shop-companion
Installation
Automatic Installation
- Log in to your WordPress dashboard
- Navigate to Plugins Add New
- Search for “Noah Shop Builder for WooCommerce”
- Click “Install Now” and then “Activate”
- Ensure WooCommerce is installed and activated
Manual Installation
- Download the plugin zip file
- Log in to your WordPress dashboard
- Navigate to Plugins Add New Upload Plugin
- Choose the downloaded zip file and click “Install Now”
- After installation, click “Activate Plugin”
- Ensure WooCommerce is installed and activated
After Activation
- You’ll see a “Build Shop” link in the plugin actions
- Navigate to any page/post editor
- Start adding Noah Shop Builder blocks from the block inserter
- Customize your blocks using the settings panel
Faq
Yes, Noah Shop Builder for WooCommerce requires WooCommerce to be installed and active. The plugin will show an admin notice if WooCommerce is not detected.
Yes, Noah Shop Builder for WooCommerce is designed to work with any WordPress theme that supports Gutenberg blocks and WooCommerce.
No, this plugin is specifically designed for the Gutenberg block editor. You need to use the block editor to access the features.
No coding knowledge is required. The plugin provides a user-friendly drag-and-drop interface for building your store.
Yes, Noah Shop Builder for WooCommerce is completely free. A Pro version with additional features is also available.
You can find documentation and video tutorials through the plugin’s links, or reach out through the WordPress.org support forums.
Reviews
Changelog
1.0.0
- Initial release
- Product Title Block
- Product Price Block