How to Create FAQ/Q&A Sections for MyListing Single Listings Without a Plugin

The Request

“Ryan, my customers would like to have sections on their Listings for things like FAQs, Q&As, etc. How would we go about creating those?”

FAQ Section

Let’s create a FAQ (Frequently Asked Questions) section together, which you can then use as a guide for creating similar sections.

Fields

In this section, we will build our fields, which define how the ‘Add Listing’ form will look and function for the FAQs.

1. Edit the desired Listing Type.
2. Fields > Custom Fields > Click ‘Form Heading’ to add a heading to the form.

Note: Form Headings allow us to “group” items together in our Add Listing forms, breaking up the forms into smaller “chunks” so they don’t all run together.

3. Label > Give it a label (e.g., FAQs).
4. Key > Give it a key (e.g., faqs-heading).
5. Description > Optionally, put in a description to help educate Listing Owners about why this field exists and how to take advantage of it.
6. Icon > Optionally add an icon (e.g., Question Mark icon).
7. Show in Listing Comparison Popup > Toggle OFF since this is not vital information for comparing Listings.
8. Enable Package Visibility > Toggle ON if you want to upsell Listing Owners to have access to this FAQ section.
9. Fields > Custom Fields > Click ‘Text’ to add a text field to the form.

Note: Since the ‘Form Heading’ field was the last field we added, this text field will drop in right below it. However, if you moved the ‘Form Heading’ field, move the text field too, so they are grouped.

10. Label > Enter the first question, which will serve as the label.
11. Show in Listing Comparison Popup > Toggle OFF since this is not vital information for comparing Listings.
12. Enable Package Visibility > Toggle ON and match the settings to the ‘Form Heading’ field’s ‘Package Visibility’ settings if you are upselling Listing Owners to have access to the FAQ section.
13. Repeat steps 9-12 for each question you want to include in the FAQ section.

Block

In this section, we will build our FAQ block, which is how the information is displayed on your website’s front end.

1. Edit the desired Listing Type.
2. Single Page > Content & Tabs > Choose the desired tab (or create it) where you will display the FAQs.
3. Insert a New Block > Click the ‘Details’ block to add it.
4. Block Icon > Optionally, add the desired icon (e.g., Question Mark icon).
5. Within the ‘Details’ block, click ‘Add Row.’.
6. Click on the new row to edit it.
7. Content > Add one of the original questions as bold text, followed by a paragraph break and the shortcode for the corresponding field.

For example, let’s say one of the questions is, “What’s your favorite color?”. The below will take care of step #7  for you.

<strong>What's Your Favorite Color?</strong>
<br>
[[whats-your-favorite-color]]

Have you looked at the brackets (‘[[‘ and ‘]]’) and wondered what the heck they’re for? MyListing has a feature where you can start typing the left bracket (‘[[‘) into an area, and MyListing will pre-fill that area with whatever value the user inputs. In this case, it’s whatever color they enter.

8. Repeat steps 5-7 for each additional row you want to add.

Hide Block Row Icons

Unfortunately, MyListing automatically adds icons to each row, even if you don’t specify one. You need CSS to hide the icons, and here are the steps for that.

1. Edit the ‘Details’ block.
2. Custom Block Classes > Enter ‘hideblockrowicons.’
3. Add the following CSS to your website.

.hideblockrowicons .details-block-content>li>i {
    display: none;
}

Video Tutorial