How to create a widget that has a submit form in the front end

I see three main ways to handle front-end form submissions in a widget:

  • A regular form that submits via POST and reloads the whole page. Easy to understand, easy to create, but not a nice user experience.
  • Load your widget in a iframe, so that a form submission only reloads the iframe. Some external providers do this (eg. Google Calendar), but it may be harder to style the widget.
  • Do the form submission via Ajax (with a regular form as a fallback?). This is probably the nicest option, but requires some work on your side. I once tried to give a high-level overview of Ajax in WordPress, maybe that is a good place to start.

If you leave a comment on this answer which way you prefer, I could give you more details.

Related Posts:

  1. Adding iframe Content to Sidebar Widget
  2. Storing custom dashboard widget options in wordpress
  3. $post>ID displays wrong post ID
  4. Video Embed in Sidebar Widget with Links to Others in Category
  5. Shortcode from a widget is wrapped in unwanted element
  6. How can I whitelist only specific shortcodes for processing in text widgets?
  7. Bookshelf plugin and/or widget [closed]
  8. How to update widget from widget() function?
  9. Sidebar Widget Registration without a name, how is it assigned to new named sidebar widget?
  10. How to Make a Custom Dashboard Widget to Display Custom Notification from Admin?
  11. Add thumbnail to recent posts widget using filters
  12. Is there a way to allow only certain type of widgets in the sidebars?
  13. Shortcode in Text Widget not working
  14. Trigger Submit Event when Widget is added to Sidebar
  15. Why wordpress popular post widget shows Undefined index?
  16. How to enable / use new video / audio / images widgets in WordPress 4.8?
  17. How do i export the HTML from text widgets?
  18. Latest/Recent posts widget title link
  19. Insert Widget option into mark-up with register_sidebar
  20. Widgets not expanding on wordpress 3.3 widget dashbord
  21. How to put Stack Exchange Flair as widget?
  22. How do i display the built-in gallery inside a widget?
  23. Forcing the title of a text widget on to a new line in the admin area
  24. Removing default theme widgets
  25. Sidebar not show customizer!
  26. wp_register_sidebar_widget() disappered my Widgets submenu – what am I doing wrong?
  27. Display single widget
  28. Customizing wordpress default widgets?
  29. different class (css) for sidebar widgets
  30. Adding widgets with Featured Image via the Customizer run hundreds of queries
  31. how to put functions inside of widgets
  32. Adding a Widget : what to put in plugin URL
  33. How to list all custom post types in a custom widget?
  34. How can I assign widgets from WP to appear in bbpress?
  35. get_option returns undesired blank instance of a widget
  36. escaping and sanitizing input for custom widget form fields
  37. Drafts widget for admin page
  38. Dynamic created widget id value of multi-instance in jQuery
  39. Text widget doesn’t save the content
  40. Post ID displayed instead of title [closed]
  41. Adding Widgets to Draft Pages
  42. How to select multiple media files for a widget form?
  43. Create an extra Widget Areas in WordPress TwentyTwelve
  44. How do I pass the id of my widget to javascript in the form function?
  45. Widget – link to page rather than absolute url
  46. Apply code for all else first block
  47. How i can widget ID get after drag for wordpress with jquery?
  48. Validating widget’s configuration data on Admin page
  49. Turn off “This is the Primary Sidebar Widget Area” message
  50. dynamic sidebar in front page
  51. Adding a WordPress Widget to a settings page
  52. How to change “Call To +1800090098” in TopStore pro theme [closed]
  53. How to dynamically add the the input text field in widget?
  54. Header Sidebar Won’t Move Lower – Want to Align with Header Logo [closed]
  55. display widget checkbox selection on frontend
  56. Enabled checkbox by default in WordPress widgets
  57. Is there a way to use get_sidebar() when no widgets are activated?
  58. Is there any tab widget plugin supporting third party widgets? [closed]
  59. Add footer widgets
  60. Widgets in WP 4.3 disappearing – How to fix?
  61. Making jQuery .change() event persistent after widget save
  62. modifying title (in dashboard) for different widget instances
  63. How to translate Widget Description in constructor?
  64. Custom CSS for a particular text/html widget in WordPress
  65. Removing side bar widgets from GovPress theme
  66. Adding a single text input field to a custom Dashboard widget
  67. how to show only particular category post in archive widgets
  68. Distinguish between different widgets of the same type
  69. How do I customize the positioning of WordPress widgets?
  70. Limit archive widget results
  71. How can I detemine the parameters needed by the_widget()?
  72. widgets in footer?
  73. Can you hide a widget based on its content?
  74. Fatal error: Uncaught Error: Class ‘WP_Widget’ not found
  75. Array showing all values of loop instead of specific value to post
  76. How can I remove WordPress element IDs and Class names in the HTML?
  77. Widget not appearing in customizer
  78. How can I have sidebar widgets on Twenty Seventeen theme on all pages?
  79. Loop through Widgets in sidebar using widget array number?
  80. Widget settings disappear after refresh
  81. How to display author meta in a sidebar widget
  82. Make a widget to my footer
  83. How to change text of a widget depend on condition?
  84. Always show the widget title in a wordpress widget
  85. Custom php Widget keeps disappearing from the front end
  86. Display Posts by Views (Popular Posts Widget)
  87. Default WordPress widgets always appear
  88. Add space to the end on a widget
  89. Show editor widgets only on pages that use a specific template?
  90. Conditionally enable autoplay when using oEmbed in a custom widget
  91. Options page for widget
  92. user definable sidebar per page
  93. List.js inside WordPress widget
  94. Show or hide custom menu widget in side bar conditionally
  95. Post Thumbnails on Sidebar Widgets
  96. Widget which displays thumbnails, but links to urls?
  97. Using Conditional Tags to restrict something to 1 user?
  98. Recent posts with different class name for each post and a scrollbar?
  99. Problem on register/login widgets
  100. Classic widgets with 5.9+?

Leave a Comment