{"id":62,"date":"2024-06-03T14:47:31","date_gmt":"2024-06-03T12:47:31","guid":{"rendered":"https:\/\/qala.shop\/documentation\/?page_id=62"},"modified":"2024-06-11T13:48:54","modified_gmt":"2024-06-11T11:48:54","slug":"faq-list","status":"publish","type":"page","link":"https:\/\/qala.shop\/documentation\/qala-blocks\/faq-list\/","title":{"rendered":"FAQ list"},"content":{"rendered":"\n<h1 class=\"wp-block-heading alignwide\" id=\"h-faq-list\">FAQ list<\/h1>\n\n\n\n<figure class=\"wp-block-video alignwide\"><video controls src=\"https:\/\/www.loom.com\/share\/185e7486f719488ab43634f6e157d54b?sid=7536ce99-e1f0-46f6-8841-b33901c0d714\" playsinline><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-how-to-use-the-qala-block-faq-list\" style=\"margin-top:var(--wp--preset--spacing--80)\">How to use the Qala block &#8220;FAQ list&#8221;<\/h3>\n\n\n\n<p>Start by adding your FAQs in the WordPress Admin FAQ section. For each FAQ you will need to add separate content. Press Add new, next to FAQ items.<\/p>\n\n\n\n<p>Add the heading or the question as a title. Then add the content you want underneath. In this case it will be a paragraph and a button.<\/p>\n\n\n\n<p>Next, you can assign a category to this FAQ on the right hand side.<\/p>\n\n\n\n<p>Now we need to create a new page. Add a title on the top.<\/p>\n\n\n\n<p>To add the Qala block, press the plus icon. Press Browse all.<\/p>\n\n\n\n<p>You can either scroll down to the section with Qala blocks, or you can just write the name of the block in the search area. Choose \u201cFAQ list\u201d.<\/p>\n\n\n\n<p>Your FAQ items will now appear.<\/p>\n\n\n\n<p>The title will be an H3 in your primary 500 color, and the content will be what you created before.<\/p>\n\n\n\n<p>To the right, you will see your settings. If they are hidden, you can press the icon next to Publish. Make sure you have the Block tab open, not Page.<\/p>\n\n\n\n<p>In the settings, you can add a block title, and select the heading level. Underneath, you can change the layout &#8211; if you want two columns or just the one. In that case, the content will toggle beneath the question.<\/p>\n\n\n\n<p>Maybe you want to select specific FAQ items for this page. You can make those selections here.<\/p>\n\n\n\n<p>Select how many items you want to display. And when you are done, make sure to save draft or publish!<\/p>\n\n\n\n<p>If you add more FAQ items, they will automatically be added to your page, within the number of FAQ items you decided to display.<\/p>\n\n\n\n<div style=\"height:62px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-primary-100-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alignwide is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:46px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading alignwide\" id=\"h-summary\">Summary<\/h2>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1715\" height=\"831\" src=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/faq-01-screenshots.png\" alt=\"faq-01-screenshots\" class=\"wp-image-77\" srcset=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/faq-01-screenshots.png 1715w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/faq-01-screenshots-300x145.png 300w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/faq-01-screenshots-1024x496.png 1024w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/faq-01-screenshots-768x372.png 768w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/faq-01-screenshots-1536x744.png 1536w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/faq-01-screenshots-266x129.png 266w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/faq-01-screenshots-600x291.png 600w\" sizes=\"auto, (max-width: 1715px) 100vw, 1715px\" \/><\/figure>\n\n\n\n<p>Fill out your FAQs in the WP Admin section FAQ<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/qala.uk\/img-srv\/lz6qQtJ036IjgVbxmUSep0EMsJSJNxa3V66ukDeNjSs\/resizing_type:auto\/width:1024\/height:0\/gravity:sm\/enlarge:1\/ext:webp\/strip_metadata:1\/quality:35\/bG9jYWw6Ly8vcWFsYS9xYWxhLnVrL3dwLWNvbnRlbnQvdXBsb2Fkcy9zaXRlcy82LzIwMjQvMDYvZmFxLTAyLXNjcmVlbnNob3RzLnBuZw.webp\" alt=\"faq-02-screenshots\" class=\"wp-image-79\"\/><\/figure>\n\n\n\n<p>Add title and content for FAQ item<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/qala.uk\/img-srv\/QiUvrl8K7zdJ8GVu8ej0_HyQTehJ6_y7UiesFR_zZyk\/resizing_type:auto\/width:1024\/height:0\/gravity:sm\/enlarge:1\/ext:webp\/strip_metadata:1\/quality:35\/bG9jYWw6Ly8vcWFsYS9xYWxhLnVrL3dwLWNvbnRlbnQvdXBsb2Fkcy9zaXRlcy82LzIwMjQvMDYvZmFxLTAzLXNjcmVlbnNob3RzLnBuZw.webp\" alt=\"faq-03-screenshots\" class=\"wp-image-80\"\/><\/figure>\n\n\n\n<p>Find the Qala block FAQ list and add to page<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:46px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-2a07215d wp-block-columns-is-layout-flex\" style=\"margin-bottom:0;padding-top:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:46px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-related-qala-blocks\">Related Qala blocks<\/h2>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1528\" height=\"778\" src=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/single-testimonial.png\" alt=\"single-testimonial\" class=\"wp-image-124\" srcset=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/single-testimonial.png 1528w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/single-testimonial-300x153.png 300w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/single-testimonial-1024x521.png 1024w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/single-testimonial-768x391.png 768w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/single-testimonial-266x135.png 266w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/single-testimonial-600x305.png 600w\" sizes=\"auto, (max-width: 1528px) 100vw, 1528px\" \/><\/figure>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Single testimonial<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-primary-underline wp-block-button is-style-primary-underline\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/single-testimonial\/\">Read more<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1528\" height=\"778\" src=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/accordion.png\" alt=\"accordion\" class=\"wp-image-121\" srcset=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/accordion.png 1528w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/accordion-300x153.png 300w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/accordion-1024x521.png 1024w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/accordion-768x391.png 768w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/accordion-266x135.png 266w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/accordion-600x305.png 600w\" sizes=\"auto, (max-width: 1528px) 100vw, 1528px\" \/><\/figure>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Accordion<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-primary-underline wp-block-button is-style-primary-underline\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/accordion\/\">Read more<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1528\" height=\"889\" src=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/multi-image-accordion.png\" alt=\"multi-image-accordion\" class=\"wp-image-120\" srcset=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/multi-image-accordion.png 1528w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/multi-image-accordion-300x175.png 300w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/multi-image-accordion-1024x596.png 1024w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/multi-image-accordion-768x447.png 768w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/multi-image-accordion-266x155.png 266w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/multi-image-accordion-600x349.png 600w\" sizes=\"auto, (max-width: 1528px) 100vw, 1528px\" \/><\/figure>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Multi image Accordion<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-primary-underline wp-block-button is-style-primary-underline\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/multi-image-accordion\/\">Read more<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:75px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":197,"featured_media":0,"parent":50,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_trash_the_other_posts":false,"editor_notices":[],"footnotes":""},"class_list":["post-62","page","type-page","status-publish","hentry"],"acf":[],"parents":[{"permalink":"https:\/\/qala.shop\/documentation","title":"Home"},{"permalink":"https:\/\/qala.shop\/documentation\/qala-blocks\/","title":"Qala blocks"},{"permalink":false,"title":"FAQ list"}],"_links":{"self":[{"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages\/62","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/users\/197"}],"replies":[{"embeddable":true,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":4,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages\/62\/revisions"}],"predecessor-version":[{"id":139,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages\/62\/revisions\/139"}],"up":[{"embeddable":true,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages\/50"}],"wp:attachment":[{"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/media?parent=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}