Tag: WordPress plugin

Step 1 — Install the WPVibe Plugin

There are two ways to install WPVibe: directly from the WordPress Plugin Directory (if it’s listed there) or by uploading the ZIP file manually.

Option A: Install from the WordPress Dashboard

1. Log in to your WordPress admin panel and go to Plugins → Add New.
2. In the search bar, type WPVibe and press Enter.
3. Click Install Now next to the WPVibe plugin, then click Activate.

Option B: Upload the ZIP File Manually

1. Download the WPVibe ZIP file from the official WPVibe website or your purchase confirmation email.
2. In your WordPress dashboard, go to Plugins → Add New → Upload Plugin.
3. Click Choose File, select the downloaded ZIP, then click Install Now.
4. After installation completes, click Activate Plugin.

Step 2 — Initial Configuration

Once activated, WPVibe adds a new menu item to your WordPress sidebar. Go to WPVibe → Settings to begin configuration.

General Settings

• License Key — Enter your license key if you purchased a premium plan. This unlocks advanced features.
• Site Mode — Choose between Community, Blog, or Store mode depending on your site type.
• User Roles — Define which user roles (Subscriber, Author, etc.) can interact with WPVibe features.
• Notification Preferences — Set default notification delivery (in-app, email, or both).

Step 3 — Connect Your Database / API

WPVibe uses its own lightweight database layer to store activity data. By default it works with your existing WordPress database, but for high-traffic sites, a dedicated connection is recommended. Navigate to WPVibe → Advanced → Database Settings and review the following:

If you’re using Redis, add the following to your wp-config.php:

define( 'WPVIBE_CACHE_DRIVER', 'redis' );
define( 'WPVIBE_REDIS_HOST', '127.0.0.1' );
define( 'WPVIBE_REDIS_PORT', 6379 );
define( 'WPVIBE_REDIS_AUTH', 'your-redis-password' );

Step 4 — Add WPVibe to Your Pages

WPVibe offers two ways to display its components on your site: shortcodes and blocks (for the Block Editor).

Using Shortcodes (Classic Editor)

Paste any of these shortcodes into your page or post content:

[wpvibe_feed]                  — Activity feed
[wpvibe_notifications]         — Notification bell + dropdown
[wpvibe_leaderboard limit="10"] — Top users leaderboard
[wpvibe_badge user_id="1"]     — Display badges for a user

Using Blocks (Gutenberg / Block Editor)

1. Open a page or post in the Block Editor and click the + icon to add a block.
2. Search for WPVibe — you’ll see all available blocks listed.
3. Click the block you want (e.g., Activity Feed) to insert it, then configure its settings in the right sidebar.

Step 5 — Customize the Appearance

WPVibe includes a built-in style editor. Go to WPVibe → Appearance to:

• Choose a preset color theme or define custom brand colors.
• Adjust font sizes, border radii, and spacing to match your theme.
• Toggle dark mode support (auto-detects system preference).
• Upload a custom icon set for notification types.

For advanced custom CSS, use the Custom CSS field at the bottom of the Appearance page. Changes preview live in the panel.

Step 6 — Test Your Setup

Before going live, run a quick sanity check:

1. Open your site in a private/incognito window and log in as a test user (not an admin).
2. Perform an action — like commenting on a post or liking an item — and confirm it appears in the activity feed.
3. Check that notifications appear in the notification bell within a few seconds.
4. Go back to WPVibe → Logs in the admin and confirm the events are being recorded correctly.

Step 7 — Go Live & Monitor

Once testing looks good, WPVibe is ready for your real users. A few final recommendations:

• Enable Email Digest notifications so users get a daily summary instead of individual emails.
• Set up the Weekly Activity Report to land in your inbox every Monday.
• Install a caching plugin (like WP Rocket or LiteSpeed Cache) and whitelist WPVibe’s dynamic endpoints to avoid caching issues.
• Bookmark the WPVibe → Analytics dashboard to track engagement trends over time.