# Embedded HTML

You can effortlessly insert the widget code directly onto your platform, located at <https://donorship.io/>.

<figure><img src="https://760366867-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSm3Tah1qPBueUz3XQ3HE%2Fuploads%2F97sQ5EVb7lD5a4pG98lz%2FScreenshot_15.png?alt=media&#x26;token=de09ddd2-8444-441d-b0f6-7a8e3dbfa3fb" alt=""><figcaption></figcaption></figure>

Before copying the HTML code, ensure you utilize our online tool, available on our website, to customize the widget, aligning it seamlessly with your branding.\
You can find more information about customization [here](https://donorship.gitbook.io/docs/customization/customize-your-own-widget)**.**

## Code Example

This is an **un-customized** example of what the HTML looks like that you'll be embedding into your application

```html
<script src="https://donorship.io/scripts/widget.js" type="module"></script><div id="donorshipWidget" data-auid="420" ></div>
```

## Widget Placement Examples:

1. **On Your Platform's Landing Page:** Incorporate the widget directly onto your platform's main landing page, where it can catch the attention of all visitors.
2. **Dedicated Donation Page:** Create a new page exclusively for donations, such as "donorship.io/donate," making it easy for users to find and contribute.
3. **Donate Button with Pop-Up:** Implement a "Donate" button that triggers the widget to pop up when clicked, offering a seamless giving experience.
4. **Donate Tab in Header, Footer, or Hamburger Menu:** Add a "Donate" tab or button to the header, footer, or hamburger menu, ensuring users can access the widget from anywhere on your platform.
5. **Virtual Chat-bot like button on website:** Create a small button on the right or left side of the website that when clicked will open the widget. Making the widget "flow" with the user no matter where he goes on the platform. <br>

These placement options cater to different user preferences and can help **maximize** the visibility and accessibility of the donation widget on your platform.


---

# Agent Instructions: 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:

```
GET https://donorship.gitbook.io/docs/integration-options/embedded-html.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.