{"id":75346,"date":"2016-08-30T10:39:37","date_gmt":"2016-08-30T14:39:37","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=75346"},"modified":"2017-08-09T06:01:33","modified_gmt":"2017-08-09T10:01:33","slug":"cherryframework-4-add-new-question-answer-faqs-section","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cherryframework-4-add-new-question-answer-faqs-section.html","title":{"rendered":"CherryFramework 4. How to add a new question and answer to FAQ&#8217;s section"},"content":{"rendered":"<p>Hello! This video tutorial shows how to <strong>add a new question and answer to FAQ&#8217;s<\/strong> section in CherryFramework 4 templates.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/zTq4ESZlkcE\"><\/iframe>\r\n<\/div>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-3-(835-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>\r\n<p><strong>FAQ&#8217;s<\/strong> page is a very important tool on any website, which allows site visitors to get answers to common questions without having to contact site administrator:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_1-300x157.png\" alt=\"cherryframework_4_how_to_add_new_answer_question_to_faqs_1\" width=\"300\" height=\"157\" class=\"alignnone size-medium wp-image-75348\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_1-300x157.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_1-150x79.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_1-768x403.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_1-1024x537.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_1.png 1247w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>At this point, it is quiet essential that you could add as many questions\/answers to <strong>FAQ&#8217;s <\/strong>as you wish.<\/p>\r\n<p>Let&#8217;s learn how to add a new question and an answer to the existing <strong>FAQ&#8217;s<\/strong> page.<\/p>\r\n<p>The tutorial assumes you are already logged in to your WordPress dashboard.<\/p>\r\n<ol>\r\n<li>\r\n<p>Navigate to <strong>Pages ->All Pages<\/strong> tab:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_2-300x165.png\" alt=\"cherryframework_4_how_to_add_new_answer_question_to_faqs_2\" width=\"300\" height=\"165\" class=\"alignnone size-medium wp-image-75349\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_2-300x165.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_2-150x83.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_2-768x422.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_2-1024x563.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_2.png 1247w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/li>\r\n<li>\r\n<p>At the appeared pages list click the <strong>FAQs<\/strong> page title to open it for editing:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_3-300x165.png\" alt=\"cherryframework_4_how_to_add_new_answer_question_to_faqs_3\" width=\"300\" height=\"165\" class=\"alignnone size-medium wp-image-75350\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_3-300x165.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_3-150x83.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_3-768x422.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_3-1024x563.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_3.png 1247w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/li>\r\n<li>\r\n<p>Now that the page editing interface is opened in front of you, switch to the Text mode by clicking on the <strong>&#8220;Text&#8221;<\/strong> tab:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_4-300x165.png\" alt=\"cherryframework_4_how_to_add_new_answer_question_to_faqs_4\" width=\"300\" height=\"165\" class=\"alignnone size-medium wp-image-75351\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_4-300x165.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_4-150x83.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_4-768x422.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_4-1024x563.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_4.png 1247w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/li>\r\n<\/ol>\r\n<p>As you can see, the page content is built using shortcodes.<\/p>\r\n<p>Each question\/answer block starts with <strong>[cherry_row]<\/strong> and ends with <strong>[\/cherry_row]<\/strong> shortcode:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_5-300x160.png\" alt=\"cherryframework_4_how_to_add_new_answer_question_to_faqs_5\" width=\"300\" height=\"160\" class=\"alignnone size-medium wp-image-75352\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_5-300x160.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_5-150x80.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_5-768x410.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_5-1024x546.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_5.png 1247w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>The code contains both a question and an answer, you can see it on the screenshot above.<\/p>\r\n<p>Besides, there are shortcodes between each question\/answer which are used to separate them with a <strong>dividing line<\/strong>:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_6-300x160.png\" alt=\"cherryframework_4_how_to_add_new_answer_question_to_faqs_6\" width=\"300\" height=\"160\" class=\"alignnone size-medium wp-image-75353\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_6-300x160.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_6-150x80.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_6-768x410.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_6-1024x546.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_6.png 1247w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>They also start and end with <strong>[cherry_row]<\/strong> and<strong> [\/cherry_row] <\/strong>shortcode respectively.<\/p>\r\n<p>In order to add a new question block simply duplicate the <strong>dividing line code<\/strong> before the <strong>last<\/strong> <strong>question\/answer code<\/strong>, and the <strong>last question<\/strong> block code itself by copying and pasting it to the page editor:<\/p>\r\n\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_7.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_7-300x161.png\" alt=\"cherryframework_4_how_to_add_new_answer_question_to_faqs_7\" width=\"300\" height=\"161\" class=\"alignnone size-medium wp-image-75354\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_7-300x161.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_7-150x81.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_7-768x412.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_7-1024x550.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_7.png 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>As you can see from the screenshot above, the code contains both <strong>dividing line<\/strong> and a <strong>question\/answer<\/strong> block:<\/p>\r\n<pre>\r\n[cherry_row type=&quot;full-width&quot; bg_type=&quot;none&quot; bg_position=&quot;center&quot; bg_repeat=&quot;no-repeat&quot; bg_attachment=&quot;scroll&quot; bg_size=&quot;auto&quot; parallax_speed=&quot;1.5&quot; parallax_invert=&quot;no&quot; min_height=&quot;300&quot; speed=&quot;1.5&quot; invert=&quot;no&quot;]\r\n[cherry_col size_md=&quot;12&quot; size_xs=&quot;none&quot; size_sm=&quot;none&quot; size_lg=&quot;none&quot; offset_xs=&quot;none&quot; offset_sm=&quot;none&quot; offset_md=&quot;none&quot; offset_lg=&quot;none&quot; pull_xs=&quot;none&quot; pull_sm=&quot;none&quot; pull_md=&quot;none&quot; pull_lg=&quot;none&quot; push_xs=&quot;none&quot; push_sm=&quot;none&quot; push_md=&quot;none&quot; push_lg=&quot;none&quot; collapse=&quot;no&quot; bg_type=&quot;none&quot; bg_position=&quot;center&quot; bg_repeat=&quot;no-repeat&quot; bg_attachment=&quot;scroll&quot; bg_size=&quot;auto&quot;]\r\n[cherry_hr height=&quot;2&quot; color=&quot;#f3f3f3&quot; indent_top=&quot;42&quot; indent_bottom=&quot;43&quot;]\r\n[\/cherry_col]\r\n[\/cherry_row]\r\n[cherry_row type=&quot;fixed-width&quot; bg_type=&quot;none&quot;]\r\n[cherry_col size_md=&quot;12&quot; class=&quot;extrafaq&quot;]\r\n[mp_code]\r\n&lt;strong&gt;What is the pre-stage work?&lt;\/strong&gt;\r\n&lt;em&gt;It is the stage when we clarify the customer's requirements. On this stage we also determine and specify interior design and its functional features, the architectural concept is developed. &lt;\/em&gt;\r\n[\/mp_code]\r\n[\/cherry_col]\r\n[\/cherry_row]\r\n<\/pre>\r\n<p>Copy and paste the code right below the <strong>last<\/strong> question\/answer <strong>[\/cherry_row]<\/strong> shortcode.<\/p>\r\n<p>Alter the question and an answer text to match your desire and click <strong>&#8220;Update&#8221;<\/strong> button at the right hand side of the page editing screen:<\/p>\r\n\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_8.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_8-300x165.png\" alt=\"cherryframework_4_how_to_add_new_answer_question_to_faqs_8\" width=\"300\" height=\"165\" class=\"alignnone size-medium wp-image-75355\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_8-300x165.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_8-150x83.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_8-768x422.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_8-1024x563.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_8.png 1247w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>Navigate to your site frontend and refresh the page.<\/p>\r\n<p>You can see the new <strong>question\/answer<\/strong> has been added.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_9.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_9-300x157.png\" alt=\"cherryframework_4_how_to_add_new_answer_question_to_faqs_9\" width=\"300\" height=\"157\" class=\"alignnone size-medium wp-image-75347\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_9-300x157.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_9-150x79.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_9-768x403.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_9-1024x537.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/cherryframework_4_how_to_add_new_answer_question_to_faqs_9.png 1247w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>This is the end of the tutorial. We have learnt how to <strong>add a new question and answer<\/strong> to the <strong>FAQ&#8217;s<\/strong> section in your CherryFramework 4 template.<\/p>\r\n<p>Opt for more high-quality <a href=\"https:\/\/www.templatemonster.com\/cherry-wordpress-themes\/\"target=\"_blank\"title=\"Cherry Framework WordPress Themes\">Cherry Framework themes<\/a> in our collection.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=zTq4ESZlkcE?width=1280&amp;height=720\" rel=\"prettyPhoto\">CherryFramework 4. How to add a new question and answer to FAQ&#8217;s section<\/a>","protected":false},"excerpt":{"rendered":"<p>Hello! This video tutorial shows how to <strong>add a new question and answer to FAQ&#8217;s<\/strong> section in CherryFramework 4 templates.<\/p>\n","protected":false},"author":68,"featured_media":75356,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[2012,1793,1327],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/75346"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/68"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=75346"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/75346\/revisions"}],"predecessor-version":[{"id":82621,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/75346\/revisions\/82621"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/75356"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=75346"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=75346"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=75346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}