# About DDSHOP FAQ Page app

When shopping online, customers tend to ask the same questions that require immediate answers. Consequently, the support team keeps wasting time on resolving repetitive inquiries. What is more, it is inconvenient for customers to submit tickets every time some simple clarifications are needed. As a result, shoppers hesitate to make a purchase and leave the site.

DDSHOP FAQ Page app enables customers to look for common inquiries, questions with answers on the Knowledge Base and free FAQ lists. Admins can create their own informative SEO-friendly FAQ page with all the necessary features.

***

## Highlight Features

#### 1. Show FAQs anywhere

Add FAQs to any page, section, product, collection to boost user experience by creating as much convenience as possible.

#### 2. Generate questions and answers with AI

Support store owners to quickly create FAQs content with smart AI feature.

#### 3. Support Google FAQ Schema

Avoid duplicate content. FAQs rich results are available in all countries and languages where Google Search is available. Good for SEO.

#### 4. 12+ Nice FAQ Page Templates

Easy to change various FAQ page templates. Simple building a nice FAQ page without technical requirements.

<details>

<summary>Add app: <a href="https://apps.shopify.com/faq-page-smart">https://apps.shopify.com/faq-page-smart</a></summary>

</details>

***

## **The features of DDSHOP FAQ Page app**

### **FOR ADMIN**

* Easily install and configure: This app provides friendly back-end management that helps you to create, edit, and remove FAQ category and FAQ questions/answers easily
* 10+ nice templates
* Use an embed code to add FAQs to any page, post, category, product, collection, etc
* Drag and drop to sort order for questions
* Easy to enable/disable the FAQ Page & Help Center Pro app
* Create and divide FAQs into suitable categories
* Enable/Disable FAQ category with a single click
* Show and change FAQ category icon before FAQ category title.
* Hide FAQ category on the main FAQ page when you use it on the product page.
* Add images and videos to FAQ answers
* Customize the look of your FAQ page according to your needs by changing background, text color, font size, etc.
* Able to go to the FAQ page from the backend
* Make rich results in Google search (Good for SEO)
* Boost sales

***

### **FOR CUSTOMERS**

* Friendly UI
* Easy to access a question/answer through the FAQ page
* Optimize loading speed
* Work on all devices

<details>

<summary>Add app: <a href="https://apps.shopify.com/faq-page-smart">https://apps.shopify.com/faq-page-smart</a></summary>

</details>


# Pricing Plans

## All available plans <a href="#all-available-plans" id="all-available-plans"></a>

<figure><img src="/files/K494901FPCJwZM4Ttjzk" alt=""><figcaption></figcaption></figure>


# Install & Enable app

Go to this link: [DDSHOP FAQ page](https://apps.shopify.com/faq-page-smart) to install the app.

<figure><img src="/files/ClzrLzKY2pqsdpeQRDRW" alt=""><figcaption></figcaption></figure>

After adding the app to the store is complete, you need to follow the setup steps specified in the app dashboard:

<figure><img src="/files/KmEyRlbhzgoGkLRZBXy5" alt=""><figcaption></figcaption></figure>


# 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="/files/lZmElqa160jsCWXOQ8B3" 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="/files/PmrH1ii1mYGzsHDXABRq" 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="/files/0ZVZtIeKQSe3vLjzljvu" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/TFNEde2h9YO9DVD3r9SQ" 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="/files/OyD1iuIUHHx2zdvAyZWs" 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="/files/3pBawMJDrBaZ3iPWIIJO" 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

![](/files/mBrhd5Y2amo4IC16vr7s)

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

<figure><img src="/files/eh7dnQi2XThOlJLj6JcU" alt=""><figcaption></figcaption></figure>

Here is the result:

![](/files/zFUcLpnEDct2nOwvANL5)


# Multi Main FAQs Page

To create another FAQ page, click the **FAQs** menu ->  click the **Add new language or main FAQ section** link.​

<figure><img src="/files/BUWBLzsdxFjdYSqgBAAs" alt=""><figcaption></figcaption></figure>

Then you select the language and press the **Add** button.

<figure><img src="/files/A9l4QCwRpCRXqrAfBtcT" alt=""><figcaption></figcaption></figure>

You can now create one more main FAQ page for yourself. Use the new FAQ short-code to add the landing page you want.

<figure><img src="/files/CK0Yd9aJ6p6tHJmZtcwY" alt=""><figcaption></figcaption></figure>

> **Note**: *The new main FAQs can be used for multi-language solution.*

***

To **delete**, just select the newly created version, click the delete icon.

<figure><img src="/files/sZ6KuiHiZo1Ahd75NBtw" alt=""><figcaption></figcaption></figure>

Note: This way can also be used to apply to **multi-language** cases.


# Create multi-language FAQs

Your store uses multiple languages, and you want the language of your FAQs to automatically adapt when users select one of the store's languages.

1. Create FAQ content in other languages ​​following these instructions: <https://faq-guide.ddshopapps.com/multi-main-faqs-page>
2. Creating a multi-languge FAQs Page

There are two ways to create a multilingual FAQs page:

2.1 Use the embedded code of all different language versions of FAQs to add them to the FAQ page content, FAQ app block. You can use embed code in text or HTML format. The app will automatically recognize the user's chosen language and load the corresponding FAQs content.

**App block**:&#x20;

This example uses HTML embed codes.

<figure><img src="/files/2xe7EYS0rAYwmNYxWZ3a" alt=""><figcaption></figcaption></figure>

**Page content**:

This example uses text embed codes.

<figure><img src="/files/ZegtMpM5fihIkRdy3VM8" alt=""><figcaption></figcaption></figure>

2.2 Use a translation app: you need to get the embed-code of each language version and use it for the translation app.


# Settings

At the **Settings** menu, you can select templates, edit styles for FAQs content. In addition, you can customize question submission settings and advanced settings here.

## General

<figure><img src="/files/lCEzwSuaoNfgVU9KAz0X" alt=""><figcaption></figcaption></figure>

## Submissions

<figure><img src="/files/X9xo8wz0DZURbckOyDEf" alt=""><figcaption></figcaption></figure>

### Other Settings

### 1. Load app on

This is a setting to specify exactly which pages the app's source code is loaded on (do not let the source code load on the entire website - optimize website speed).&#x20;

**Please note: this setting does not make the FAQ content appear automatically on the page, you still need to embed the shortcode \[ddshop-faq] on the page.**

<figure><img src="/files/3ZDiMlZqnhfSjZmy5gGv" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/0DVQ6mKakzafpz8nuxng" alt=""><figcaption></figcaption></figure>

### 2. Custom CSS

For developers, use CSS code to customize the style of the FAQ page.

<figure><img src="/files/hZilsXFlSUr6Amj9z9SO" alt=""><figcaption></figcaption></figure>


# Submissions

In this menu, the store owner can view, delete, edit, answer customer questions and add that content to the FAQ content.

<figure><img src="/files/CmzzkFNkwbwfPtt4jv2W" alt=""><figcaption></figcaption></figure>

### View & edit question submission

![](/files/3HcJjBYdFpm2FfI7ydDo)


# Export FAQs

This is a feature to export your FAQ content to a PDF file.

<figure><img src="/files/OunKajyjgGNF879uYTAU" alt=""><figcaption></figcaption></figure>


# Install the FAQ app on a different theme (not the live theme)

To install the FAQ app for a new theme, follow these steps:

* Go to **Online Store** -> **Themes** -> **Edit theme**

<figure><img src="/files/JwWxSgKZViWPCVITDkNu" alt=""><figcaption></figcaption></figure>

* In the theme customization interface, click on the App embeds icon on the left -> **Enable FAQ app** -> Click the **Save** button

<figure><img src="/files/gW67GFELsbpMVPZuB1B8" alt=""><figcaption></figcaption></figure>


# Upgrade/Downgrade

To upgrade or downgrade the plan you are using, go to the **Dashboard** in the left side menu -> **Pricing plans** -> **View Pricing**.

In this section, the plan that you are using is displayed, to change the plan you just need to select the desired plan and press the **Upgrade now** or **Downgrade now** button.

**Note**: *Plans may change over time*.


# Uninstall app

If you no longer need the D: FAQ Page app, you can uninstall it from your Shopify admin in just a few steps.

***

#### Step 1: Go to the Apps Section <a href="#step-1-go-to-the-apps-section" id="step-1-go-to-the-apps-section"></a>

1. Log in to your Shopify admin
2. From the left-hand menu, click Settings > Apps

***

#### Step 2: Locate the App <a href="#step-2-locate-the-app" id="step-2-locate-the-app"></a>

1. In the Installed apps list, find **FAQ Page & Help Center Pro**
2. Click the three-dot (⋯) menu next to the app

***

#### Step 3: Uninstall the App <a href="#step-3-uninstall-the-app" id="step-3-uninstall-the-app"></a>

1. From the dropdown menu, click Uninstall
2. Confirm the uninstallation when prompted

<figure><img src="/files/6WhD48u8h28hiod7NxYc" alt=""><figcaption></figcaption></figure>

***

#### Important Notes <a href="#important-notes" id="important-notes"></a>

* Once uninstalled, the app will be removed from your store immediately
* Any app-related configurations may be deleted
* Billing for the app will stop according to Shopify’s billing policy

***

#### Need Help Before Uninstalling? <a href="#need-help-before-uninstalling" id="need-help-before-uninstalling"></a>

If you’re experiencing issues or considering uninstalling due to a problem, we recommend contacting support first. Our team can help resolve most issues quickly.


# FAQs

<details>

<summary>Why is the store interface messed up after activating the app?</summary>

This issue may be related to jQuery code conflict between theme and app. To fix, please follow these instructions:&#x20;

In app admin, go to **Settings** -> **Other settings -> JS library** -> **Include jQuery** -> Untick

</details>

<details>

<summary>How to add FAQ content to product page?</summary>

First, you need to determine which section of the page you will add FAQ content to.

* If you want to add a product description, just get the embed-code and add it there (Go to **Products** -> Select a product to edit -> Paste the embed-code in the product description).
* If you want to add another section to the product page, go to **Online Store** -> **Themes** -> **Customize** -> Select the product template -> Add section/block -> Paste FAQ embed-code
* To ensure you allow FAQ content to appear on product pages, you need to take this extra step: Go to **Settings** -> **Other settings** -> **Load app on** -> Tick on "**Products**"

</details>

<details>

<summary>Completed all the installation steps but why is the content not showing?</summary>

There are 2 things you need to check to troubleshoot:

1. Go to Pages -> FAQs page -> Check if the app's embed code is still on this page
2. Go to Online Store -> Customize theme -> FAQ page template -> Check if the Page section is hidden

</details>

<details>

<summary>How to use multilingual FAQ content?</summary>

You need to create different language versions for the FAQ content, you can refer to the following link: <https://faq-guide.ddshopapps.com/multi-main-faqs-page>\
Then you need to get the short-code of each language version and use it for the translation app.

<figure><img src="/files/JN7sfALuo31ARpKUUVBO" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary>Why I added an answer to a question in Submissions but it's not showing up?</summary>

After adding an answer you also need to change its status so that it can be showed on the FAQ page.\
Please change the status for the answer as shown below:

<figure><img src="/files/ck3NRCnWhUgBBqGVmEcM" alt=""><figcaption></figcaption></figure>

</details>