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

# Customizing Review Form Inputs

> Tailor your review forms to fit your brand tone and gather the right insights from customers

## Collect Exactly the Feedback You Need

Customize every field in your review collection forms to match your brand voice and gather specific insights. Whether customers are submitting reviews via email or on your website, you control what information they provide and how the form looks.

**What you'll achieve:**

* Match review forms to your brand style and tone
* Collect specific feedback relevant to your products
* Control which fields are required vs optional
* Reduce form abandonment with smart field choices
* Gather richer, more detailed customer reviews

<Info>
  **Impact:** Customized review forms collect 30-40% more detailed feedback and see 20% higher completion rates than generic forms
</Info>

***

## Why Customize Review Form Inputs

Generic review forms miss opportunities to gather valuable, specific feedback:

<CardGroup cols={2}>
  <Card title="Generic Form Problems" icon="circle-xmark">
    **What happens with default settings:**

    * Generic placeholder text ("Write your review\...")
    * Irrelevant questions for your product type
    * Too many required fields (abandonment)
    * No brand personality
    * Misses product-specific insights

    **Result:** Short, vague reviews like "Great product!"
  </Card>

  <Card title="Customized Form Benefits" icon="circle-check">
    **What happens with customization:**

    * Brand-specific tone and language
    * Targeted questions for your products
    * Optimized required vs optional fields
    * Matches your site design
    * Collects actionable insights

    **Result:** Detailed reviews with specific, helpful information
  </Card>
</CardGroup>

<Tip>
  **Example:** A clothing brand asking "How does it fit?" gets 3x more sizing details than asking "What do you think?" — and sizing info reduces returns by 15-25%.
</Tip>

***

## How to Access Review Form Customization

Yuko Dashboard → **Reviews →Widgets → Review Collection Form -> Customise**

<Frame>
  <img src="https://mintcdn.com/yukoreviews/2A4-jGC_tIjwzp80/images/yuko-collection-form-1.png?fit=max&auto=format&n=2A4-jGC_tIjwzp80&q=85&s=21ab2666e5a86b2e2a53a4d844596815" alt="Yuko Collection Form 1" width="2812" height="1366" data-path="images/yuko-collection-form-1.png" />
</Frame>

<Steps>
  <Step title="Navigate to Form Customization" icon="sliders">
    In the Review Collection Form settings, you'll see customization sections:

    * Rating display
    * Photo uploads
    * Review content fields
    * Reviewer information
    * Thank you message
    * Next product prompts
    * Footer text
    * Advanced styling (CSS)
  </Step>

  <Step title="Customize Each Section" icon="pen">
    Work through each section, adjusting:

    * Field labels and placeholder text
    * Required vs optional settings
    * Character limits and validation rules
    * Display order and visual styling
    * Help text and examples

    **Save changes** after each section or at the end.
  </Step>

  <Step title="Preview Your Form" icon="eye">
    Use the preview function to see how your form looks:

    * Desktop view
    * Mobile view
    * Email vs on-site versions
    * Test form submission

    **Test thoroughly** before going live.
  </Step>

  <Step title="Launch and Monitor" icon="rocket">
    Activate your customized review form and track results:

    * Completion rate (target: 60%+)
    * Average review length (target: 50+ words)
    * Photo upload rate (target: 15-30%)
    * Time to complete (target: under 2 minutes)

    **Adjust based on data** — if completion rate drops, you may have too many required fields.
  </Step>
</Steps>

## Form Customization Options

YUKO lets you fully customize the review form so it matches your brand and encourages more customers to submit reviews. Each section of the form can be styled and edited independently to improve clarity, trust, and conversion rates.

This guide explains **what each customization section controls** and **best practices for configuring it**.

<AccordionGroup>
  <Accordion title="Settings" icon="tools">
    * **Controls:**\
      The overall appearance of the review form dialog.
      ### Customizable Elements
      * Background color
      * Rating icon color
      * Title text color
      * Description text color
      * Button background color
      * Button text color
      * Input border color
      * Input label color
      * Error message color
      ### Best Practices
      * Match dialog colors with your store’s primary brand colors
      * Ensure sufficient contrast between text and background
      * Use a clear, attention-grabbing button color for primary actions
      * Keep error colors noticeable but not overwhelming
          <Tip>
            **Pro Tip:** Matching the review form design with your checkout page increases trust and completion rates.
          </Tip>
  </Accordion>

  <Accordion title="Customize the star rating experience:" icon="edit">
    **Controls:**\
    How customers submit star ratings.

    **Customizable Elements**

    * Rating question text
    * Supporting description text
    * Optional lowest rating label
    * Optional highest rating label

    ### Best Practices

    * Keep the rating question short and neutral
    * Use friendly, positive language for the highest rating
    * Avoid aggressive or negative wording for the lowest rating
    * Do not use leading questions that bias responses

    <Warning>
      **Avoid:** Questions like *“How much did you LOVE this product?”*—they reduce review authenticity.
    </Warning>
  </Accordion>

  <Accordion title="Photos Section" icon="camera">
    **Controls:**\
    Photo uploads within the review form.

    ### Customizable Elements

    * Section title
    * Section description
    * Upload button text
    * Image upload helper text

    ### Best Practices

    * Make photo uploads optional
    * Use encouraging, benefit-focused language
    * Keep upload instructions simple
    * Ensure uploads are mobile-friendly

    <Tip>
      **Tip:** Photo sections perform best when placed immediately after the rating step.
    </Tip>
  </Accordion>

  <Accordion title="Review Content Section" icon="message">
    **Controls:**\
    Written feedback submitted by the customer.

    ### Customizable Elements

    * Section title
    * Subtitle or helper text
    * Review content placeholder text
    * Review title field (optional)
    * Review title placeholder text

    ### Best Practices

    * Use open-ended prompts to encourage honest feedback
    * Keep placeholders short and helpful
    * Optional review text increases submission volume
    * Optional review titles help highlight key points in reviews
  </Accordion>

  <Accordion title="Reviewer Info Section" icon="info">
    **Controls:**\
    Customer identity and verification fields.

    ### Customizable Elements

    * Section title
    * Section description
    * First name label and placeholder
    * Last name label and placeholder
    * Email label and placeholder
    * Review disclaimer text
    * Enable anonymous reviews

    ### Best Practices

    * Always explain why email is collected
    * Reassure customers that emails are not shown publicly
    * Keep identity fields minimal to reduce friction
    * Enable anonymous reviews if you want higher submission rates

    <Note>
       **Note:** Displaying clear privacy and terms information builds trust and reduces drop-offs.
    </Note>
  </Accordion>

  <Accordion title="Thank You Screen" icon="sparkles">
    **Controls:**\
    What customers see after submitting a review.

    ### Customizable Elements

    * Thank-you title
    * Thank-you description
    * Primary action button text

    ### Best Practices

    * Thank customers genuinely
    * Confirm the review was submitted successfully
    * Use a positive, celebratory tone
    * Offer a clear next action without pressure
  </Accordion>

  <Accordion title="Next Products Section" icon="sparkles">
    **Controls:**\
    Encourages customers to review additional purchased items.

    ### Customizable Elements

    * Section title
    * Description text
    * Review button text

    ### Best Practices

    * Keep the messaging optional and friendly
    * Avoid urgency or sales language
    * Use this to increase reviews per customer session
  </Accordion>

  <Accordion title="Store Reviews Section" icon="store">
    **Controls:**\
    Collect feedback about the overall shopping experience.

    ### Customizable Elements

    * Enable store reviews
    * Product review completion message
    * Store review intro title and subtitle
    * Store review photo slide (optional)
    * Store review content prompt
    * Collect review title
    * Enable anonymous store reviews

    ### Best Practices

    * Clearly differentiate store reviews from product reviews
    * Ask about shipping, support, and overall experience
    * Keep store review prompts neutral and open-ended
    * Optional photo uploads increase engagement
  </Accordion>

  <Accordion title="Footer Settings" icon="notes">
    **Controls:**\
    Navigation buttons displayed throughout the review flow.

    ### Customizable Elements

    * Footer text
    * Skip button text
    * Back button text
    * Continue button text
    * Submit button text

    ### Best Practices

    * Use familiar, intuitive labels
    * Keep “Skip” visible but not dominant
    * Avoid pushy or sales-oriented wording
  </Accordion>

  <Accordion title="Advanced CSS" icon="code">
    **Controls:**\
    Fine-grained styling using custom CSS.

    ### Customizable Elements

    * Enable custom CSS
    * CSS editor for overrides

    ### Common Use Cases

    * Match exact brand guidelines
    * Adjust spacing, borders, or animations
    * Override typography
    * Customize responsive behavior

    ### Best Practices

    * Test changes in staging before publishing
    * Ensure accessibility is not affected
    * Re-check mobile layouts
    * Monitor form completion rates after changes

    <Warning>
      **Warning:** Incorrect CSS may break the review widget. Keep overrides minimal and well-tested.
    </Warning>
  </Accordion>
</AccordionGroup>

***

## Next Steps

<Steps>
  <Step title="Customize Your Review Form" icon="sliders">
    Set up your review form fields based on your product type and brand.

    **Time:** 30 minutes **Current page:** You are here
  </Step>

  <Step title="Preview and Test Form" icon="eye">
    Test your customized review form on desktop and mobile before going live.

    **Time:** 10 minutes **Action:** Use preview mode, submit test review
  </Step>

  <Step title="Launch and Monitor Performance" icon="chart-line">
    Track completion rate, review length, and photo uploads to optimize.

    **Time:** Ongoing **Target metrics:** 70%+ completion, 50+ words average, 20%+ photos
  </Step>

  <Step title="Set Up Review Request Emails" icon="envelope">
    Configure automated emails to request reviews from customers after purchase.

    **Time:** 15 minutes → [Review request email setup](/collect-reviews/review-request-emails)
  </Step>
</Steps>

## Need Help?

<CardGroup cols={2}>
  <Card title="Book Free Setup Call" icon="phone" href="https://cal.com/rameshelamathi/yuko-reviews">
    Talk to our team for personalized setup help

    **Time:** 30 minutes
  </Card>

  <Card title="Contact Support" icon="life-ring" href="https://yukoreviews.com/support">
    Reach our team at yukoreviews.com/support

    **Response time:** Within 24 hours
  </Card>

  <Card title="View All Guides" icon="book" href="/collect-reviews/index">
    Browse detailed guides for every feature
  </Card>

  <Card title="Integration Help" icon="puzzle-piece" href="/integrations/index">
    Connect Yuko with other tools
  </Card>
</CardGroup>

<Note>
  **Pro tip:** Start simple with basic fields, launch, and collect 50+ reviews. Then analyze what information is missing and add 1-2 custom fields based on actual needs. Don't over-customize upfront.
</Note>