FAQs

alt text

Import the FAQs component

In the file where you want to use the FAQ component, import it at the top of your file:
```
import { FAQs } from "../FAQs"
```

Prepare your FAQ data

Create an array of objects containing your FAQ data. Each object should have a question and an answer property. For example:

export const faqsData = [
  {
    question: "How do I install the app?",
    answer:
      "To install the app, simply navigate to the Shopify App Store, search for our app, and click the 'Add app' button. Follow the prompts to complete the installation process.",
  },
  {
    question: "Can I customize the app's appearance?",
    answer:
      "Yes, you can customize the app's appearance to match your store's branding. Simply go to the app settings within your Shopify admin panel and look for the customization options.",
  },
  {
    question: "Is there a free trial available?",
    answer:
      "Yes, we offer a free trial period so you can test out the app and see if it meets your needs before committing to a subscription.",
  },
]

Use the FAQs component

In your JSX, use the FAQs component and pass the faqsData as a prop:
```
<FAQs faqs={faqsData} />
```

Customization

You can customize the FAQ component by modifying the faqsData array. Add, remove, or edit the question-answer pairs as needed to fit your app's requirements.

Customization

On this page