Nudgio Technologies

1. Sign up at nudgio.tech
2. Create a WooCommerce connection
3. Go to the connection’s “API Keys” tab
4. Click “Generate Key” — save the secret immediately (shown once)

1. Edit any page or product → click the “+” block inserter
2. Search for “Nudgio Technologies” (under WooCommerce or Plugins category)
3. You can build your widget visually using the 35+ settings in the sidebar, OR paste a Preset Slug (auto-generated when you save a preset in the Nudgio dashboard → Widgets)
4. Publish — the widget renders automatically

Yes. The API secret is encrypted before storage in WordPress. It never appears in your page source — only the Key ID, timestamp, nonce, and HMAC signature are included in widget URLs.

Algorithm / Data:
* type — bestsellers, cross-sell, upsell, similar (default: bestsellers)
* count — number of products to show (default: 4)
* product_id — specific product ID (auto-detected on product pages)
* lookback_days — order data lookback period (default: 30)
* method — bestseller method: volume, value, balanced (default: volume)
* min_price_increase_percent — upsell price threshold (default: 10)

Widget Container:
* widget_bg_color — hex color for widget background (default: #FFFFFF)
* widget_padding — padding in pixels (default: 16)

Widget Title:
* widget_title — custom widget heading (leave empty for auto-default)
* title_color — hex color for title (default: #111827)
* title_size — font-size in pixels (default: 24)
* title_alignment — left, center (default: left)

Layout:
* widget_style — grid, carousel (default: grid)
* widget_columns — max columns at full width, 1-6 (default: 4)
* gap — gap between cards in pixels (default: 16)
* card_min_width — minimum card width in pixels (default: 200)
* card_max_width — maximum card width in pixels, 0 = no limit (default: 0)

Product Card:
* card_bg_color — hex color for card background (default: #FFFFFF)
* card_border_radius — border radius in pixels (default: 8)
* card_border_width — border width in pixels (default: 0)
* card_border_color — hex color for card border (default: #E5E7EB)
* card_shadow — none, sm, md, lg (default: md)
* card_padding — card content padding in pixels (default: 16)
* card_hover — none, lift, shadow, glow (default: lift)

Product Image:
* image_aspect_w — image aspect ratio width, 1-20 (default: 1)
* image_aspect_h — image aspect ratio height, 1-20 (default: 1)
* image_fit — cover, contain (default: cover)
* image_radius — image border radius in pixels (default: 8)

Product Title:
* product_title_color — hex color for product title (default: #1F2937)
* product_title_size — font-size in pixels (default: 14)
* product_title_weight — CSS font-weight 100-900 (default: 600)
* product_title_lines — max lines before truncation, 1-3 (default: 2)
* product_title_alignment — left, center (default: left)

Price:
* show_price — show product price: true/false (default: true)
* price_color — hex color for price (default: #111827)
* price_size — font-size in pixels (default: 18)

CTA Button:
* button_text — button text, e.g. View, Shop Now (default: View)
* button_bg_color — hex color for button background (default: #3B82F6)
* button_text_color — hex color for button text (default: #FFFFFF)
* button_radius — button border radius in pixels (default: 6)
* button_size — font-size in pixels (default: 14)
* button_variant — solid, outline, ghost (default: solid)
* button_full_width — stretch button to full width: true/false (default: false)

These types require a product context. On non-product pages, the shortcode outputs nothing unless you specify a product_id attribute explicitly.