{"id":385,"date":"2025-03-17T04:35:59","date_gmt":"2025-03-17T04:35:59","guid":{"rendered":"https:\/\/documentation.iqonic.design\/graphina\/?p=385"},"modified":"2025-03-17T04:59:43","modified_gmt":"2025-03-17T04:59:43","slug":"graphina-forminator-how-to-use","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/graphina\/graphina-forminator-how-to-use\/","title":{"rendered":"How to Use Graphina-Forminator Addon"},"content":{"rendered":"
\n
\n\n\n\n

Important Note<\/strong><\/h3>\n\n\n\n

Before you create charts using Forminator forms or polls<\/strong>, ensure that submission data is stored in the database:<\/p>\n\n\n\n

    \n
  • Navigate to Forminator Plugin > Data Storage Settings<\/strong><\/li>\n\n\n\n
  • Turn OFF<\/strong> the \u201cDisable store submissions in my database\u201d option.<\/li>\n\n\n\n
  • This allows Graphina to retrieve data and generate charts\/tables.<\/li>\n<\/ul>\n\n\n\n
    \n\n\n\n

    Step-by-Step Guide<\/strong><\/h3>\n\n\n\n

    Step 1: Create a Page with Elementor<\/strong><\/h4>\n\n\n\n
      \n
    • Open your WordPress Dashboard<\/strong><\/li>\n\n\n\n
    • Create a new page and click on “Edit with Elementor.”<\/strong><\/li>\n<\/ul>\n\n\n\n

      Step 2: Add a Chart Widget<\/strong><\/h4>\n\n\n\n
        \n
      • Drag & drop any Graphina chart widget<\/strong> onto the page.<\/li>\n<\/ul>\n\n\n\n
        \"\"<\/figure>\n\n\n\n

        Step 3: Configure Chart Data Options<\/strong><\/h4>\n\n\n\n
          \n
        • Click on the chart and navigate to “Chart Data Options.”<\/strong><\/li>\n\n\n\n
        • Select Forminator Addon<\/strong> from the dynamic data options.<\/li>\n<\/ul>\n\n\n\n
          \"\"<\/figure>\n\n\n\n

          Step 4: Enable the Forminator Section<\/strong><\/h4>\n\n\n\n

          <\/p>\n\n\n\n

            \n
          • After selecting Forminator Addon<\/strong>, a new tab named “Forminator Section”<\/strong> will appear.<\/li>\n<\/ul>\n\n\n\n
            \"\"<\/figure>\n\n\n\n

            Step 5: Choose Data Type<\/strong><\/h4>\n\n\n\n

            <\/p>\n\n\n\n

            \"\"<\/figure>\n\n\n\n
              \n
            • In the Forminator Section<\/strong>, choose between:\n
                \n
              • Forms<\/strong> (for form submissions)<\/li>\n\n\n\n
              • Polls<\/strong> (for poll results)<\/li>\n<\/ul>\n<\/li>\n\n\n\n
              • Select the specific form or poll<\/strong> you want to visualize.<\/li>\n<\/ul>\n\n\n\n
                \"\"<\/figure>\n\n\n\n

                Step 6: Select X-Axis and Y-Axis Columns<\/strong><\/h4>\n\n\n\n
                  \n
                • Choose the columns for the X-Axis and Y-Axis<\/strong> to structure your data.<\/li>\n\n\n\n
                • If the columns do not appear, click the Refresh button<\/strong>.<\/li>\n<\/ul>\n\n\n\n
                  \"\"<\/figure>\n\n\n\n

                  Step 7: Save and Publish<\/strong><\/h4>\n\n\n\n

                  <\/p>\n\n\n\n

                    \n
                  • Click “Update”<\/strong> to apply changes.<\/li>\n\n\n\n
                  • Your chart\/table will now display Forminator form or poll data dynamically.<\/strong><\/li>\n<\/ul>\n\n\n\n
                    \"\"<\/figure>\n\n\n\n
                    \"\"<\/figure>\n\n\n\n
                    \n\n\n\n

                    Real-time Data Updates with AJAX<\/strong><\/h3>\n\n\n\n

                    To enable real-time data updates:<\/p>\n\n\n\n

                      \n
                    • Click on Chart Data Option<\/strong><\/li>\n\n\n\n
                    • Enable AJAX Reload<\/strong><\/li>\n\n\n\n
                    • Set an Interval Time (in seconds)<\/strong><\/li>\n<\/ul>\n\n\n\n

                      \u26a0\ufe0f Important:<\/strong> AJAX reload does not work<\/strong> with:<\/p>\n\n\n\n

                        \n
                      • Mixed and Nested Column Charts<\/strong><\/li>\n\n\n\n
                      • Google Charts<\/strong><\/li>\n<\/ul>\n\n\n\n
                        \"\"<\/figure>\n\n\n\n
                        \n\n\n\n

                        \ud83c\udf89 Done!<\/strong> Your Graphina-Forminator chart is now ready and dynamically updates with form\/poll data. \ud83d\ude80<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

                        Important Note Before you create charts using Forminator forms or polls, ensure that submission data is stored in the database: Step-by-Step Guide Step 1: Create a Page with Elementor Step 2: Add a Chart Widget Step 3: Configure Chart Data Options Step 4: Enable the Forminator Section Step 5: Choose Data Type Step 6: Select […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":371,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-385","post","type-post","status-publish","format-standard","hentry","category-graphina-forminator"],"featured_image_src":null,"author_info":{"display_name":"Iqonic Design","author_link":"https:\/\/documentation.iqonic.design\/graphina\/author\/dwd3f32kd2r2rf23wf4df\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/posts\/385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/comments?post=385"}],"version-history":[{"count":2,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/posts\/385\/revisions"}],"predecessor-version":[{"id":419,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/posts\/385\/revisions\/419"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/posts\/371"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/media?parent=385"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/categories?post=385"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/graphina\/wp-json\/wp\/v2\/tags?post=385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}