# Website Integration

### 1. Using an iframe

An iframe is essentially a website within another website. To implement the iframe, navigate to **"Recipients"** under **"Programs"** in the main menu. Choose the program you wish to integrate and click the "**Embed**" button.

<figure><img src="/files/OcuJ7mpTR7UZELSg9UEl" alt=""><figcaption></figcaption></figure>

Clicking the "E**mbed**" button will open a drawer with the program's iframe. From here, you can copy the iframe embed code in the black box and paste it into the code of your website wherever you like. This will put the frontend into an iframe window within your existing web-page.

<figure><img src="/files/eeCL0DdBnp86z5vlCSNp" alt=""><figcaption></figcaption></figure>

### 2. Frontend Template

If you wish to change the iframe's look and feel within your website, you can edit it using the templates that will be used in the frontend or public facing portion of the application or iframe.

> **NOTE:** *This should only be done by an experienced web developer with proficiency in CSS, JavaScript or JQuery and HTML*

To change the iframes look and feel with the Frontend Template, navigate to **"Account Settings"** under **"Settings"** on the main menu and click on the **"Edit Template"** tab.

<figure><img src="/files/C1jMQseZZfQkiAdEcePw" alt=""><figcaption></figcaption></figure>

### CSS

The CSS entered here is placed after the default CSS files so you are able to override any of the default styles.

### Javascript / JQuery

JQuery 2.0.3 is included in the template. Please be careful with what you do here as you could impact the performance of the software.

### HTML

The HTML is added to the top of the page so you are able to create a header region. This is perfect for adding navigation and a logo or anything else you want. Specifically the HTML will be place after the opening body tag and before the div with the container class.

> **NOTE:** *HelpYouSponsor does not provide support for anything entered in the Front End Template. If you require support it will be provided at our hourly rate of $75/hour. If you would like us to do the customization we can provide a quote. Please send your request to <support@helpyousponsor.com>*


---

# 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://docs.helpyousponsor.com/guides/getting-started/account-setup/website-integration.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.