Integrations

Wordpress

How to embed VideoQi widget on WordPress

Install on All Pages (Recommended)

This method uses the VideoQi plugin and displays the widget automatically on every page of your WordPress site. It’s easy, requires less manual setup, and is best for most users.

Install the VideoQi WordPress Plugin

  1. Log in to your WordPress admin area (e.g., yourwebsite.com/wp-admin).
  2. From the left sidebar, navigate to Plugins → Add New.
  3. In the search bar (top-right), enter "VideoQi" and press Enter.
  4. Locate the official VideoQi widget plugin in the results (by Robin He).
  5. Click Install Now, wait briefly for installation, then click Activate.
Thumbnail image

Obtain Your VideoQi ID

  1. In a new browser tab, log in to your account on the official VideoQi website.
  2. Click the Share button at the top-right.
  3. Copy the data-website-id provided (use Ctrl+C on Windows or Cmd+C on Mac).
Thumbnail image

Configure the VideoQi Widget

  1. Return to your WordPress dashboard and select Settings from the left sidebar.
  2. Click on VideoQi Settings (this appears after plugin activation).
  3. Paste your copied ID into the VideoQi App ID field.
  4. Click Save Changes to apply and connect your account.
Thumbnail image

Verify the Installation

Visit your website (e.g., yourwebsite.com) to confirm the VideoQi widget displays correctly.

Page-Specific Installation

This method involves manually adding the script to individual pages. It gives you control over where the widget appears, useful if you only want it on certain pages, but requires more effort.

Obtain the VideoQi Script

  1. Log in to your account on the official VideoQi website.
  2. Click the Share button in the top-right corner.
  3. Copy the entire <script> code provided.
Thumbnail image

Add the Script to Specific Pages

  • For Theme Pages: Navigate to Appearance → Customize.
  • For Individual Pages: Navigate to Pages in the left sidebar and select the page to edit.

Insert the Code

  • Using the Block Editor (Gutenberg):
  • Using the Classic Editor:
Thumbnail image

Verify your Installation

Visit your website (e.g., yourwebsite.com) to confirm the VideoQi widget displays correctly.

Troubleshooting (If Needed)

  • Ensure the VideoQi ID or script was pasted correctly (no extra spaces or characters).
  • Confirm the plugin is activated under Plugins → Installed Plugins.