{"id":6,"date":"2026-02-17T06:33:01","date_gmt":"2026-02-17T06:33:01","guid":{"rendered":"https:\/\/easyaccordion.io\/docs\/?post_type=docs&p=6"},"modified":"2026-04-21T06:39:12","modified_gmt":"2026-04-21T06:39:12","slug":"quick-start-guide","status":"publish","type":"docs","link":"https:\/\/easyaccordion.io\/docs\/quick-start-guide\/","title":{"rendered":"Quick Start Guide"},"content":{"rendered":"\n

If you have already installed and activated Easy Accordion<\/strong><\/a>, you\u2019re ready to create your first accordion. This guide walks you through installation, license activation, and building your first Accordion Showcase using both Classic Shortcodes and Live Gutenberg Blocks.<\/p>\n\n\n\n

1. Plugin Installation<\/h3>\n\n\n\n
    \n
  • Go to your WordPress dashboard<\/strong>.<\/li>\n<\/ul>\n\n\n\n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n
      \n
    • Navigate to Plugins \u2192 Add New \u2192 Upload Plugin<\/strong>.<\/li>\n\n\n\n
    • Click Choose File<\/strong>, select easy-accordion-pro.zip, and click Install Now<\/strong>.<\/li>\n<\/ul>\n\n\n\n
      \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n
        \n
      • Once installed, click Activate Plugin<\/strong>.<\/li>\n<\/ul>\n\n\n\n
        \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

        The plugin is compatible with the latest WordPress, PHP, and MySQL versions.<\/p>\n\n\n\n

        2. License Key Activation<\/h3>\n\n\n\n

        After activating the plugin, you will be redirected to the License Activation<\/strong> page.<\/p>\n\n\n\n

          \n
        • Get your License Key<\/strong> from your ShapedPlugin <\/strong>account.<\/li>\n<\/ul>\n\n\n\n
          \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n
            \n
          • Paste the key into the License field and click Activate<\/strong>.<\/li>\n<\/ul>\n\n\n\n
            \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

            Activating your license unlocks premium features and ensures automatic updates.<\/p>\n\n\n\n

            3. Create Your First FAQ Accordion Showcase Using Classic Shortcodes:<\/h3>\n\n\n\n
              \n
            1. Go to Easy Accordion \u2192 Manage FAQ Groups<\/strong> \u2192 <\/strong>Click Add New FAQ<\/strong> \u2192<\/strong>And enter a Section Title<\/strong> (optional) for your accordion group.<\/li>\n\n\n\n
            2. Choose Content Source <\/strong>as Content<\/strong>, Post<\/strong>, or Image <\/strong>as needed. \n
                \n
              • Enter your accordion Title or subtitle and add content using a powerful editor (supports text, images, shortcodes, iframe, and HTML).<\/li>\n\n\n\n
              • Add an icon or upload a custom image (optional). <\/li>\n\n\n\n
              • Click Add New Item to add more items.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
              • Select a Layout (Vertical, Horizontal, Slider, or Image Accordion).<\/li>\n\n\n\n
              • Customize Accordion Settings<\/li>\n\n\n\n
              • Theme Settings<\/li>\n\n\n\n
              • Display Settings, and <\/li>\n\n\n\n
              • Typography as needed.<\/li>\n\n\n\n
              • Now time to Publish<\/strong> & Preview, Copy the ShortCode <\/strong>and Showcase <\/strong>it to any post, page, or builder you wish.<\/li>\n<\/ol>\n\n\n\n
                \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

                Using Gutenberg Accordion Blocks:<\/h3>\n\n\n\n
                  \n
                • Open a page or post to add blocks in the Block Editor<\/strong>.<\/li>\n\n\n\n
                • Click Add Block \u2192 Easy Accordion<\/strong>.<\/li>\n\n\n\n
                • Choose a Pre-built Accordion Blocks Library <\/strong>or choose any of the accordion blocks to design from scratch.<\/li>\n\n\n\n
                • Add accordion items with Titles, Content, and Icons<\/strong> as needed.<\/li>\n\n\n\n
                • Customize settings and preview changes in real time.<\/li>\n\n\n\n
                • Publish the page to make the accordion live.<\/li>\n<\/ul>\n\n\n\n

                  4. Display the Accordion<\/h3>\n\n\n\n
                    \n
                  • Copy the shortcode<\/strong> from the Accordion Group or Block.<\/li>\n<\/ul>\n\n\n\n
                    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n
                      \n
                    • Paste it into pages, posts, widgets, or any shortcode-supporting area.<\/li>\n<\/ul>\n\n\n\n
                      \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n
                        \n
                      • You can also use the Easy Accordion Gutenberg block<\/strong> for live placement.<\/li>\n<\/ul>\n\n\n\n
                        \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

                        Your accordion is fully responsive and works on all devices.<\/p>\n\n\n\n

                        5. Accordion Showcase Demo<\/h3>\n\n\n\n

                        Check out live demos and layout ideas to get started: Easy Accordion Showcase<\/p>\n\n\n\n