{"id":438,"date":"2024-05-06T08:07:04","date_gmt":"2024-05-06T08:07:04","guid":{"rendered":"https:\/\/worldseotool.com\/?page_id=438"},"modified":"2024-05-06T08:07:04","modified_gmt":"2024-05-06T08:07:04","slug":"438-2","status":"publish","type":"page","link":"https:\/\/shoptips24.com\/tools\/438-2\/","title":{"rendered":"FAQ Page Generator"},"content":{"rendered":"\n\n    <style>\n       \n}\n\n.container {\n    display: flex;\n    justify-content: center;\n    align-items: flex-start;\n    max-width: 1200px;\n    margin: 20px auto;\n    padding: 20px;\n    background-color: #fff;\n    border-radius: 8px;\n    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);\n}\n\n.faq-list {\n    flex: 1;\n    margin-right: 20px;\n}\n\n.faq {\n    margin-bottom: 20px;\n    border-radius: 8px;\n    overflow: hidden;\n    background-color: #f9f9f9;\n    border: 1px solid #ddd;\n}\n\n.question {\n    padding: 15px;\n    font-weight: bold;\n    color: #333;\n    cursor: pointer;\n}\n\n.answer {\n    padding: 15px;\n    background-color: #fff;\n    color: #555;\n    display: none;\n}\n\n.answer.show {\n    display: block;\n}\n\n.side-panel {\n    flex: 0 0 300px;\n    background-color: #f9f9f9;\n    border-radius: 8px;\n    padding: 20px;\n    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);\n}\n\ntextarea {\n    width: calc(100% - 20px);\n    height: 200px;\n    margin-bottom: 20px;\n    padding: 10px;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    resize: none;\n}\n\n.copy-btn {\n    background-color: #4CAF50;\n    color: white;\n    padding: 10px 20px;\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n}\n\n.copy-btn:hover {\n    background-color: #45a049;\n}\n\n    <\/style>\n\n<body>\n    <div class=\"container\">\n        <div class=\"faq-list\">\n            <h1>FAQ Page Generator<\/h1>\n            <button onclick=\"addFAQ()\">Add FAQ<\/button>\n<br><br>\n            <div id=\"faqContainer\"><\/div>\n        <\/div>\n        <div class=\"side-panel\">\n            <h2>Your FAQs<\/h2>\n            <textarea id=\"faqContent\" readonly=\"\"><\/textarea>\n            <button class=\"copy-btn\" onclick=\"copyContent()\">Copy Page<\/button>\n        <\/div>\n    <\/div>\n\n    <script>\n        let faqCount = 0;\n\n        function addFAQ() {\n            faqCount++;\n            const faqContainer = document.getElementById('faqContainer');\n            const faqItem = document.createElement('div');\n            faqItem.classList.add('faq');\n\n            const question = prompt('Enter the question:');\n            const answer = prompt('Enter the answer:');\n\n            faqItem.innerHTML = `\n                <div class=\"question\" onclick=\"toggleAnswer(this)\">Q: ${question}<\/div>\n                <div class=\"answer\">${answer}<\/div>\n            `;\n\n            faqContainer.appendChild(faqItem);\n\n            updateFAQContent();\n        }\n\n        function toggleAnswer(questionDiv) {\n            questionDiv.nextElementSibling.classList.toggle('show');\n            updateFAQContent();\n        }\n\n        function updateFAQContent() {\n            const faqContentTextarea = document.getElementById('faqContent');\n            const faqItems = document.querySelectorAll('.faq');\n\n            let content = '';\n\n            faqItems.forEach(item => {\n                const question = item.querySelector('.question').textContent.replace('Q: ', '');\n                const answer = item.querySelector('.answer').textContent;\n\n                content += `Q: ${question}\\nA: ${answer}\\n\\n`;\n            });\n\n            faqContentTextarea.value = content;\n        }\n\n        function copyContent() {\n            const faqContentTextarea = document.getElementById('faqContent');\n            faqContentTextarea.select();\n            document.execCommand('copy');\n            alert('FAQs copied to clipboard!');\n        }\n    <\/script>\n<\/body><div class=\"separator\" style=\"clear: both; text-align: center;\"><a href=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEjDx-e3_zeyIxSbkvA1ZIMPqxXcjg7wgtmqA6hjLPkzzvEvmNB5tlYt6C1l_q9eTMjfxxULAcD4irz8qqjvoQoNGHW2Sx_Zl2SAa-CquevN5GzrhmyX_8y1jLB-Xb4rmNBReRUb-ith8yUlNipN7Ycp6oPztwOwAMc0A4O979wnxZ-o30MuTb0pKlUBBsg\/s512\/faq.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"><img fetchpriority=\"high\" decoding=\"async\" border=\"0\" data-original-height=\"512\" data-original-width=\"512\" height=\"320\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEjDx-e3_zeyIxSbkvA1ZIMPqxXcjg7wgtmqA6hjLPkzzvEvmNB5tlYt6C1l_q9eTMjfxxULAcD4irz8qqjvoQoNGHW2Sx_Zl2SAa-CquevN5GzrhmyX_8y1jLB-Xb4rmNBReRUb-ith8yUlNipN7Ycp6oPztwOwAMc0A4O979wnxZ-o30MuTb0pKlUBBsg\/s320\/faq.png\" width=\"320\" \/><\/a><\/div><br \/>\n","protected":false},"excerpt":{"rendered":"<p>FAQ Page Generator Add FAQ Your FAQs Copy Page<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-438","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/pages\/438","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/comments?post=438"}],"version-history":[{"count":0,"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/pages\/438\/revisions"}],"wp:attachment":[{"href":"https:\/\/shoptips24.com\/tools\/wp-json\/wp\/v2\/media?parent=438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}