TMD Shopify - FAQ Page And Product FAQ

It is a powerful tool designed to enhance your store’s customer experience by allowing you to easily create, organize, and display frequently asked questions (FAQs). This app provides seamless integration with your product pages, enabling you to show product-specific FAQs directly on each product page and on a dedicated FAQ page.

The app also supports creating custom FAQ categories to help users quickly find the answers they need. Store owners can customize the appearance of the FAQ sections to match the branding of their store, including the ability to adjust colors, text styles, and category displays. With this app, you'll not only improve customer satisfaction by providing them with instant answers but also reduce return rates and increase conversions by addressing customer concerns directly.


Key Features:

  • Create Product-Specific FAQs

    • Easily add and manage FAQs for individual products, helping customers find answers related to specific items. This improves product transparency and customer trust.

  • Custom FAQ Categories

    • Organize FAQs into categories to make it easier for customers to navigate and find relevant information. Categorizing questions enhances usability and reduces support inquiries.

  • Display FAQs on Product Pages

    • Show product-related FAQs directly on individual product pages. This reduces pre-purchase friction by providing instant answers to common customer questions.

  • Dedicated FAQ Page

    • Create a fully customizable FAQ page that displays all your product FAQs and categories. This centralized hub helps customers easily access information across your store.

  • Customizable FAQ Page Design

    • Adjust the background and text colors of the FAQ sections to match your store’s branding. Create a visually consistent experience that enhances readability and user interaction.

  • Mobile-Friendly FAQ Layout

    • Ensure that your FAQs are responsive and look great on mobile devices. This allows customers to access information anytime, anywhere, regardless of the device they’re using.

  • Add FAQ Page to Main Menu

    • Link your dedicated FAQ page directly to your store's main menu for easy access. This helps customers find answers quickly, improving navigation and reducing bounce rates.

  • Searchable FAQ Section

    • Include a search bar within your FAQ page to allow customers to quickly find relevant answers. A searchable FAQ section reduces frustration and enhances user experience.

  • Enable/Disable FAQ Categories

    • Choose whether to display FAQ categories on your dedicated FAQ page. This feature offers flexibility in presenting information based on your store’s structure and needs.

  • Toggle FAQs On/Off for Product Pages

    • Control whether to display FAQs on individual product pages with a simple toggle option. This allows you to tailor the FAQ display based on specific products or collections.

  • SEO-Optimized Meta Titles and Descriptions

    • Customize meta titles and descriptions for your FAQ page to improve search engine visibility. This helps drive organic traffic to your FAQ content, boosting overall SEO.

  • Control FAQs Per Page

    • Set the number of FAQs displayed per page to manage content load and readability. This ensures your FAQ page remains user-friendly and easy to navigate, even with extensive content.

Settings

The "Settings" page for a Shopify FAQ management app. This page allows the user to configure various aspects of the FAQ section on their Shopify store. Below is an overview of the elements visible on the page

Customizable Product Info Fields:

Add and manage additional product information fields with ease. Personalize product info titles and values to suit your store's needs.

Customizable Product Info Fields:

Add and manage additional product information fields with ease. Personalize product info titles and values to suit your store's needs.

Product FAQ Page Menu Name:

This field allows the store owner to set the name of the FAQ page link that will appear in the store's menu. It’s important to choose a name that resonates with users, such as "All FAQs" or "Help Center."

Page Meta Title:

The title that will appear in the browser tab when someone visits the FAQ page. This is important for SEO, so include relevant keywords like "FAQs" or "Help."

Page Meta Description:

This is the meta description that search engines use to summarize the FAQ page in search results. Write a concise description to help improve the page’s search engine ranking.

H1 Heading:

This field sets the main heading for the FAQ page. It’s usually an H1 tag, the most important heading on the page, and should reflect the content, such as "Frequently Asked Questions."

FAQs Per Page:

Set the number of FAQs displayed per page. This allows control over how many FAQs visitors can see at once before pagination is introduced.

FAQ Search Background Color:

Customize the background color for the FAQ search bar to match your store’s branding.

FAQ Search Button Background Color:

Choose the background color for the search button to make it stand out or blend seamlessly with the rest of the design.

FAQ Section Default Background Color:

This sets the default background color for each FAQ section. Choose a neutral color that complements the site’s design for better readability.

FAQ Section Hover Background Color:

Define the background color that appears when a user hovers over an FAQ section to make the interaction noticeable.

FAQ Section Default Text Color:

Set the default text color for the FAQ section. A contrast with the background color is ideal for readability.

FAQ Section Hover Text Color:

Choose the text color for when users hover over an FAQ section. This color should be easily readable over the hover background.

FAQ Section Description Default Text Color:

Sets the color of the default text in the FAQ description section. A color that contrasts with the background ensures easy readability.

FAQ Section Description Hover Text Color:

Define the color for the FAQ description text when a user hovers over the section. This enhances interactivity.

FAQ Section Category Default Background Color:

Customize the default background color for FAQ categories, helping them stand out and stay consistent with the store’s theme.

FAQ Section Category Hover Background Color:

Set the hover background color for FAQ categories, giving users visual feedback when they navigate over categories.

FAQ Section Category Default Text Color:

This defines the default text color for the FAQ category titles. Make sure it’s readable and fits with the store's design.

FAQ Section Category Hover Text Color:

Choose the color for category titles when hovered. It should contrast well with the hover background to keep it legible.

Status:

Toggle to enable or disable the FAQ page. When enabled, the FAQ page will be active and visible in the storefront.

Display Category Name:

Enable or disable the display of category names on the FAQ page. When enabled, FAQ categories will be shown to help users find specific topics faster.

Display on Product Page:

Enable this option to display relevant FAQs directly on individual product pages, which helps customers find answers faster while browsing products.

Position of FAQ Categories Block on FAQ Page:

This dropdown lets you decide where the FAQ categories block appears on the FAQ page (e.g., Left Column, Right Column, etc.). Choose a position that aligns with the store’s design and navigation preferences.

Product Info Title

This FAQ category list page in the Shopify app displays the current FAQ categories set up within the store. It offers a centralized view of all the categories, allowing the user to manage and organize them easily.

The page layout includes options for searching through categories, viewing category details such as name and status, and performing actions like adding or deleting categories. The user can navigate between different categories using pagination at the bottom, ensuring efficient management of the FAQs displayed to customers on the store.

  • Search Field

    • This search field allows you to quickly find specific FAQ categories by typing in keywords. It's useful for filtering categories when you have a long list of FAQs to manage.

  • Status Column

    • This column displays the current status (Active or Inactive) of each FAQ category. Active categories are visible to customers, while Inactive categories are hidden from view.

  • Select Checkbox

    • These checkboxes allow you to select one or multiple FAQ categories to apply bulk actions, such as deletion. This feature helps you manage categories more efficiently.

  • Category List

    • This list shows all your created FAQ categories along with their names and statuses. You can easily manage, edit, or delete categories from this list.

  • Action Buttons

    • The "Delete" button allows you to delete selected FAQ categories in bulk, while the "Add FAQ Category" button lets you create a new FAQ category. These buttons help manage your FAQ categories effectively.

  • Entries Count

    • This section shows the number of FAQ categories displayed out of the total number available. It provides a quick overview of how many entries are currently being shown on the page.

  • Pagination Controls

    • If you have more FAQ categories than can fit on one page, use the pagination controls to navigate through multiple pages. You can easily switch between previous and next pages to view all categories.

  • Add FAQ Category

    • This button allows you to add a new FAQ category to organize your FAQs. It opens a form where you can input the category details, helping you structure your FAQ content efficiently.

Product Info Value

This page is designed for adding or editing an FAQ category in the Shopify app. It allows the user to input a name and description for the category, along with meta details such as the title, description, and keywords for SEO purposes.

Additionally, products can be linked to this FAQ category by selecting from the available list. The user can also control the status and customize the title's appearance by adjusting the title color and hover color. Finally, there are options to save or discard the changes made to the category.

  • Name

    • This field is where you enter the name of the FAQ category. The name should be clear and relevant to the FAQs it contains, making it easy for customers to understand the topic of the category.

  • Description

    • Use this text editor to add a detailed description for the FAQ category. You can format the text with various options to explain what this category covers or provide additional information to guide the customer.

  • Meta Title

    • The meta title is used for SEO purposes. It’s the title that appears in the browser tab when this FAQ category is viewed, so ensure it's optimized with relevant keywords.

  • Meta Description

    • Write a concise meta description for SEO. This is what search engines will display as a summary in search results, helping users understand what the FAQ category covers.

  • Meta Keywords

    • Add SEO keywords related to the content of this FAQ category. These keywords help search engines understand the context of the page and improve its visibility in search results.

  • Select Product

    • Select one or more products that this FAQ category will be associated with. Customers viewing these products will see the FAQs linked to this category, providing relevant information directly on the product page.

  • Status

    • Set the status of the FAQ category to either "Enable" or "Disable." If disabled, the FAQ category will not be visible to customers, allowing you to manage the display of categories as needed.

  • Title Color

    • Choose the color for the title of this FAQ category. This setting allows you to customize the appearance of the category title to match your store’s branding.

  • Title Hover Color

    • Select the color that will appear when customers hover over the category title. This enhances user interaction by providing visual feedback when navigating the FAQ page.

  • Save/Discard Buttons

    • The "Save" button stores all changes made to the FAQ category, while the "Discard" button cancels any unsaved changes. Make sure to save your work before navigating away from the page.

Subscription Plan

This page displays a list of FAQs within the Shopify app, with options to search, delete, or add new FAQs. Each FAQ entry is shown with its title, status, and a checkbox for selection. Users can navigate through different pages of FAQ entries and manage them accordingly.

  • Search Field

    • This search bar allows you to quickly filter through the list of FAQs by typing keywords. It helps you find specific FAQs without manually scrolling through the entire list.

  • Status Column

    • This column shows the status of each FAQ (e.g., Active or Inactive). An Active status means the FAQ is visible to customers, while Inactive means it is hidden from view.

  • Select Checkbox

    • Each FAQ has a checkbox next to it, allowing you to select one or multiple FAQs for bulk actions such as deleting or updating their statuses.

  • FAQ List

    • The FAQ list displays the name of each FAQ. You can see all FAQs added for your products and manage or edit them as needed.

  • Action Buttons

    • The "Delete" button allows you to remove selected FAQs in bulk. The "Add FAQ" button lets you create a new FAQ to help answer customer questions related to your products.

  • Entries Count

    • This section shows the number of FAQs displayed on the page and the total number of FAQs available. It provides a quick overview of the content you’re managing.

  • Pagination Controls

    • If you have more FAQs than can fit on one page, you can use the pagination controls to navigate between pages. This helps you view and manage all the FAQs in your store.

  • Add FAQ

    • This button allows you to create a new FAQ for your products. You can link the FAQ to a specific product or category, providing essential information to your customers.

Subscription Plan

Add a new FAQ to the Shopify store. It includes fields for entering the FAQ's name, description, and linking it to one or more FAQ categories. The status of the FAQ can be set to either "Enable" or "Disable," allowing for control over its visibility. Once the necessary information is provided, the user can save the changes or discard them.

  • Name

    • This field allows you to set the name of the FAQ. The name should be descriptive and relevant to the question or topic it covers, helping customers easily understand what the FAQ is about.

  • Description

    • In this section, you can add a detailed description or answer for the FAQ. Use the text editor to format the text, add links, or insert images to make the response clear and informative.

  • FAQ Category Link to TMD FAQ

    • This option allows you to link the FAQ to one or more FAQ categories. Select the relevant categories that the FAQ should be associated with, helping to organize FAQs for better customer navigation.

  • Status

    • Set the status of the FAQ to "Enable" or "Disable." When enabled, the FAQ will be visible to customers on the product or FAQ pages. Disabling it will hide the FAQ until you're ready to make it visible again.

  • Save Button

    • After making changes or adding a new FAQ, click the "Save" button to store the information. This ensures that all your inputs are saved and made live on your store's FAQ section.

  • Discard Button

    • If you want to cancel any changes or discard the new FAQ, click the "Discard" button. This will revert any unsaved edits and leave the page unchanged.

Faq Displaying on Product Page

A new section will automatically created when do the block setting. Please check the block setting in product template in the app setting section. A Preview TAB has mentioned all the steps and video which help you to do the setting.

In the FAQ category and FAQ section when you select the product, the app will save the ref of that product and when navigating to the linked product in store front. That product has all the faqs and category displaying there. THe location will be same as block setting in the proudct template.

  • FAQ Category Heading

    • This section displays the name of the FAQ category (e.g., "Foot care"). The category groups related FAQs together, helping customers quickly find answers related to a specific topic.

  • FAQ Title 1

    • This is the title of an individual FAQ under the selected category (e.g., "Face Treatment"). Clicking on this will open the detailed answer for the question, making it easy for customers to get relevant information.

  • FAQ Title 2

    • Another FAQ within the same or a different category (e.g., "How do I add an article to a category?"). This allows customers to browse multiple questions and answers related to a product or topic.

  • Second FAQ Category

    • The "Maintain Category" group is an additional FAQ category. Categories like this allow users to view specific FAQs related to their concerns, creating a better user experience.

  • Pagination

    • If there are more FAQs than can be displayed on one page, pagination is provided to navigate between different FAQ pages. This helps manage content overload while still giving access to all relevant questions.

Dedicated Product FAQ List Page

The Dedicated Product FAQ Page is automatically generated in the Shopify store when you update the page URL in the app settings. This page displays all the product-specific FAQs, categorized for easy navigation by customers. The generated URL helps you direct customers to a dedicated page where they can find answers to their product-related queries efficiently.

Steps to Create a New Navigation Menu and Add the Product FAQ Page URL:

  1. Update the Page in App Settings:

    • Navigate to your app's settings.
    • In the settings section, update the URL of the Product FAQ page.
    • Copy the generated URL for the Product FAQ page after saving the settings.

  2. Go to Shopify Admin:

    • From the Shopify dashboard, click on Online Store in the left sidebar.
    • Under Online Store, select Navigation.

  3. Create a New Menu Item:

    • Click on the Add menu button to create a new menu.
    • Enter Product FAQ as the Menu Title to label your new menu.

  4. Add the Product FAQ Page URL:

    • Under Menu Items, click Add menu item.
    • A new dialog will appear where you need to enter:
      • Name: Enter "Product FAQ" for the menu item label.
      • Link: Paste the copied URL of the Product FAQ page in the link field.

  5. Save Menu Item:

    • Once the URL and name are added, click Add to add the menu item to the list.

  6. Save the Entire Menu:

    • After adding the Product FAQ link, click Save Menu to finalize and publish the changes.

  • FAQ Categories Sidebar

    • This section displays the available FAQ categories (e.g., Face Care, State Category). Each category is listed with the number of FAQs it contains, helping customers navigate through the relevant topics efficiently.

  • FAQ List

    • The FAQ list displays the questions under the selected category. Clicking on any of these questions (e.g., "Where should the category tag go in the article?") will expand or lead to the detailed answer, helping customers find the information they need.

  • Search Bar

    • This search bar allows customers to quickly search for FAQs by typing in keywords. It helps users locate specific questions without scrolling through entire categories and faqs.

Subscription Plan

you will find the details of subscription plan

Subscription Plan:

Displays the available subscription plan (e.g., Basic - $ 3.99/month)..

Plan Benefits:

Lists the benefits of the plan, such as easy installation and setup, changeable label, and future updates..

Free Trial:

Indicates the availability of a 7-day free trial.

Billing Information:

States that all charges are billed in USD and recurring charges are billed every 30 days.


Allows the user to subscribe to the plan. After subscribing, the button changes to "Cancel" to allow cancellation at any time.