{"id":6688,"date":"2024-06-21T23:23:12","date_gmt":"2024-06-21T23:23:12","guid":{"rendered":"https:\/\/littlethemeshop.com\/?page_id=6688"},"modified":"2024-09-03T06:20:58","modified_gmt":"2024-09-03T06:20:58","slug":"getting-started","status":"publish","type":"page","link":"https:\/\/littlethemeshop.com\/getting-started\/","title":{"rendered":"Getting Started"},"content":{"rendered":"\n<p>So, not sure where to get started? Not sure what theme you want or what your needs are? If you&#8217;re feeling a little overwhelmed, take our short quiz. Answer these five questions and we&#8217;ll help steer you in the right direction. \u2728<\/p>\n\n\n\n<style type=\"text\/css\">\n\n.question {\n    margin-bottom: 20px;\nfont-size:1.5rem;\nfont-weight:300;\nline-height:1.5em;\n}\n\n.question p {\n    font-weight: bold;\n    margin-bottom: 10px;\n}\n\n.question input {\n    margin-right: 10px;\n}\n\nbutton {\n    display: inline-block;\n    cursor: pointer;\n}\n#result {\n    background: #fff;\n    padding: 20px;\n    border-radius: 8px;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n    max-width: 90%;\n    margin: 20px auto;\n    text-align: center;\ndisplay:none;\n}\n\n#result img {\n    max-width: 100%;\n    height: auto;\n    margin-top: 20px;\n    border-radius: 8px;\n}\n\n#result a {\n    display: inline-block;\nmargin-top:1rem;\n}\n<\/style>\n    <div id=\"quiz\">\n        <div class=\"question\" data-question=\"1\">\n            <p>What&#8217;s the primary purpose of your website?<\/p>\n            <input type=\"radio\" name=\"question1\" value=\"A\"> To write blog posts<br>\n            <input type=\"radio\" name=\"question1\" value=\"B\"> To sell products<br>\n            <input type=\"radio\" name=\"question1\" value=\"C\"> To sell a service<br>\n            <input type=\"radio\" name=\"question1\" value=\"D\"> A mixture of a lot of things<br>\n        <\/div>\n        <div class=\"question\" data-question=\"2\">\n            <p>Question 2: How large is your business?<\/p>\n            <input type=\"radio\" name=\"question2\" value=\"A\"> Very small<br>\n            <input type=\"radio\" name=\"question2\" value=\"C\"> Moderate<br>\n            <input type=\"radio\" name=\"question2\" value=\"B\"> Established<br>\n            <input type=\"radio\" name=\"question2\" value=\"D\"> Not sure yet. It depends.<br>\n           \n        <\/div>\n        <div class=\"question\" data-question=\"3\">\n            <p>Question 3: How tech savvy are you?<\/p>\n            <input type=\"radio\" name=\"question3\" value=\"D\"> Not Very<br>\n            <input type=\"radio\" name=\"question3\" value=\"A\"> Beginner<br>\n            <input type=\"radio\" name=\"question3\" value=\"B\"> Intermediate<br>\n            <input type=\"radio\" name=\"question3\" value=\"C\"> I&#8217;m good at following instructions<br>\n        <\/div>\n         <div class=\"question\" data-question=\"4\">\n            <p>Question 4: What&#8217;s your budget?<\/p>\n            <input type=\"radio\" name=\"question4\" value=\"A\"> Small<br>\n            <input type=\"radio\" name=\"question4\" value=\"C\"> Medium<br>\n            <input type=\"radio\" name=\"question4\" value=\"B\"> Large<br>\n            <input type=\"radio\" name=\"question4\" value=\"D\"> Very Large<br>\n        <\/div>\n          <div class=\"question\" data-question=\"5\">\n            <p>Question 5: What&#8217;s a feature you really want on your site?<\/p>\n            <input type=\"radio\" name=\"question5\" value=\"A\"> Multiple style presets and Google fonts<br>\n            <input type=\"radio\" name=\"question5\" value=\"C\"> Multiple layout options<br>\n            <input type=\"radio\" name=\"question5\" value=\"B\"> Mega Menu and Quick View Popup<br>\n            <input type=\"radio\" name=\"question5\" value=\"D\"> Something custom<br>\n        <\/div>\n        \n        \n        <!-- Add more questions as needed -->\n        <button class=\"primary-button w-button\" onclick=\"submitQuiz()\">Submit<\/button>\n    <\/div>\n\n    <div id=\"result\" class=\"result\">\n        <h2 id=\"result-header\">Your Result<\/h2>\n        <p id=\"result-description\"><\/p>\n        <img decoding=\"async\" id=\"result-image\" src=\"\" alt=\"Product Image\">\n        <br>\n        <a id=\"result-link\" class=\"primary-button w-button\" href=\"\" target=\"_blank\" rel=\"noopener\">Buy Now<\/a>\n    <\/div>\n\n    <script>\n\/\/ Define the quiz results\nconst results = {\n    A: {\n        description: \"So, you're just looking for a simple site to hold your blog posts? Our WordPress Simple Themes are perfect for just that. They're also an affordable option for users with smaller sites who aren't looking to invest a ton of money in a site right now.\",\n        image: \"https:\/\/littlethemeshop.com\/wp-content\/uploads\/2020\/06\/jelly-bean-product.png\",\n        link: \"https:\/\/littlethemeshop.com\/category\/wordpress-themes\/simple-wordpress-themes\/\",\n        text: 'Buy Now',\n        header: 'We recommend a Simple WordPress Theme'\n    },\n    B: {\n        description: \"The best platform for selling products is Shopify. It has all the features you need baked in without needing to install a million plugins. It's easy to understand for intermediates, and it's great for people who have a larger budget to invest in a theme that'll truly take their business to the next level.\",\n        image: \"https:\/\/littlethemeshop.com\/wp-content\/uploads\/2021\/05\/pompom-shopify-theme-1.jpg\",\n        link: \"https:\/\/littlethemeshop.com\/category\/shopify-themes\/\",\n        text: 'Buy Now',\n        header: 'We recommend a Shopify Theme'\n    },\n    C: {\n        description: \"Coach, copywriter, freelancer, photographer? Whatever your profession is, our WordPress Block Themes are perfect for service-oriented businesses. With a ton of layout options, you can create whatever you want for whatever your business needs. All our block-based WordPress themes also come with matching sales templates that are available separately in the shop.\",\n        image: \"https:\/\/littlethemeshop.com\/wp-content\/uploads\/2020\/11\/honeyglow-store.jpg\",\n        link: \"https:\/\/littlethemeshop.com\/category\/wordpress-themes\",\n        text: 'Buy Now',\n        header: 'We recommend a Block-Based WordPress Theme'\n    },\n    D: {\n        description: \"Thinking outside the box, hmm? Sometimes your needs are so particular, no theme is quite the right fit. Fortunately, if you're looking for a custom-built WordPress or Shopify site, we're here to help.\",\n        image: \"https:\/\/littlethemeshop.com\/wp-content\/uploads\/2024\/06\/pexels-seven11nash-3251111.jpg\",\n        link: \"https:\/\/littlethemeshop.com\/contact\/\",\n        text: 'Contact Us',\n        header: 'We recommend a custom website'\n    }\n};\n\n\/\/ Function to handle quiz submission\nfunction submitQuiz() {\n    const questions = document.querySelectorAll('.question');\n    let answerTally = { A: 0, B: 0, C: 0, D: 0 };\n\n    \/\/ Collect answers\n    questions.forEach(question => {\n        const selectedOption = question.querySelector('input[type=\"radio\"]:checked');\n        if (selectedOption) {\n            answerTally[selectedOption.value]++;\n        }\n    });\n\n    \/\/ Determine the result\n    let resultKey = Object.keys(answerTally).reduce((a, b) => answerTally[a] > answerTally[b] ? a : b);\n\n    \/\/ Display the result\n    const result = results[resultKey];\n    document.getElementById('result-description').innerText = result.description;\n    document.getElementById('result-image').src = result.image;\n    document.getElementById('result-link').href = result.link;\n    document.getElementById('result-link').text = result.text;\n    document.getElementById('result-header').innerText = result.header;\n    document.getElementById('result').style.display = 'block';\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>So, not sure where to get started? Not sure what theme you want or what your needs are? If you&#8217;re feeling a little overwhelmed, take our short quiz. Answer these five questions and we&#8217;ll help&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6688","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/pages\/6688"}],"collection":[{"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/comments?post=6688"}],"version-history":[{"count":18,"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/pages\/6688\/revisions"}],"predecessor-version":[{"id":6889,"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/pages\/6688\/revisions\/6889"}],"wp:attachment":[{"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/media?parent=6688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}