Harmony IntegrationHarmony Integration

Phase 2 — Installation & Setup

Install the plugin, connect test credentials, and configure storefront settings.

Install Harmony’s Plugin

You’ll receive woocommerce-harmony.zip via email.

Option A — Dashboard Upload

  1. Plugins → Add New → Upload Plugin.
  2. Select the ZIP file and click Install Now.
  3. Activate the plugin once installed.

Option B — SFTP Upload

  1. Unzip locally to woocommerce-harmony.
  2. Upload to /wp-content/plugins/.
  3. Activate in WordPress.

Troubleshooting: upload_max_filesize limit

Add the following to .htaccess:

php_value upload_max_filesize 64M php_value post_max_size 64M php_value memory_limit 256M

Or add to wp-config.php:

@ini_set( 'upload_max_filesize', '64M' ); @ini_set( 'post_max_size', '64M' ); @ini_set( 'memory_limit', '256M' );

Verify Activation

Once active, the Harmony tab appears under WooCommerce → Settings.

Connect Test Credentials

  1. WooCommerce → Settings → Harmony → API.
  2. Enter Username + Password.
  3. Save changes, then click Test Connection.

Create Insurance Information Page

  1. Pages → Add New → “Insurance Information”.
  2. Paste the legal disclosure text provided by Harmony.
  3. Publish and select it in Harmony → Display tab.

Add this page to your website footer for compliance visibility.

Assign Insurance to Products

Method A — Categories (Recommended)

  1. Products → Categories → Edit a category.
  2. Enable Harmony Insurance toggle.
  3. Select Insurance Type + Condition.

Method B — Individual Products

  1. Products → All Products → Edit.
  2. Open Harmony tab in Product Data.
  3. Override insurance configuration as needed.

Configure the Insurance Modal

The Insurance Modal is the popup that lets customers review coverage and add insurance to cart. Match it to your brand by adjusting colors and radius.

  • WooCommerce → Settings → Harmony → Styling.
  • Set primary color, border radius, and offer styling.
  • Preview by opening a product with insurance enabled.

Customer View

This is what shoppers see before adding insurance to their cart.

Next: Phase 3