Customizing the Form

Introduction

Strong Testimonials includes a fields editor that makes it easy to customize the testimonial form. You can quickly add or remove fields and change several display properties to meet your needs.

Testimonials are a custom post type. This is a very popular approach that makes many powerful features available to you, and helps this plugin keep up with changes in WordPress. Since they are posts, you will see some fields referred to as post fields in this tutorial.

While this tutorial is about the front-end form that your visitors will use to submit a testimonial, keep in mind that any changes also affect the custom fields available in the post editor and the view editor.

In other words, you’re really doing two things:

  1. modifying the form as it appears on your site, and
  2. modifying the custom fields to suit your situation

Before and after

Customizing the Form 1

The fields

Post FieldsDefault Custom FieldsSpecial Fields Available
title
content
featured image
a name
an email
address
a company name
a website
a category selector
a category checklist
a shortcode
a star rating

You can always restore the default fields and start over.

The default fields on the form:

Customizing the Form 2

The default fields when displayed:

Customizing the Form 3

The editor

Go to wp-admin Testimonials Fields.

Customizing the Form 4

Field options

Customizing the Form 5

Deleting fields

You’ve seen the default fields and the editor. Let’s see how simple it is to customize the form. We are going to remove three fields, change three fields, and add a new one.

Open the Photo field and click Delete. Do the same for Company Name and Company Website.

Customizing the Form 6

This only removes the field from the form. It does not delete any data.

Changing fields

Let’s change Full Name field.

  1. Change the Label to just “Name”.
  2. Add “your name” to the Placeholder.
  3. Remove the After text.
Customizing the Form 7

Now, let’s change the Email field.

  1. Uncheck “Required”.
  2. Add “your email address” to the Placeholder.
  3. Remove the After text.
Customizing the Form 8

Let’s change the Heading field.

  1. Change the Label to “Summary”.
  2. Add “in a few words” to the Placeholder.
  3. Remove the After text.
Customizing the Form 9

The Name property is disabled because this is the post title, not a custom field.

If the post title field is removed from the form, a title will be automatically generated using the first few words of the testimonial when it is submitted. Of course, you can edit the title later.

Let’s change the Testimonial content field.

  1. Add “how did we do?” to the Placeholder.
  2. Remove the After text.
Customizing the Form 10

The Name property is disabled because this is the post content, not a custom field.

Adding fields

Let’s add a new field by clicking Add New Field

Customizing the Form 11

Expand the Type dropdown and select “text”.

Notice the Testimonial Title and Testimonial Content options are disabled, but Featured Image is available because we removed “Photo” before.

Only one new field can be added at a time so the Add New Field button is disabled until this field is complete.

Customizing the Form 12
  1. Enter “City” in the label property.
    Move to the next property by Tab or click and the Name and Title will update automagically.
    Change the Name if you want. Or erase the Name and it will be generated again.
  2. In the Placeholder property, enter “what city are you in?”
  3. We’re done with this field so click Close
Customizing the Form 13

Reordering fields

Let’s drag our new City field up and drop it between Email and Summary.

Customizing the Form 14

The new form

Don’t forget to save your changes.

Customizing the Form 15

Was this article helpful to you? Yes 3 No 1

Still stuck? We’re here to help.

Send us a message and we’ll get back to you as soon as we can.