> For the complete documentation index, see [llms.txt](https://docs.claimr.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.claimr.io/widget/integrate-claimr-widget-into-your-website.md).

# Integrate claimr widget into your website

### **Embed the ⚡️claimr script**

1. **Access your website's HTML**\
   Begin by accessing the HTML source code of the webpage where you want to integrate the claimr widget.
2. **Locate the `<head>` section**\
   The `<head>` section is typically found at the beginning of your HTML document. This is where you will insert the claimr script.
3. **Insert the claimr script:** \
   Copy the provided script from <mark style="color:green;">**Get embed code**</mark> and paste it into the `<head>` section of your HTML.
4. **Specify the container ID:** \
   Replace `CLAIMR_CONTAINER_ID` in the script with the actual ID of the HTML element where you want the claimr widget to be displayed.\
   Example: if you have a `<div>` with the ID `myClaimrWidget`, the data-container attribute should be `data-container='myClaimrWidget'`
5. **Configure add-ons (optional):** \
   The `data-addons` attribute allows for further customization of the widget. If you have specific add-ons or configurations, modify this attribute accordingly. For basic functionality, the default value (`sup`) is sufficient.
6. **Save and test:** \
   Save your HTML file and load the webpage in a web browser to ensure the claimr widget is correctly integrated and functioning as expected.

### **Troubleshooting**

If the widget does not appear or function correctly:

* **Verify container ID:** Ensure that the ID specified in the `data-container` attribute precisely matches the ID of the designated HTML element.
* **Check for typos:** Carefully review the script URL and data attributes for any typographical errors.
* **Consult browser console:** Utilize your browser's developer tools to examine the console for any error messages that may indicate issues with the script or integration.

If you have any questions or need assistance, feel free to reach out to our support team.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.claimr.io/widget/integrate-claimr-widget-into-your-website.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
