> ## Documentation Index
> Fetch the complete documentation index at: https://fillout.com/help/llms.txt
> Use this file to discover all available pages before exploring further.

# Add a rating scale on your form

> Allow respondents to score how good or bad a product, service, or other attribute is.

export const SupportBanner = () => {
  const titleId = React.useId();
  return <div className="support-banner" role="region" aria-labelledby={titleId}>
      <span className="support-banner__ring support-banner__ring--outer" aria-hidden="true" />
      <span className="support-banner__ring support-banner__ring--middle" aria-hidden="true" />
      <span className="support-banner__ring support-banner__ring--inner" aria-hidden="true" />
      <span className="support-banner__ring support-banner__ring--center" aria-hidden="true" />

      <div className="support-banner__content">
        <div className="support-banner__title" id={titleId} role="heading" aria-level="2">Still have questions?</div>

        <div className="support-banner__copy">
          <span className="support-banner__line">Our team is happy to help. Start a live chat using the</span>
          <span className="support-banner__line">
            chat bubble <span className="support-banner__chat-icon" aria-hidden="true" /> in the bottom right, or email us at
          </span>
          <span className="support-banner__line">
            <a href="mailto:support@fillout.com">support{'@'}fillout.com</a>
          </span>
        </div>

        <a className="support-banner__cta" href="mailto:support@fillout.com">Contact us</a>
      </div>
    </div>;
};

## How to add the rating field

Look for the **Rating & Ranking** section on the left hand-panel. Choose between three rating field types, `Star rating`, `Slider`, and `Opinion Scale`.

<img src="https://mintcdn.com/fillout-005a867b/1zqJLM3Q051yAtvb/images/Screenshot2025-10-06at4.40.35PMcopy.png?fit=max&auto=format&n=1zqJLM3Q051yAtvb&q=85&s=1ad5bfaba6a8ed55c8ee2df090cbbcf2" alt="Screenshot 2025-10-06 at 4.40.35 PM copy.png" width="2872" height="1630" data-path="images/Screenshot2025-10-06at4.40.35PMcopy.png" />

Click on the question or statement followed by its <Icon icon="gear-complex" iconType="solid" /> to customize it in the right-hand panel.

If you decide to use a different type of rating field, you can quickly change it by clicking on <Icon icon="arrow-right-arrow-left" iconType="solid" /> under <Icon icon="gear-complex" iconType="solid" />.

## Rating vs. ranking

Although similar, rating and ranking accomplish different goals. **Rating** questions are used to compare different options using a numeric scale. For example, asking product users how effective a vitamin C serum is in fading dark spots. Conversely, [ranking](/help/ranking) questions are used to determine how strongly or weakly a respondent feels with items on a list. For example, asking respondents to rank their most and least favorite movie genre.

## Related articles

<CardGroup cols={3}>
  <Card title="Collect a ranking" icon="ranking-star" iconType="regular" color="#FFC738" href="/help/ranking">
    Ask respondents to compare options by ordering them.
  </Card>

  <Card title="Embed PDFs" icon="file-import" iconType="regular" color="#FFC738" href="/help/embed-pdfs">
    Attach full copies of PDFs in your survey or form.
  </Card>
</CardGroup>

<SupportBanner />