> For the complete documentation index, see [llms.txt](https://xana-gpt.gitbook.io/xana-gpt/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://xana-gpt.gitbook.io/xana-gpt/first-setup-guide/website-integration.md).

# Website Integration

You can add your website to XANA GPT, as shown below.

<figure><img src="https://4081717213-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwrnmhzUZZug2zZOCgpVF%2Fuploads%2FA2DelRdAl9qGZ6KBErp4%2Fw1.png?alt=media&amp;token=98f9d293-9b9c-40d9-ae44-c8b1f53f8c46" alt=""><figcaption></figcaption></figure>

* The website name can only contain letters (numeric & special characters not allowed).
* The website URL must be a proper domain (it must include https at the beginning and end with .com, .org, etc.).
* The website icon is optional, but its size must be less than or equal to 2 MB.

<figure><img src="https://4081717213-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwrnmhzUZZug2zZOCgpVF%2Fuploads%2FhpiVbRBm5fpC63l2vT33%2Fw%202.png?alt=media&amp;token=aa23143a-c11d-47fd-8bbb-f20e58915dd6" alt=""><figcaption></figcaption></figure>

Once you’ve added the details, click “Integration”, then “HTML”.

<figure><img src="https://4081717213-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwrnmhzUZZug2zZOCgpVF%2Fuploads%2F7Ld0D5egIdHhdLDgM8V8%2Fw%203.png?alt=media&amp;token=f2d71b19-aaa3-4ad0-a391-d3c87c30acc5" alt=""><figcaption></figcaption></figure>

Copy the chatbot integration script and add it to the section of the Provided Code (highlighted section) in your text editor (such as Notepad).

<figure><img src="https://4081717213-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwrnmhzUZZug2zZOCgpVF%2Fuploads%2FvHynwmES748wxHuIY08O%2Fw4.png?alt=media&amp;token=cff6fff0-d8ff-4e8e-8eea-895d6360c7cd" alt=""><figcaption></figcaption></figure>

Provided Code Body\
\
\<!DOCTYPE html>

\<html lang="en">

&#x20;\<head>

\<meta charset="UTF-8" />

\<meta name="viewport" content="width=device-width, initial-scale=1.0" />

\<title>Data ----------------\</title>

\<link rel="stylesheet" href="./style.css" />

\</head>

\<body>

\<div class="container">

\</div>

<mark style="background-color:yellow;">(Paste the script here)</mark>

\</body>

\</html>

Save it as a .html file.

<figure><img src="https://4081717213-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwrnmhzUZZug2zZOCgpVF%2Fuploads%2F5mRd8oTKjirWxOAgTXGh%2Fw5.png?alt=media&amp;token=9954a890-748b-4253-98b8-b0b79a5c8397" alt=""><figcaption></figcaption></figure>

Now, when you double-click the saved file. XANA GPT chat will get integrated into your website, similar to the following image.

<figure><img src="https://4081717213-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwrnmhzUZZug2zZOCgpVF%2Fuploads%2FFZ2W3D3AwOVsqyn2yxNk%2Fw6.png?alt=media&amp;token=b7d3de59-a0cc-4ad8-b343-7fee8773983e" alt=""><figcaption></figcaption></figure>

Click the chat icon on the open Chat Window.

<figure><img src="https://4081717213-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwrnmhzUZZug2zZOCgpVF%2Fuploads%2FgxHLBEyNpQ1j88w3vlDi%2Fw7.png?alt=media&amp;token=ca87ed37-673b-44f4-9cd1-0999d2d2b43a" alt=""><figcaption></figcaption></figure>
