Adding form data charts to WordPress Form
A Form Data Chart widget displays form statistics with graphs and charts inside the WordPress form. This widget will also displays conversion percentage data; that is, how many users submitted the form in the past few days. The data charts can be pie-charts or histograms. Adding form data charts to WordPress form is easy; the below tutorial will walk you through the process.
Navigating to the “Form Data Chart” widget
Go to WordPress dashboard. Navigate to the “All Forms” section in RegistrationMagic. Move your cursor across any of the forms. Click the field hyperlink to navigate to the “Field Manager”.
Then, press Add Field.
Click on “Form Data Chart”; you will be redirected to Form Data Chart settings page. You can control widget frontend design from the setting page.
Fill the Label field with “User Charts”’ this will create a widget in the Field Manager. Go to Chart Type setting. You can choose the type of graph you want to display in your WordPress form. Further, you can setup options such as submissions over time, conversion%, browser used and browser wide conversion. In our example, we will be only displaying “Submissions over time” chart.
The immediate next step is to choose the timespan of the form submissions. From the drop down, you can set the timespan value to last 7, 30, 60 or 90 days, as per your requirement.
CSS setting modifies the front-end design. The CSS class must be defined inside the coded file. Remember to associate the class with an HTML code.
Add Form Data Chart to WordPress form front-end
Now go back to RM “All forms”. Copy the shortcode from form card. Navigate to the “All Pages” section.Paste the shortcode in the page editor. Click update.
Go back to the Form Data Chart configuration page and click on “Add to Form”.
The image below depicts how the widget will display form data chart to WordPress form front-end. The graph below displays the number of submissions made with time.
- Setting-up autoresponder Email message to user after form submission - May 22, 2018
- Assign unique registration token number to user - May 21, 2018
- WordPress Form Number Field Setup Tutorial - May 18, 2018
- Summer Camp Form Templates [Frequently Used] - May 9, 2018
- WordPress User Roles, Permissions & Role Editor [Complete Guide] - May 8, 2018
- Publish Registration Form with Page Builder’s WordPress Register Widget - May 6, 2018
- 3 Must Have Plugins For WordPress Sites - May 5, 2018
- Mask User Input in WordPress form - May 4, 2018
- How to add additional email field to your WordPress Form - May 3, 2018
- How to add registration feed to your WordPress form - May 1, 2018