# Django
**Step-by-Step Guide: Integrating Interworky AI Agent into Django**
1\. Log into the Interworky Dashboard
> Create an account or Login at [https://interworky.com](https://interworky.com/login)
* After creating your Interworky account, log into the Interworky dashboard.
* Navigate to the Integration Page.
2. Locate the Embed Code
On the Integration Page, locate the Embed Code section and capture your API key.
Integration Page on Interworky Dashboard
3\. Adding Interworky to Your Django Project
Django supports embedding JavaScript in templates. Follow these steps:
**Method 1: Directly Adding the Script to Your Django Template**
1. Open your Django template file where you want to add the chatbot (e.g., base.html or index.html).
2. Paste the Interworky script inside the \ tag.
📌 Example (base.html in Django Templates Folder):
```
My Django Website
```
> 📌 ^^ Replace "your-api-key-here" with your Interworky API key from the dashboard.
**Method 2: Using Django’s Static Files Approach**
If you prefer to load the script dynamically, follow these steps:
1. **Create a new JavaScript file in your Django static folder:**
mkdir -p static/js
touch static/js/interworky.js
2. **Add the script to interworky.js:**
```
document.addEventListener("DOMContentLoaded", function() {
const script = document.createElement("script");
script.src = "https://storage.googleapis.com/multisync/interworky/production/interworky.js";
script.setAttribute("data-api-key", "your-api-key-here"); // Replace with your API key
document.body.appendChild(script);
});
```
3. **Include this script in your Django template (base.html):**
```
{% load static %}
```
4. **Verify the Integration**
* Open your Django website in the browser.
* Check if the Interworky chatbot widget appears.
> If you don’t see it, check the browser console (F12 → Console) for errors.
{% hint style="warning" %}
If you have any questions about the Interworky Django Integration, reach out to our support team at .
{% endhint %}
