the title may be a bit misleading, but I don't know how I should describe myproblem more precisely right now.
So I'm building a website for a customer. The customer wants an FAQ on his website. So far so good, the FAQ is set up.
My problem is now: How can I let the user add/remove FAQ points easily? I'm using custom "collapseable" elements (similar to bootstrap "accordion"). When the user adds a question and answer, the corresponding HTML-markup must be created. Using custom HTML in a block is not a option as it should be easy to understand and use! How can I achieve this?
My best guess right now is creating a new page for every question with a corresponding template (with two variables - question and answer) as a child of the FAQ page, then iterating over those pages and printing them out to the FAQ "main" page. But as there will be many new pages, this will most likely become confusing - mainly because:
I also have a custom list that I want to be as easily editable as the FAQ section - adding/removing points should be easily and quickly doable. Every list point consists of a SVG and a div with a heading and paragraph inside. My best guess is again doing the exact same thing - but this seems to me like its too much work for one list (especially for the user).
Imagine if I have two lists - that will get out of hand (in terms of page count).
Sorry if that was written a bit confusing, but right now I can't describe my problem in another way 😉