{"id":49381,"date":"2015-06-19T03:42:42","date_gmt":"2015-06-19T07:42:42","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=49381"},"modified":"2016-02-17T06:23:01","modified_gmt":"2016-02-17T11:23:01","slug":"opencart-2-x-how-to-add-custom-fields-to-contact-form","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/opencart-2-x-how-to-add-custom-fields-to-contact-form.html","title":{"rendered":"OpenCart 2.x. How to add custom fields to registration form"},"content":{"rendered":"<p>\r\n<p>OpenCart <strong>2.0<\/strong> has a lot of new useful features, one of which is a possibility to add a custom field to the customer registration from admin panel.<\/p>\r\n<p>This new field will be visible in the registration page, on the checkout page and even when a guest customer makes a purchase.<\/p>\r\n<p>In this tutorial we will show you how to insert a new custom field to the registration form in OpenCart 2.0.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=g3KVRmTYj98?width=1280&amp;height=720\" rel=\"prettyPhoto\">OpenCart 2.x. How to add custom fields to registration form<\/a><\/p>\r\n<ol>\r\n<li>\r\n<p>Log into your OpenCart admin panel.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Navigate to <strong>Sales<\/strong>-><strong> Customers<\/strong>-> <strong>Custom Fields<\/strong> section:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_1-300x168.jpg\" alt=\"Opencart.2.0_How_to_add_custom_fields_to_contact_form_1\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-49382\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_1-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_1-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_1-1024x575.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_1.jpg 1285w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n <\/li>\r\n<li>\r\n<p>Press the <strong>Add New<\/strong> blue button located in the top right of the page:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_2-300x150.jpg\" alt=\"Opencart.2.0_How_to_add_custom_fields_to_contact_form_2\" width=\"300\" height=\"150\" class=\"aligncenter size-medium wp-image-49383\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_2-300x150.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_2-150x75.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_2-1024x511.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_2.jpg 1314w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n <\/li>\r\n<li>\r\n<p>Fill in the necessary fields:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_3-300x206.jpg\" alt=\"Opencart.2.0_How_to_add_custom_fields_to_contact_form_3\" width=\"300\" height=\"206\" class=\"aligncenter size-medium wp-image-49384\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_3-300x206.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_3-150x103.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_3-1024x705.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_3.jpg 1061w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<ul class=\"list\">\r\n<li>\r\n<p><strong>Custom Field Name<\/strong> &#8211; the title of a new field that will appear on the registration page.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Location<\/strong> &#8211; this option allows to choose either the <strong>Account<\/strong> or the  <strong>Address<\/strong> section for the custom field to appear on.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Type<\/strong> &#8211; here you can assign any of the 4 available types to your custom field (Choose, Input, File, Date). This type affects the look and the character of the new field. If you select one of the &#8216;choose&#8217; options (checkbox, radio or select drop-down), you will have to create a new <strong>value<\/strong> in the  <strong>Custom field<\/strong> option at the bottom. Click the add new button to create multiple values from which the user will be able to select (or pick multiple in the checkbox case):<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/06\/pencart.2.0_How_to_add_custom_fields_to_contact_form_4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/06\/pencart.2.0_How_to_add_custom_fields_to_contact_form_4-300x92.jpg\" alt=\"pencart.2.0_How_to_add_custom_fields_to_contact_form_4\" width=\"300\" height=\"92\" class=\"aligncenter size-medium wp-image-49385\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/pencart.2.0_How_to_add_custom_fields_to_contact_form_4-300x92.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/pencart.2.0_How_to_add_custom_fields_to_contact_form_4-150x46.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/pencart.2.0_How_to_add_custom_fields_to_contact_form_4-1024x314.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/pencart.2.0_How_to_add_custom_fields_to_contact_form_4.jpg 1623w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p><strong>Customer Group<\/strong> &#8211; select the group of customers for which this field will be visible.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Required<\/strong> &#8211; if you select this option, your customers will not be able to complete the registration without filling in the field.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Status<\/strong> &#8211; here you can enable\/disable the new field.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Sort Order<\/strong> &#8211; the position of your custom field in relation to the existing fields.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<li>\r\n<p>Click the <strong>Save<\/strong> button in the top right:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_5-300x213.jpg\" alt=\"Opencart.2.0_How_to_add_custom_fields_to_contact_form_5\" width=\"300\" height=\"213\" class=\"aligncenter size-medium wp-image-49386\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_5-300x213.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_5-150x107.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_5-1024x728.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Opencart.2.0_How_to_add_custom_fields_to_contact_form_5.jpg 1065w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>View how the new custom field appears on your registration page on the site front end.<\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>We hope the tutorial was useful for you. Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=g3KVRmTYj98?width=1280&amp;height=720\" rel=\"prettyPhoto\">OpenCart 2.x. How to add custom fields to registration form<\/a><\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>In this tutorial we will show you how to insert a new custom field to the registration form in OpenCart 2.0.<\/p>\n","protected":false},"author":78,"featured_media":49389,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1156],"tags":[639,789,907,640,1157],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/49381"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/78"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=49381"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/49381\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/49389"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=49381"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=49381"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=49381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}