Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Excerpt
hiddentrue

 Use the CSS Article system to display FAQs on the page with a user-controlled toggle.

...

Multiexcerpt
MultiExcerptNameFeature Overview
CCC's The Article system is great for displaying FAQs on the page with a user-controlled toggle. In this configuration, all questions are displayed on the page, with the answer hidden until the user deliberately clicks to expand it. This allows for a clean, streamlined display of your Help content, without intimidating the user with a wall of text.



Image RemovedImage Added

1. Create an Article Type

...

  1. In the CMS, navigate to Content → Articles

  2. Click 'Add New Article Type'.

  3. Assign your new group a Code, a Name, and an optional Icon (for display in the CMS).
    Image Removed
    Image Added

  4. Click 'Save'.


2. Add a Question

Once you 've got have a dedicated Article Type for your FAQs, you can begin adding questions.  

  1. In the CMS, navigate to Content → Articles

  2. Select your FAQ 'FAQ' as the Article Type

  3. Click 'Add New Article'

  4. In the Description field, enter the Question exactly as you 'd like it to display want it displayed on the page.  

  5. The SEO URL, Browser Page Title, and SEO Description will be auto-populated based on the value you enter here. You can leave keep the defaults , or override them if you wish. 

  6. The Posted Date will auto-populate with today's date. If you wish, you can also enter Start & Expiry dates for questions you'd like to display to be displayed on a schedule.   

  7. Leave the images for the article blank.  

  8. Enter the Answer in the Summary section.  

  9. The Content section should be left blank. 
    Image RemovedImage Added

  10. If this particular question is to be shown only applicable to a certain sub-set subgroup of your website users, you can enter Filter values based on the Customer, User, or Role. This FAQ will only display to those Only users who meet the criteria you set out in these article filtersthis criteria will see the question.  

  11. Click  'Save & Exit', and  and continue adding the remainder of your FAQs by repeating the above steps. 

...

Now that you've got your FAQs loaded as Articles, you can display them on a page with a widget. 

  1. If you've already got a dedicated FAQ page, navigate to it in the CMS now.
    Otherwise, create a new widget-based custom page and add it to a menu so it can be accessed.

  2. Add an Article List widget to the page template. 

  3. In the edit widget pop-up, set the Article Type Filter to the FAQ type you created earlier.

  4. Untick the following options (which become redundant when the toggle is used): 
    • Show Read Article Button 
    • Enable Article Hyperlink

  5. Tick to Enable Article Toggle.
    Image Modified

  6. Configure the other widget options as you see fit. You may need to experiment to get the look you're after. 
    For example, I like to leave the List Title and Icon fields blank on the article list widget, instead using a Page Title Widget which gives me the option of including a subtitle.

  7. Save your changes.

...

Minimum Version Requirements


Multiexcerpt
MultiExcerptNameMinimum Version Requirements

**.**.**


Prerequisites


Multiexcerpt
MultiExcerptNamePre reqs

None


Self Configurable


Multiexcerpt
MultiExcerptNameSelf Configurable

Yes


Business Function


Multiexcerpt
MultiExcerptNameBusiness Function

Marketing


BPD Only?


Multiexcerpt
MultiExcerptNameBPD Only

Yes


B2B/B2C/Both


Multiexcerpt
MultiExcerptNameB2B/B2C/Both

Both


Ballpark Hours From CV (if opting for CV to complete self config component)


Multiexcerpt
MultiExcerptNameBallpark Hours From CV (if opting for CV to complete self config component)

Contact CV SupportCommerce Vision


Ballpark Hours From CV (in addition to any self config required)


Multiexcerpt
MultiExcerptNameBallpark Hours From CV (in addition to any self config required)

Contact CV SupportCommerce Vision


Third Party Costs


Multiexcerpt
MultiExcerptNameThird Party Costs

n/a


...