Wordpress

How to embed VideoQi widget on WordPress

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.
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).
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.
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.
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):
    1. Click the + icon to add a new block.
    2. Select the Custom HTML block.
    3. Paste the VideoQi script.
    4. Click Update or Save.
  • Using the Classic Editor:
    1. Switch to the Text tab.
    2. Paste the VideoQi script where you want it displayed.
    3. Click Update or Save.
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.