![\"Objective](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/01\/Info-Banner-WordPress-1.png\")
<\/a>\nIn this blog, we are creating the custom plugin for your reference. The basic requirements to add the setting of the plugin are:<\/p>\n
- \n
- To register the settings for a Plugin<\/li>\n
- To create an Options Page for a plugin<\/li>\n
- To display Settings of the plugin on the Option\u2019s Page<\/li>\n<\/ul>\n
Steps to add the plugin setting:<\/h3>\n
![\"Steps](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/01\/Info-Banner-WordPress-2.png\")
<\/a><\/p>\n1.<\/strong>\u00a0Create your custom plugin folder inside the \u201cplugins\u201d folder of your Woo Commerce site.
\nIn the sample code, we have created a folder \u201ccustom-plugin\u201d.<\/p>\n2.<\/strong>\u00a0Create a new PHP file inside your \u201ccustom-plugin\u201d folder. The name of the file must be same as custom plugin folder. In the sample code, we have created a file \u201ccustom-plugin.php\u201d.<\/p>\n
3.<\/strong>\u00a0You need to register the settings of each field of your custom plugin. This step whitelist your plugin setting options (fields) that are used to save the plugin setting data in the wp_options table. Here, I have registered the setting for my custom-plugin as shown below and added that code to the \u201ccustom-plugin.php\u201d file.<\/p>\n
\/*\r\n* Plugin Name: Custom Plugin\r\n* Description: This plugin is the custom plugin and created by velsof\r\n* Version : 1.0.0\r\n* Author: Velsof\r\n*\/\r\nfunction custom_plugin_register_settings() {\r\n\r\nregister_setting(\u2018custom_plugin_options_group\u2019, \u2018first_field_name\u2019);\r\n\r\nregister_setting(\u2018custom_plugin_options_group\u2019, \u2018second_field_name\u2019);\r\n\r\nregister_setting(\u2018custom_plugin_options_group\u2019, \u2018third_field_name\u2019);\r\n\r\n}\r\nadd_action(\u2018admin_init\u2019, \u2018custom_plugin_register_settings\u2019);<\/pre>\nTo learn more about \u201cregister_setting\u201d you can check the document<\/p>\n
\u201chttps:\/\/developer.wordpress.org\/reference\/functions\/register_setting\/<\/a>\u201d<\/p>\n
4.<\/strong> In this step, you need to create the options page for your custom plugin and add the option in the submenu of the Word Press setting. In the sample code, we have written the code of options page below and added the same to the \u201ccustom-plugin.php\u201d file.<\/p>\n
function custom_plugin_setting_page() {\r\n\r\n\/\/ add_options_page( string $page_title, string $menu_title, string $capability, string $menu_slug, callable $function = '' )\r\n\r\nadd_options_page('Custom Plugin', 'Custom Plugin Setting', 'manage_options', 'custom-plugin-setting-url', 'custom_page_html_form');\r\n\r\n\/\/ custom_page_html_form is the function in which I have written the HTML for my custom plugin form.\r\n}\r\nadd_action('admin_menu', 'custom_plugin_setting_page');<\/pre>\nAfter completing this step you will be able to see the option of your custom plugin in the Word press setting as shown in the image below:<\/p>\n
![\"add](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/01\/Picture5.png\")
<\/a><\/p>\n5.<\/strong> In this step, you need to create the form to display the options (fields) in the setting page of the custom plugin. Here, I have created a function \u201ccustom_page_html_form\u201d as shown below and added the same to the \u201ccustom-plugin.php\u201d file.<\/p>\n
function custom_page_html_form() { ?>\r\n <div class="wrap">\r\n <h2>Custom Plugin Setting Page Heading<\/h2>\r\n <form method="post" action="options.php">\r\n <?php settings_fields('custom_plugin_options_group'); ?>\r\n\r\n <table class="form-table">\r\n\r\n <tr>\r\n <th><label for="first_field_id">First Field Name:<\/label><\/th>\r\n\r\n <td>\r\n<input type = 'text' class="regular-text" id="first_field_id" name="first_field_name" value="<?php echo get_option('first_field_name'); ?>">\r\n <\/td>\r\n <\/tr>\r\n\r\n <tr>\r\n <th><label for="second_field_id">Second Field Name:<\/label><\/th>\r\n <td>\r\n<input type = 'text' class="regular-text" id="second_field_id" name="second_field_name" value="<?php echo get_option('second_field_name'); ?>">\r\n <\/td>\r\n <\/tr>\r\n\r\n <tr>\r\n <th><label for="third_field_id">Third Field Name:<\/label><\/th>\r\n <td>\r\n<input type = 'text' class="regular-text" id="third_field_id" name="third_field_name" value="<?php echo get_option('third_field_name'); ?>">\r\n <\/td>\r\n <\/tr>\r\n <\/table>\r\n\r\n <?php submit_button(); ?>\r\n\r\n <\/div>\r\n<?php } ?><\/pre>\nAfter completing this step the form of your custom plugin will be created and the data will be saved in the database on clicking the button \u201cSave Changes\u201d as shown below:<\/p>\n
![\"How](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/01\/Picture6.png\")
<\/a><\/p>\nNote:<\/strong>\u00a0If you get the error \u201coptions page not found\u201d on saving the setting of the custom plugin. Then you need to follow the below steps:<\/p>\n
1.Open \u201coptions.php\u201d file (File Location: wp\\wp-admin\\options.php).<\/p>\n
2.Add the custom plugin option group in the $whitelist_options array.<\/p>\n
Example:<\/strong><\/p>\n
$whitelist_options['custom_plugin_options_group\u2019] = array('first_field_name\u2019, \u2018second_field_name\u2019, \u2018third_field_name\u2019);<\/pre>\nYou can download the sample code\u00a0here<\/a>.<\/p>\n
Summary<\/h4>\n
After reading this document you will be able to add the setting of your custom plugin in the WordPress setting menu.<\/p>\n
Knowband also provides the best in class modules for Prestashop, Opencart, Magento, Magento 2, and Woocommerce.<\/p>\n
We are providing a No Code Mobile App Solution for Woocommerce that every store needs to have. Know more here<\/a>.<\/p>\n