{"id":368908,"date":"2025-10-26T10:33:48","date_gmt":"2025-10-26T04:33:48","guid":{"rendered":"https:\/\/directorist.com\/?post_type=docs&#038;p=368908"},"modified":"2025-10-26T11:16:05","modified_gmt":"2025-10-26T05:16:05","password":"","slug":"add-listing-form-2","status":"publish","type":"docs","link":"https:\/\/directorist.com\/docs\/add-listing-form-2\/","title":{"rendered":"Add Listing Form"},"content":{"rendered":"\n<p>The\u00a0<strong>Add Listing Form<\/strong>\u00a0tab lets you design and customize the submission form that users fill out when adding a new listing. You can fully control what information is collected, how fields appear, and the order in which they are displayed.<\/p>\n\n\n\n<p><strong>Path: WP Admin<\/strong>\u00a0\u2192\u00a0<strong>Directory Listings<\/strong>\u00a0\u2192\u00a0<strong>Directory Builder<\/strong>\u00a0\u2192\u00a0<em>Select a Directory<\/em>\u00a0\u2192\u00a0<strong>Add Listing Form<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<p>This section contains two main areas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Left panel \u2013 Form fields<\/strong> \n<ul class=\"wp-block-list\">\n<li>Here you\u2019ll find all available field types to add to your form.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Right panel \u2013 Customize listing form<\/strong>\n<ul class=\"wp-block-list\">\n<li>Displays all existing form sections and fields.<\/li>\n\n\n\n<li>Each section (like\u00a0<em>General Information<\/em>,\u00a0<em>Pricing<\/em>,\u00a0<em>Features<\/em>,\u00a0<em>Contact Info<\/em>,\u00a0<em>Location<\/em>,\u00a0<em>Media<\/em>) can be expanded, reordered, or deleted.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"582\" src=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-104-1024x582.png\" alt=\"\" class=\"wp-image-368912\" srcset=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-104-1024x582.png 1024w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-104-300x170.png 300w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-104-768x436.png 768w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-104-1536x873.png 1536w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-104-2048x1164.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<p><strong>Field Panel (Left Side<\/strong> )<\/p>\n\n\n\n<p>The left side of the Add Listing Form contains all the <strong>preset fields<\/strong> and your <strong>custom fields<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Preset Fields:<\/strong> Preset fields are the basic predefined fields that are available by default and can be used <strong>only once<\/strong> per form.<\/li>\n\n\n\n<li><strong>Custom Fields:<\/strong> The custom fields (like Text, Number, Select, Checkbox, etc.) can be used multiple times and are ideal for extended or niche data collection.<\/li>\n<\/ul>\n\n\n\n<p><strong>Field Settings<\/strong> <\/p>\n\n\n\n<p>To configure an individual field, you need to click on the arrow down (\u02c5) <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"663\" src=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-108-1024x663.png\" alt=\"\" class=\"wp-image-368917\" srcset=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-108-1024x663.png 1024w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-108-300x194.png 300w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-108-768x497.png 768w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-108-1536x994.png 1536w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-108-2048x1326.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Clicking on the arrow down \u02c5 will reveal all the relevant field settings, likewise the screenshot below. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"479\" src=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-109-1024x479.png\" alt=\"\" class=\"wp-image-368918\" srcset=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-109-1024x479.png 1024w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-109-300x140.png 300w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-109-768x359.png 768w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-109-1536x718.png 1536w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-109-2048x957.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>You can define the field label, placeholder text, and adjust additional configurations within the individual field settings. <\/p>\n\n\n\n<p><strong>Form Canvas (Right Side)<\/strong> <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This is where you design the actual structure of the form.<\/li>\n\n\n\n<li>You can <strong>create multiple sections<\/strong> to logically group different sets of fields.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"553\" src=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-110-1024x553.png\" alt=\"\" class=\"wp-image-368919\" srcset=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-110-1024x553.png 1024w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-110-300x162.png 300w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-110-768x415.png 768w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-110-1536x830.png 1536w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-110-2048x1106.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Example Sections:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Contact Info<\/strong>: Include fields like Email, Phone Number, and Website.<\/li>\n\n\n\n<li><strong>Location<\/strong>: Group fields like Address, Map, City, and Country.<\/li>\n\n\n\n<li><strong>Media<\/strong>: Add fields such as Images, Gallery, Video, or File Upload.<\/li>\n<\/ul>\n\n\n\n<p>Each section acts as a visual block or tab, making the form more organized and easier for users to fill out.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">Additional options<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enable Listing Preview:<\/strong><br>Toggle this to allow users to preview their listing before submission.<\/li>\n\n\n\n<li><strong>Listing Form Submit Button Text:<\/strong><br>Customize the text of the submission button (e.g.,&nbsp;<em>Submit Listing<\/em>,&nbsp;<em>Publish Now<\/em>).<\/li>\n\n\n\n<li><strong>Preview:<\/strong><br>Click the&nbsp;<strong>Preview<\/strong>&nbsp;button to see how your form will look to end users.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"256\" src=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-106-1024x256.png\" alt=\"\" class=\"wp-image-368914\" srcset=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-106-1024x256.png 1024w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-106-300x75.png 300w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-106-768x192.png 768w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-106-1536x384.png 1536w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-106.png 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<p><strong>Tip:<\/strong><br>Changes are saved per directory type, so each directory can have a unique Add Listing form layout tailored to its needs.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The\u00a0Add Listing Form\u00a0tab lets you design and customize the submission form that users fill out when adding a new listing. You can fully control what information is collected, how fields appear, and the order in which they are displayed. Path: WP Admin\u00a0\u2192\u00a0Directory Listings\u00a0\u2192\u00a0Directory Builder\u00a0\u2192\u00a0Select a Directory\u00a0\u2192\u00a0Add Listing Form This section contains two main areas: Field [&hellip;]<\/p>\n","protected":false},"author":24585,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[708],"doc_tag":[],"class_list":["post-368908","docs","type-docs","status-publish","hentry","doc_category-directory-builder"],"year_month":"2026-03","word_count":377,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"yousuf.sovware","author_nicename":"yousuf-sovware","author_url":"https:\/\/directorist.com\/author\/yousuf-sovware\/"},"doc_category_info":[{"term_name":"Directory Builder","term_url":"https:\/\/directorist.com\/docs-category\/directory-builder\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/docs\/368908","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/users\/24585"}],"replies":[{"embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/comments?post=368908"}],"version-history":[{"count":0,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/docs\/368908\/revisions"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/media?parent=368908"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/doc_category?post=368908"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/doc_tag?post=368908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}