Skip to content
RockStarUI Docs

Help Center

What this section does

Section titled “What this section does”

The Help Center section adds a two-column support area with intro copy, optional CTA, and an FAQ accordion. It is designed to answer common pre-sale and post-purchase questions directly on the homepage.

Shopify Theme Editor with the Help center section selected on the Home page template, showing the intro content and FAQ accordion in preview plus section settings and FAQ blocks in the side panels.

How to set it up

Section titled “How to set it up”
  1. Go to Online Store -> Themes.
  2. Click Customize.
  3. Open the Home page template.
  4. In the left sidebar, select Help center.
  5. Configure section settings and FAQ blocks, then save.

Editor areas overview

Section titled “Editor areas overview”
  1. Left sidebar:
    • Shows the Help center section and each FAQ block.
    • Add FAQ creates a new question/answer item.
    • Drag blocks to reorder FAQ items.
  2. Center preview:
    • Shows left intro content and right accordion list.
    • Reflects open/closed state and copy updates immediately.
  3. Right settings panel:
    • Section settings: Label, Heading, Text, Button label, Button link, Open first FAQ by default, Background color.
    • Block settings appear when a specific FAQ block is selected.

Key section settings explained

Section titled “Key section settings explained”
  1. Label: small uppercase intro line above heading.
  2. Heading: main support title.
  3. Text: rich text description under heading.
  4. Button label: CTA text.
  5. Button link: CTA destination URL.
  6. Open first FAQ by default: keeps first FAQ item expanded on load.
  7. Background color: section background tone.

FAQ block settings

Section titled “FAQ block settings”

Each FAQ block includes:

  1. Question: accordion title row.
  2. Answer: rich text answer shown when expanded.

Important behavior

Section titled “Important behavior”
  1. If Button label is empty, no CTA button is rendered.
  2. If Button label is set and Button link is empty, CTA falls back to /pages/faq.
  3. If Open first FAQ by default is enabled, only the first item starts opened.
  4. FAQ order follows block order in the left sidebar.

Common tasks

Section titled “Common tasks”

Add a new FAQ item

Section titled “Add a new FAQ item”
  1. Select Help center.
  2. Click Add FAQ.
  3. Set question and answer.
  4. Save.

Reorder FAQ priority

Section titled “Reorder FAQ priority”
  1. Drag FAQ blocks in the left sidebar.
  2. Put highest-priority questions first.
  3. Save.

Keep all items collapsed by default

Section titled “Keep all items collapsed by default”
  1. Open section settings.
  2. Disable Open first FAQ by default.
  3. Save.

Tips

Section titled “Tips”
  1. Keep questions concise and action-oriented.
  2. Use short, direct answers and link deeper policies from the CTA destination.
  3. Place delivery, returns, and tracking questions near the top.
  4. Validate accordion readability on mobile after long-answer edits.

FAQs

Section titled “FAQs”

Why is the button missing?

Section titled “Why is the button missing?”

The button only appears when Button label contains text.

Why does the button still open a page when button link is empty?

Section titled “Why does the button still open a page when button link is empty?”

The section uses /pages/faq as the default link fallback.

Why is the first FAQ already open?

Section titled “Why is the first FAQ already open?”

The Open first FAQ by default setting is enabled.

Section titled “Related guides”

Publish checklist

Section titled “Publish checklist”
  1. Confirm label/heading/text copy.
  2. Confirm FAQ order and wording.
  3. Verify CTA label/link behavior.
  4. Verify first-item open state setting.
  5. Save and publish.

Need help?

Section titled “Need help?”

If you still need help, contact support via the Contact page.