> ## Documentation Index
> Fetch the complete documentation index at: https://superflow-claude-superflow-portal-docs-78gpp8.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# WordPress Plugin

> Install Superflow with the WordPress plugin, with a video walkthrough and step-by-step screenshots.

<Frame caption="Watch the full WordPress Plugin walkthrough">
  <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/okUfEID40nc?si=RZkuZMm7Y1phDwoj" title="Install Superflow on WordPress Plugin" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen />
</Frame>

<Tip>
  Prefer to read? Every step in the video is written out below, with a screenshot for each one.
</Tip>

<Steps>
  <Step title="Go to your Wordpress Admin dashboard">
    Go to your Wordpress Admin dashboard. Then click on `Plugins` in the left side navigation. Then search for `superflow`. In the Search Results you should see the Superflow plugin. Click on it.

    <Frame>
      <img src="https://mintcdn.com/superflow-claude-superflow-portal-docs-78gpp8/g2KY_MNTB5LdaNY9/images/wordpress-plugin-1.png?fit=max&auto=format&n=g2KY_MNTB5LdaNY9&q=85&s=abd014a67e6fefccd6eaefd51adf183c" alt="WordPress Plugin: Go to your Wordpress Admin dashboard" width="3756" height="1773" data-path="images/wordpress-plugin-1.png" />
    </Frame>
  </Step>

  <Step title="Install the Superflow Plugin">
    You will then be taken to the Superflow Plugin page. Click `Install and Activate`.

    <Frame>
      <img src="https://mintcdn.com/superflow-claude-superflow-portal-docs-78gpp8/g2KY_MNTB5LdaNY9/images/wordpress-plugin-2.png?fit=max&auto=format&n=g2KY_MNTB5LdaNY9&q=85&s=744949070cacc467b8c8ccbdbc2d4294" alt="WordPress Plugin: Install the Superflow Plugin" width="3756" height="1783" data-path="images/wordpress-plugin-2.png" />
    </Frame>

    Once the Superflow Plugin is installed, click `Manage Plugin`.

    <Frame>
      <img src="https://mintcdn.com/superflow-claude-superflow-portal-docs-78gpp8/g2KY_MNTB5LdaNY9/images/wordpress-plugin-3.png?fit=max&auto=format&n=g2KY_MNTB5LdaNY9&q=85&s=9019573ece9be1013d4b754f3bfedf70" alt="WordPress Plugin: Install the Superflow Plugin" width="3754" height="1779" data-path="images/wordpress-plugin-3.png" />
    </Frame>
  </Step>

  <Step title="Setup Superflow">
    You will then be taken to the Plugins page of your Admin Dashboard. Search `superflow` in the search bar. This will bring up the installed Superflow Plugin in the search results.

    Click `Settings` to setup Superflow.

    <Frame>
      <img src="https://mintcdn.com/superflow-claude-superflow-portal-docs-78gpp8/g2KY_MNTB5LdaNY9/images/wordpress-plugin-4.png?fit=max&auto=format&n=g2KY_MNTB5LdaNY9&q=85&s=94eeee961e612cd9a1cdb18ceed7aa03" alt="WordPress Plugin: Setup Superflow" width="3754" height="1783" data-path="images/wordpress-plugin-4.png" />
    </Frame>

    You'll then be taken to a page where you can connect Superflow to your Wordpress page.

    Press `Connect Superflow`.

    <Frame>
      <img src="https://mintcdn.com/superflow-claude-superflow-portal-docs-78gpp8/g2KY_MNTB5LdaNY9/images/wordpress-plugin-5.png?fit=max&auto=format&n=g2KY_MNTB5LdaNY9&q=85&s=5cdaf6bf97c1ebed185c8ab3d0d203fa" alt="WordPress Plugin: Setup Superflow" width="3756" height="1781" data-path="images/wordpress-plugin-5.png" />
    </Frame>
  </Step>

  <Step title="Verify your Installation">
    You will then be taken to the Superflow onboarding website. You will be asked to log in or to create an account.

    After you log in or create an account, you will be asked to verify that Superflow was installed correctly on your Wordpress site.

    Verify your Superflow installation by clicking the `Verify` button on the onboarding flow.

    <Frame>
      <img src="https://mintcdn.com/superflow-claude-superflow-portal-docs-78gpp8/g2KY_MNTB5LdaNY9/images/wordpress-plugin-6.png?fit=max&auto=format&n=g2KY_MNTB5LdaNY9&q=85&s=a185e605eaa27e09202391a760cad466" alt="WordPress Plugin: Verify your Installation" width="3756" height="1777" data-path="images/wordpress-plugin-6.png" />
    </Frame>

    If successful, you should be redirected to your published Wordpress site and see the following success message:

    <Frame>
      <img src="https://mintcdn.com/superflow-claude-superflow-portal-docs-78gpp8/g2KY_MNTB5LdaNY9/images/verified-final.png?fit=max&auto=format&n=g2KY_MNTB5LdaNY9&q=85&s=67af7ec1dfe72bc2974e612b4734cb2d" alt="WordPress Plugin: Verify your Installation" width="1366" height="1206" data-path="images/verified-final.png" />
    </Frame>
  </Step>

  <Step title="Troubleshooting">
    Having trouble getting your verifying your installation? Here are the common mistakes users encounter when installing Superflow:

    * Did you forget to publish your site?
    * Is the browser still loading a cached version?
    * Did you add `?review=true` at the end of your url?
    * Did you publish your changes on a staging URL while you are trying to access a Prod URL?
    * Did you accidentally install multiple Superflow scripts in the Custom Code?
  </Step>

  <Step title="Navigate to your Wordpress site">
    Now that you have verified that Superflow has been installed on your Wordpress site, navigate to your published site and add `?review=true` at the end of the URL to enable Superflow.

    `Example: mywebsite.wordpress.com/?review=true`
  </Step>

  <Step title="Test out Superflow">
    You should now see a Superflow toolbar on the bottom right of you screen.

    <Frame>
      <img src="https://mintcdn.com/superflow-claude-superflow-portal-docs-78gpp8/g2KY_MNTB5LdaNY9/images/wordpress-plugin-7.png?fit=max&auto=format&n=g2KY_MNTB5LdaNY9&q=85&s=aa3b319b86e3b2d074fd9541882383e2" alt="WordPress Plugin: Test out Superflow" width="3754" height="1775" data-path="images/wordpress-plugin-7.png" />
    </Frame>
  </Step>

  <Step title="Dropping your first comment">
    Try leaving a comment on your page.

    You can leave a comment in several different ways:

    * By highlighting any text
    * By hovering over any element on the page
    * By drawing a box anywhere on the page

    You can also leave voice and screen recordings in your comments as well!

    <Frame>
      <img src="https://mintcdn.com/superflow-claude-superflow-portal-docs-78gpp8/_zKrRwh5L1PapanY/images/demo.gif?s=f8a9dd8577b5ee8929ed7dd7e34658fb" alt="WordPress Plugin: Dropping your first comment" width="640" height="360" data-path="images/demo.gif" />
    </Frame>
  </Step>
</Steps>
