Sign up for your account with [bettermode.com](http://bettermode.com) and log in to your dashboard.\
\
Click "**Create a new site**"

Select the "**ProdGuide**" template.\
\
The reason you're using a template is because it will speed up the process of getting the core structure for a resource directory, including community features.

**Close the notification bar** at the bottom of the page, just so that it's not a distraction.

Click your profile image in the top right-hand corner of the page and then click "**Administration**"

The first thing you're going to do is remove all content from this template, so that you have the template structure to work with, but none of the contents. \
\
Click the "**Content**" option from the left-hand menu.

A pop-up will appear asking if you are sure you want to delete all posts. \
\
In this example you're deleting 16 of the template's existing contents, so **enter 16** and then click "**Delete**"

The next step is to add some products to your directory. \
\
First, you'll create product categories so that in a moment you can add some new products to the site and map them to these categories.\
\
Click "**CMS Beta**"

Click this icon within the "**Category**" field.

You'll see a list of pre-populated categories that are included as part of the template. \
\
You're going to replace these with three categories within your podcast directory. You'll add categories for editing, marketing and hosting. \
\
Remove all but three categories from the list by clicking 'x' at the end of each category.

Click this icon to rename the categories. 

Enter the category name and click this icon.\
\
Do this for all three categories:

- Editing
- Marketing
- Hosting

Now it's time to add some products and map them to your categories.\
\
Click the "**Content**" icon on the left-hand menu.

**Enter a product name, tagline and description.** \
\
You can use this information if you'd like: \
\
Name: Audio Finesse\
Tagline: 1 click hiss removal for your recordings\
Description: 1 click hiss removal for your recordings\
\
You wouldn't usually use the same tagline and description when creating your own resource directory, but this is fine for now because you're just learning to build.

Enter a "Product URL".\
\
Note: You must include the https:// protocol. \
\
Use <https://audiofinesse.com> if you're following along with this example.

To add a product to your resource directory, you need to add thumbnail images and gallery images.\
\
**Add a Thumbnail image** first by clicking anywhere in the box and then selecting "**Unsplash**".\
\
Unsplash is a royalty-free image directory that's integrated with Bettermode.

Click the "**Search for an image...**" field. and enter a keyword search.\
\
In this example, we're creating fictional podcast products, so search for words like 'audio', 'podcast' or 'microphone' to find relevant images.

Once you find an image you like, click it to set it as the Thumbnail.

Repeat this process for the Gallery image. Click anywhere in the "**Gallery**" box.

Click to pick the images, or drag and drop them here.

Search for an image and then select it to add it as a Gallery image.

We won't be exploring the SEO or Advanced options for this lesson, so go ahead and click "**Publish**".

You've added your first product! 👏\
\
You'll now be taken to your product post automatically.\
\
Now you're going to repeat this process two more times to add two more products.\
\
Go through this one more time, step-by-step.

Select your profile image and click "**Administration**" from the drop-down menu.

Click the "**Content**" icon from the left-hand menu.

Click "**Add post**"\
\
Note: **Don't worry if you don't see the first product you just added to this list**. It takes a little while to populate and you should see it shortly.

Add a Product name, Tagline, Description and Product URL.\
\
Here's some text you can use for this product:\
\
**Product name**: Clipro\
**Tagline**: 1 click social media posts directly from your podcasts\
**Description**: 1 click social media posts directly from your podcasts\
**Product URL**: <https://clipro.com> 

For this product, select the "**Marketing**" category.

Click the **Thumbnail** box and select "**Unsplash**"

Search for a relevant keyword and then click on the image you'd like to add as a Thumbnail.

Click the "**Gallery**" box and select "**Unsplash**"

Search for a relevant keyword and then click on an image to set it as a Gallery image.

Repeat this process one more time to add your final product.\
\
Click "**Administration**"

Select "**Content**" from the left-hand menu.

Add the Product name, Tagline, Description and URL.\
\
Here's some text to copy:\
\
**Product name**: Pod Lab\
**Tagline**: Host and distribute 3 podcasts for free.\
**Description**: Host and distribute 3 podcasts for free.\
**URL**: <https://podlab.com>\
\
Select Category: "**Hosting**"

Select Pricing: Paid (with a free trial or plan)

You've added 3 new podcast products to your resource directory! 👏👏👏\
\
Now you're going to follow a similar process, but this time you're going to add a "**Perk**" to your directory. You'll add a Perk category first, and then map a Perk post to this category.\
\
Let's pretend you've secured a great deal on a product that's exclusively available for your directory members. That's the Perk you'll add.\
\
Select your profile image and click "**Administration**" from the drop-down menu.

Remove all but one of the existing categories. Remember, these categories are pre-populated within the template.\
\
Click 'x' on a category to remove it.

Click "**Remove**" on the pop-up that appears.

Click this icon to edit the last remaining Category name.

Replace this text with "**Podcast Hunt Exclusive**" and **click the + icon**.

You've created a Perk category, and now you're going to create a Perk post. \
\
You'll map the Perk to the Perk category.\
\
Click the "**Content**" icon from the left-hand menu.

Add a Perk name and Perk description.\
\
Here's some text to use:\
**Perk name**: 6 Months of Audio Finesse Free\
**Perk description**: Get 6 months of Audio Finesse for free, exclusively for Podcast Hunt members by entering 'podhunt6' during checkout. 

Select "**Podcast Hunt Exclusive**" from the Category drop-down.\
\
Add the following for Deal Tagline and Claim URL:\
\
**Deal Tagline**: Exclusive  - 6 Months of Audio Finesse \
**Claim URL**: https://audiofinesse.com/podcasthunt

Click the "**Deal Cover Image**" box and use Unsplash to find an image for your Perk.\
\
Click "**Publish**"

Wow, you've already added 3 new products to your resource directory, and now you've added an exclusive perk for your community! 🚀\
\
Time to add one more piece of content, a community post.

6 Months of Audio Finesse for Free
Free 6 months. No credit card required.

6 Months of Audio Finesse for Free - Podcast Hunt members only. Use code PodHunt at checkout.

Claim Deal
Like
Following
Share

Click your profile image and select "**Administration**" from the drop-down menu.

Add a Title and some Content.\
\
Here's some text to use:\
\
**Title**: Best podcast mics for newbies.\
**Content**: I've been testing sub $100 microphones this month. Here's how I scored 5 of the most popular from Amazon.

Add an image to the post by clicking this image icon.

Select Unsplash, search for a relevant keyword and then click the image you want to add into the post.

You'll automatically be taken to your discussion post.\
\
You've now added 3 different types of posts to your resource directory!\
\
Next you're going to configure some menu settings to ensure that all your new content can be found in the right places. This might feel *slightly* more technical, but will still entirely code-free! Stick with this guide and you should be fine. 💪🏽

Community
Scott Colenutt
a few seconds ago
 · 
Posted in Community
Best podcast mics for newbies.

I've been testing sub $100 microphones this month. Here's how I scored 5 of the most popular from Amazon.

See more
Like
Following
Share
What are your thoughts?

Click this icon at the end of the "**All Products**" row.

Select the area highlighted in the screenshot below and click the gear icon ⚙️ in the top right-hand side of this section. Note: This icon is not captured in the screenshot below. \
\
The left-hand menu will open, allowing you to edit the "**Tab views**" (the section you've got highlighted).\
\
What you're going to do next is configure each tab view to ensure that it only displays the correct products from each category. \
\
First, remove all pre-populated views from the "**Tab views**" section in the left-hand menu, leaving just "**All products**". \
\
Now, use the "**Add view**" button to add your three categories, "Editing", "Hosting" and "Marketing".

You should end up with the "**Tab views**" items shown below.

Title
Description
Display link in heading
Display link in heading
Tab views
All products
Open options
Editing
Open options
Hosting
Open options
Marketing
Open options
Add view

Now you're going to customise the settings of each tab to ensure it only shows the respective products from each category. \
\
Click this icon highlighted below.

"Source" settings will open automatically, allowing you to select the source of information for your tab view.\
\
Ensure that the source is configured as highlighted below:\
\
Current space\
Specific post types\
Product post type

Select the "**Category**" option and then set the category as "**Editing**"

Scroll to the top of the filter menu and click the back arrow.

Click the back arrow once more in the editing menu.

Now you're back where you started in the "**Tab views**" section. \
\
**Repeat the same process (steps 87-93) for the Hosting and Marketing categories.** Setting the Category filters as "Hosting" and "Marketing" respectively.

You're now going to check that your tab view configuration is working as expected. You're also going to grab the unique URL for each tab view, as you're going to need that in a moment. \
\
Have a note-taking app ready so that you can copy and paste in the URLs from each tab view.\
\
Click the "**Editing**" tab and copy and paste the URL from your browser into your note-taking app. 

Click the "**Marketing**" tab and copy and paste the URL from your browser into your note-taking app. 

Click the "**Hosting**" tab and copy and paste the URL from your browser into your note-taking app. 

How to build a resource directory with no-code