# Customizing the CSAT widget Keeping comes with 5 CSAT widgets that have been specially designed to work with most email systems. However, you may customize your own widget if you prefer your own design.

## Which CSAT widgets may I choose from?

## Customizing the CSAT widget It's usually easiest to start with an existing CSAT widget as a template, and then make your edits from there. If you like, you can edit the HTML by clicking the **<> button** to see the underlying source code of the widget. {% hint style="warning" %} Adding images or external URLs here may get stripped out by some email clients. We recommend using email-safe HTML only. {% endhint %}

Click the Source Code button to see the underlying HTML

## Special HTML attributes If you are creating your own HTML widget, you'll need to include special `href` attributes in your links so Keeping can replace them to generate your rating links. For example, a link for a **great** rating would look like this: ```html Great ``` Here are the attributes to use for the three ratings:

<a href="{{ ratings.great }}"> your text here </a> 
<a href="{{ ratings.okay }}"> your text here </a>
<a href="{{ ratings.bad }}"> your text here </a>

Or, simply include a link if you'd prefer your customers to rate you on the next step. ```html How did I do? ``` Keep in mind that you must surround your `href` value **with quotes**, like this: ```html

Great

``` --- # 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.keeping.com/help/satisfaction-ratings-csat/customizing-the-csat-widget.md?ask= ``` 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.