# Getting Started

## Create a FAQs page

To create an FAQs page, you first need to create a category for questions (You can create multiple categories).

### 1. Create a FAQ category

Click app name (**DDSHOP FAQ page**) on the left menu to go to the app dashboard -> **FAQs** ->  click the **Add category** button.

<figure><img src="https://2722360150-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mbu3OYxznzAMW9oCGCI%2Fuploads%2FYGHwyiCPPcA7FgDhBL1J%2Fimage.png?alt=media&#x26;token=752547b1-c0aa-40c2-a115-22d724aef469" alt=""><figcaption></figcaption></figure>

* **Icon**: select icon for category.
* **Hide this FAQ category on the main FAQ page when you use it on the product page**: In some cases, store owners want to hide the categories menu when embedding FAQ content on product pages, this option will help do that.
* **Hide FAQ category name**: Use in case you only want to display a list of questions and answers without displaying the category name.
* **Sort order**: set the sort order of categories on the menu.

Once created, this category will be displayed in the list on the left menu. You can enable/disable, edit, delete, get the embed code by clicking on the corresponding icon below the category name.

<figure><img src="https://2722360150-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mbu3OYxznzAMW9oCGCI%2Fuploads%2Flici9WtGJWY0cvwkyZn9%2Fimage.png?alt=media&#x26;token=a79bf763-c215-4543-b93b-dd58f3b59eb3" alt=""><figcaption></figcaption></figure>

### 2. Create a Question & Answer

Select a category from the category list, then click the **Add a question** button.

<figure><img src="https://2722360150-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mbu3OYxznzAMW9oCGCI%2Fuploads%2FcG7guuVvJZ7yZuOPhK2t%2Fimage.png?alt=media&#x26;token=1e66745a-3c85-4d48-8f2a-9c3a35c99c92" alt=""><figcaption></figcaption></figure>

The content editor allows you to create unique, professional content with a high degree of customization.

<figure><img src="https://2722360150-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mbu3OYxznzAMW9oCGCI%2Fuploads%2FYeh6c6jPl36RApl5wdF2%2Fimage.png?alt=media&#x26;token=890fb248-ff43-446e-ad7d-07cbdf39ce99" alt=""><figcaption></figcaption></figure>

After creating a Question & Answer, it will be displayed in the list on the right. You can also edit, delete, enable/disable it by clicking on the corresponding icons of the Question & Answer.&#x20;

<figure><img src="https://2722360150-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mbu3OYxznzAMW9oCGCI%2Fuploads%2FoERYJTfRiaUvCphTMDT2%2Fimage.png?alt=media&#x26;token=59f332da-ae44-42a7-831d-616110582a05" alt=""><figcaption></figcaption></figure>

You can change the order of questions by dragging and dropping their positions.

### 3. Genarate Questions & Answers with AI (Unlimited Plan)

A new & superior feature has just been updated for the application: generating a list of questions and answers automatically with AI.

To use this feature:

* You are using the app's highest plan - Unlimited plan
* Go to **FAQs** menu on the left -> Create new category or click on an existing category -> Click on the **Generate FAQ with AI** button -> Select language -> Enter product description (required) -> Select the number of characters for each question and answer -> Select number of questions and answers -> Click the **Generate FAQ with AI** button -> Edit the content for questions and answers (if needed) -> Click the **Save** button

<figure><img src="https://2722360150-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mbu3OYxznzAMW9oCGCI%2Fuploads%2FX0bVjhcsWHVxYlYZRYi7%2Fimage.png?alt=media&#x26;token=8ab2d113-1e29-4a7e-a3ac-1560a6fdc6a2" alt=""><figcaption></figcaption></figure>

### 4. Add FAQ content to a page

The application will automatically create an FAQ page for your website with the corresponding link: **<https://yourdomain/pages/main-faqs>**

#### 3.1. Add short-code to page content

If you don't want to use the default page created by the application, you can create your own FAQ page by inserting the **Short-code**/**HTML code** into the content of any page/post you want.

* Short-code: **\[ddshop-faq]**
* HTML code: **\<div id="ddshopfaq-wrapper">\</div>**

To add the FAQ code on a specific page, follow these steps:

* Go to Pages in Shopify backend
* Add a new page or edit a page
* Add the FAQ code to the page content
* Click Save button

![](https://2722360150-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mbu3OYxznzAMW9oCGCI%2Fuploads%2F1U0yNprKE5UEwzTRGiWF%2FDDSHOP%20FAQ%20~%20FAQs%20Tab%2001%20~%20Shopify%202021-11-05%2010-42-10.png?alt=media\&token=e0c5f928-4114-47ef-8eb1-3022d1355474)

#### 3.2 Add FAQ content by adding app block

<figure><img src="https://2722360150-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mbu3OYxznzAMW9oCGCI%2Fuploads%2FMk701qaZJ9pDvDJOp2me%2Fimage.png?alt=media&#x26;token=a2ca46a9-cfc5-43f2-a44c-c93fba21ddb1" alt=""><figcaption></figcaption></figure>

Here is the result:

![](https://2722360150-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mbu3OYxznzAMW9oCGCI%2Fuploads%2FmqnSITsDPiLu6C0UGZmg%2FFAQs%20Tab%2001%202021-11-05%2010-48-43.png?alt=media\&token=580fdba2-c206-4ce7-936d-ffcab316f130)
