Products
The Products page lets you manage your product inventory — add new products, edit existing ones, sync products from your Facebook catalog, and switch between gallery and list views.
2. Ensure gallery view is selected (grid icon)
3. Capture the page showing multiple product cards with images, names, prices, SKUs, and availability badges
Save to:
static/img/screenshots/catalog/products/products-page-gallery.pngView modes
You can switch between two view modes using the toggle buttons in the header:
Gallery view
Products are displayed as cards in a responsive grid. Each card shows:
| Element | Description |
|---|---|
| Product image | The product photo (or a placeholder icon if no image is set) |
| Availability badge | Green "In Stock" or red "Out of Stock" badge |
| Product name | The product title |
| Price | Price with currency symbol |
| SKU | The product's unique identifier |
| Quick actions | Edit and Delete buttons appear on hover |
2. Capture the card showing the Edit (pencil) and Delete (trash) action buttons overlaid on the image
Save to:
static/img/screenshots/catalog/products/product-card-hover.pngList view
Products are displayed in a table with columns:
| Column | Description |
|---|---|
| Image | Product thumbnail |
| Name | Product title |
| SKU | Unique product identifier |
| Price | Price with currency |
| Availability | Stock status |
| Actions | Menu with Edit and Delete options |
2. Capture the table showing product rows with all columns
Save to:
static/img/screenshots/catalog/products/products-page-list.pngAdding a product
Click the Add Product button in the header to open the product dialog.
2. Fill in all fields with sample data
3. Capture the full dialog showing both the image section (left) and details form (right)
Save to:
static/img/screenshots/catalog/products/add-product-dialog.pngProduct fields
| Field | Required | Description |
|---|---|---|
| SKU | Yes | A unique identifier for the product (e.g., "SHIRT-BLUE-M"). Cannot be changed after creation. |
| Product Name | Yes | The name customers will see (e.g., "Blue Cotton Shirt - Medium") |
| Description | No | Detailed product description |
| Price | Yes | The product price (minimum 0, supports decimals like 29.99) |
| Currency | No | Price currency. Options: USD, EUR, GBP, INR, AED, SAR. Defaults to INR. |
| Availability | No | Stock status: In Stock or Out of Stock. Defaults to In Stock. |
| Image URL | No | Link to the product image. Click Browse Files to select from the File Manager. |
| Product URL | No | Link to the product page on your website (optional) |
Adding a product image
You have two options for adding a product image:
- Paste a URL — Enter the image URL directly in the Image URL field
- Browse Files — Click the Browse Files button to open the File Manager, where you can upload or select an image
The image preview updates in real-time as you enter or select a URL.
Steps to add a product
- Click Add Product
- Enter the SKU (unique identifier — this cannot be changed later)
- Enter the Product Name
- Set the Price and Currency
- Optionally add a description, image, and product URL
- Set the Availability status
- Click Save
Editing a product
To edit an existing product:
- Gallery view — Hover over the product card and click the Edit (pencil) button
- List view — Click the actions menu (three dots) on the product row and select Edit
The edit dialog is the same as the add dialog, except the SKU field is locked — you cannot change a product's SKU after it's created.
2. Capture the dialog showing the SKU field as disabled and other fields editable
Save to:
static/img/screenshots/catalog/products/edit-product-dialog.pngThe SKU acts as the product's unique identity across WhatsApp and your catalog. Changing it would break the link between your product and any existing orders or cart items. If you need a different SKU, delete the product and create a new one.
Deleting a product
To delete a product:
- Gallery view — Hover over the product card and click the Delete (trash) button
- List view — Click the actions menu and select Delete
- Confirm the deletion in the dialog (shows the product name for verification)
Deleting a product removes it from your catalog. This action cannot be undone. Existing orders that reference this product are not affected.
Syncing from Facebook
If you manage your products in Facebook Commerce Manager and want to bring them into EzPulze, use the Sync from Facebook button.
Save to:
static/img/screenshots/catalog/products/sync-button.pngHow sync works
- Click Sync from Facebook (the button shows a spinner while syncing)
- The system fetches all products from your connected Facebook catalog
- Products are compared with your local database:
- New products in Facebook → Added to EzPulze
- Updated products in Facebook → Updated in EzPulze
- Deleted products from Facebook → Removed from EzPulze
- When complete, you'll see a summary showing how many products were added, updated, and removed
When to sync
- After adding or updating products in Facebook Commerce Manager
- After connecting a new catalog for the first time
- Periodically to keep your EzPulze product list in sync with Facebook
You can manage products either in EzPulze (using the Add/Edit features) or in Facebook Commerce Manager (using Sync). Choose one approach to avoid conflicts. If you use Facebook as your primary catalog, sync regularly to keep EzPulze up to date.
Supported formats and limits
Product image
| Requirement | Details |
|---|---|
| Format | JPEG, PNG |
| Recommended size | Square aspect ratio (1:1) |
| Source | URL or File Manager upload |
Product fields
| Field | Limit |
|---|---|
| SKU | Must be unique across all products |
| Price | Minimum 0, up to 2 decimal places |
| Currency | USD, EUR, GBP, INR, AED, or SAR |
| Availability | "In Stock" or "Out of Stock" |