RevDock | Docs
Installation Guides

Lovable

Add RevDock to your Lovable-generated app in under 2 minutes.

Lovable generates React apps, so adding RevDock is straightforward.

Setup

Open your project in Lovable

Go to your project dashboard and open the code editor.

Find index.html

Navigate to index.html in the root of your project.

Add the script

Insert the RevDock script inside the <head> tag:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <script
      defer
      src="https://getrevdock.com/scripts/revdock.js"
      data-website-id="YOUR_WEBSITE_ID"
    ></script>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>

Deploy

Click Deploy in Lovable. RevDock will be active immediately.

You can also ask Lovable's AI to add the script for you: "Add this script to my index.html head section: [paste the script]"

Verify it's working

  1. Visit your deployed Lovable app
  2. Check the RevDock dashboard — widgets should appear within minutes

On this page