> For the complete documentation index, see [llms.txt](https://docs.makerobos.com/frontman-enterprise-chatbot-platform/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.makerobos.com/frontman-enterprise-chatbot-platform/publish/install-frontman-on-your-website.md).

# Install Frontman on your Website

This guide walks you through the process of integrating Frontman with your existing website.

### How to Install Frontman on your Website

By following these steps, you'll be able to add chatbot functionality that caters to your user base - 

**1. Website Domain URL:**

* **Action:** Define your registered website domain URL. This is where Frontman will be displayed.
* **Note:** Frontman requires a valid domain for functionality.

<figure><img src="https://3746379134-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FamP4egBrOsuezKyj1NQl%2Fuploads%2F0NQC47mW2ormXBqY4V9e%2FWebsite%20domain.png?alt=media&amp;token=3af0dc21-e29f-4be8-858d-779357cfb4a5" alt=""><figcaption></figcaption></figure>

**2. Display Settings:**

* **Default Behavior:** Frontman appears on both desktop and mobile devices by default.
* **Customization Option:** You can choose to display Frontman only on desktops or mobiles by modifying the settings.

<figure><img src="https://3746379134-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FamP4egBrOsuezKyj1NQl%2Fuploads%2F9xmk8QcMkEteveGQgJca%2Fdisplay%20setting.png?alt=media&amp;token=09c40d7f-d174-4c5d-bca4-faf7f058574c" alt=""><figcaption></figcaption></figure>

**3. Start Screen Settings:**

* **Default Start Screen:** Frontman opens with a home screen by default.
* **Customization Option:** You can prioritize the chat screen as the starting point instead of the home screen.

<figure><img src="https://3746379134-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FamP4egBrOsuezKyj1NQl%2Fuploads%2FWXSmcN6GrqV5ZFRctmMj%2Fstart%20screen.png?alt=media&amp;token=7d4576c7-f6fb-4828-900b-efb242a5f77d" alt=""><figcaption></figcaption></figure>

**4. Widget Code Integration:**

* **Copy the Code:** Locate and copy the provided Frontman widget code snippet.
* **Embed in Website:** Paste the copied code snippet into your website's HTML code, preferably before the closing body tag (`</body>`) on all relevant pages.
* **Placement:** Ideally, place the code snippet before the closing body tag to ensure proper functionality.
* **Supported Languages:** The code snippet supports both HTML and Google Tag Manager (GTM) integration.

<figure><img src="https://3746379134-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FamP4egBrOsuezKyj1NQl%2Fuploads%2F4bSTu0lE13hIjW5iQmTs%2Fcopy%20code.png?alt=media&amp;token=c5ab2ac9-d510-4f12-ac1d-3f093db99926" alt=""><figcaption></figcaption></figure>

**Troubleshooting (Optional):**

* **Cache Issues:** If the chatbox doesn't appear, try clearing your website's cache.
* **Support Team:** For further assistance, reach out to the Makerobos support team.

**Custom User Attributes (Optional):**

* **Enhancing Personalization:** Send user data (e.g., name, email, mobile) through custom attributes to Frontman. This allows you to personalize conversational flows, target specific user segments, and track logged-in users.

5. **Integration Options:**

* **Adding New Attributes:** Define the data points you want to include in the script.
* **Attribute Selection:** Choose the specific attributes (e.g., first name, email) you want to transmit.

<figure><img src="https://3746379134-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FamP4egBrOsuezKyj1NQl%2Fuploads%2F8azB9yRAUDPO7U61BqMQ%2FSend%20customer.png?alt=media&amp;token=7e7839b9-6e55-46af-a5cd-ff067f47c962" alt=""><figcaption></figcaption></figure>

**6. Verification Status:**

* **Automatic Verification:** Once the code is successfully added to your website, the verification status will automatically change to "Verified" with a green checkmark.

<figure><img src="https://3746379134-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FamP4egBrOsuezKyj1NQl%2Fuploads%2FXCvLi1BUSfn4YtExVPHh%2Fverification.png?alt=media&amp;token=0769ac69-c4bb-4737-993c-4bb197d7f3c8" alt=""><figcaption></figcaption></figure>

**Note:** This guide provides a high-level overview. Refer to the official documentation for detailed instructions and advanced configuration options.