directorist custom fields

Directorist Custom Fields – Elevate Your Directorist Experience with Custom Fields

WordPress is much like a Disneyland, because as a CMS, one can imagine literally every design or functionalities to embellish their website anytime anywhere. This holds true even if you are making a directory website using Directorist.

Now, you may probably be wondering why you need to implement custom fields on your directory website, right? Well, the answer is preference varies from person to person, that is, one needs a particular feature while the others don’t. with the Custom Fields option in Directorist, you can reflect your preference on your directory website like a pro.

In this article, we will show you how you can make your directory submission form personalized exactly the way you want. No more flapdoodles, let’s jump right in.

Directorist Custom Fields – How They Benefit You

Simply put, custom fields will help you customize the submission form of add listing page and other pages too. We assume that you are already using Directorist and you have the following submission form on your add listing page for your users:

directorist custom fields - add listing submission form

As you can see, it contains default options such as General Option, Contact Information, Map, Images and Video.

Suppose you want to customize the preset fields of General Option with custom fields:

  • Title
  • Description
  • Tagline
  • Pricing
  • Location
  • Tag
  • Category

How can you do that? Simply follow these steps:

Step 1: Go to the Custom Field Options

Next, up, you need to navigate to the WP Admin Dashboard > Directory Listings > Directory Builder > Submission Form > Form Fields. Here you will be able to see both preset fields and custom fields.

navigate to custom fields

Step 2 : Start Customizing the Fields

  • Deleting a preset field:

Now, let’s delete the tagline field for example. You can do it either by clicking on the delete sign located on the right side of the field.

Or by dragging and dropping the field from left to right section under the Preset Field option. After you delete an active field from the menu it will appear at the Preset Field section.

preset fields

Adding a custom field:

To add custom field, hover your mouse over the Custom Fields area and click on any field or simply drag and drop them to the General section. Here for instance, we are selecting the text field:

custom fields

you can also customize the parameters of the text field like changing the Label, Key, Placeholder, Description, Required, Only for Admin Use, etc. In this example, we are going to change the Label to “Test Field” from ‘Text’.

change label

Now, save changes by hitting the “Update” button from below.

update changes

That’s it! You have customized the Submission Form of Add Listing.

Seeing the Custom Field from the Frontend

Now, reload the add listing page to see the changes we have made just now. After that, you will be able to see that the Tagline has gone and the new “Test Field” has been added there.

frontend view of submission form

That’s Not the End! You Can Add an Entire Section too!

However, if you want to add and entire section, feel free to use the Custom Field option. To do so, select the Add Section option from the Submission form.

add a section

After selecting the “Add Section” option, you will see a pencil icon to change the Group Name:

Change Group Name

Now, click the pencil icon again to hide the Group Name option.

Next up, let’s take the URL field and File Upload field to the Extra Section area:

select or drag and drop custom fields

You can also change the attributes of these fields. For example:

  • Label
  • Key
  • Choose a File Type
  • File Size
  • Description
  • Required
  • Only for Admin Use
attributes of file upload

Don’t forget to hit the Update button to save the changes.

Now, let’s see from the frontend if this Extra Section do appear:

add listing submission form from frontend view

There you go! The Extra Section is appearing at the end of the Submission form.

Conclusion

We have only shown one or two fields here in this tutorial. If you want to know all the custom fields in detail, we would like to suggest you go through our official documentation page.

If you are already using Directorist, why are you waiting for? Take your Directorist website to a new level and run circles around your competitors by crafting a directory website exactly the way you or your visitors want.

Finally, feel free to contact us by dropping us a line below in the comment section in case you need any help while implementing the custom field feature.

Get Directorist for Free Now!

Written by

Al Suzaud Dowla

Al Suzud Dowla plays the role of a content strategist at SovWare. He is basically a digital marketing expert and a tech enthusiast (by heart) who excels particularly in technical content writing. In his pastimes, he is seen playing Ping Pong, performing Karaoke, reading books, and playing around with JavaScript as well.

Leave a Reply

Your email address will not be published. Required fields are marked *