Testimonials

Feedback Form Setup

After the pods installation and import, follow these steps to set up a gravity form to gather entries:

Install the Pods Gravity Forms Add-On – go to dashboard > plugins > add new > install and activate it

• Go to forms, add a new form and name it something relevant
• Add a single text field for “name”
• Add an “email” field
• Add a single text field for “designation”
• Add a paragraph text field for “comment”

• Save the form, then hover over “settings” and click “pods”
• Add a new pods feed
• Once you name it something and choose a pod from the dropdown, it will adjust to show you available post fields that you can connect your existing fields to
  • Make sure the designation pod field is set to the designation form field
  • Set the post title to the name field
  • Set the post content to your comment field
• If you end up adding fields to the pod, make sure you adjust them in the pods feed for the form as well, especially if they depend on content entered by the person filling out the form
• Save your feed settings

Pod Settings

1. Manage Fields tab:
   • Designation:
     • Label: Designation
     • Name: designation
     • Field Type: plain text field
     • Additional field options: allow shortcodes, allow html
     • Rest API: Read via REST API? Yes, Write via REST API? Yes
2. Labels tab:
   • Label: Testimonials
   • Singular label: Testimonial
3. Admin UI tab:
   • Menu Icon: dashicons-format-status
4. Advanced options tab:
   • Enable Archive Page: yes
   • Supports: title, editor, featured image
5. Rest API tab:
   • Enable: yes
   • Show All Fields (read-only): yes
   • Allow All Fields To Be Updated: yes

Archive themer layout settings

• Title: Testimonial Archive
• Type: themer layout
• Layout: archive
• Location: Testimonial Archive 
• Modules:
  • Heading module: field connection set to archive title
  • PowerPack Content Grid: content set to main query
    • Layout: columns
    • Post layout: custom
    • Post spacing: 20px

Custom post layout HTML:

<div class="pp-content-grid-post">
	<h3 class="pp-content-grid-post-title">[wpbb post:link text="title"]</h3>

	<div class="pp-content-grid-post-meta">
	   [wpbb post:date format='m/d/Y']
	</div>

	<div class="pp-content-grid-separator"></div>

	<div class="pp-content-grid-post-meta">
	   [wpbb post:custom_field key='designation']
	</div>

	<div class="pp-content-grid-post-text">
	    [wpbb post:content]
	</div>
</div>

Custom post layout CSS:

.pp-content-grid-post {
    font-size: 16px;
    padding: 10px;
}
.pp-content-grid-post-image {
    padding: 20px;
    padding-bottom: 0;
}
.pp-content-grid-post-text {
    font-style: italic;
    padding: 0 0;
}
.pp-content-grid-post-title {
    font-size: 20px;
    margin: 0;
    padding: 0 0 5px;
}
.pp-content-grid-post-meta {
    padding: 0;
}
.pp-content-grid-post-meta a {
    text-decoration: none;
}
.pp-content-grid-post-meta,
.pp-content-grid-post-meta a {
    color: #888;
    font-size: 16px;
    padding: 0 0 5px;
}
.pp-content-grid-post-meta a:hover {
    color: #000;
}
.pp-content-grid-separator {
    min-height: 2px;
    width: 60px;
    background: #dddddd;
    margin-top: 10px;
    margin-bottom: 20px;
}

Singular themer layout settings

• Title: Singular Testimonial
• Type: themer layout
• Layout: singular
• Location: Testimonial – all Testimonials 
• Modules:
  • Heading module – h1, field connection set to post title, margin-bottom: 0
  • Themer post navigation module
  • Text module including the following shortcodes:

[wpbb post:pods_display field='designation']
<blockquote><em>[wpbb post:content]</em></blockquote>