Advanced Customization - DirectoryEasy

Overview
Custom Sections
Creating a Custom Section
Section Types
Display Locations
Layout Options
Content Configuration
Text Content
Image Settings
Button Configuration
Alignment Controls
Preview Your Section
Practical Example
Custom Codes
Script Positions
Script Types
Security
Common Use Cases
Adding Custom Code
Language and Terminology
Why Customize Terminology?
Customizable Fields
Configuration Tips
Practical Examples
Real Estate Directory
Restaurant Directory
Service Provider Directory
Event Venue Directory
Future Enhancements
Best Practices
Quick Reference
Custom Sections Checklist
Custom Code Checklist
Language Customization Checklist
Next Steps

Overview

Advanced Customization gives you powerful tools to tailor your directory beyond the standard design options. You can add custom content sections, integrate third-party tools with custom code, and adapt the terminology to match your specific niche.

Custom Sections

Custom sections let you add text, images, links, or call-to-action elements exactly where you want them on your directory pages.

Creating a Custom Section

Open the Add New Section Panel

Navigate to the custom sections area in your directory settings.

Enter Section Title

Give your section a descriptive title that represents its content.

Choose Section Type

Select from available section types based on your content needs.

Select Display Location

Choose where the section appears on your page.

Configure Layout

Pick the layout that best presents your content.

Add Content

Fill in your text, images, buttons, and links.

Activate & Create

Enable the section and click Create to add it to your directory.

Section Types

Image + Text + Button
Text Only
Image + Text

A complete section combining visual content with descriptive text and a call-to-action button.Perfect for: Feature highlights, promotional content, service descriptions

Display Locations

Control where your custom section appears on the page:

Location	Description	Use Case
Above Footer	Near the top of the page	High-visibility content, CTAs
In Footer	Within the footer area	Contact info, social links
Below Hero	Right after the hero section	Important announcements
Between Content	Middle of the page	Breaking up long content

Layout Options

Choose how your content is arranged:

Image Left

Image on the left side with text and button on the right.

Image Right

Text and button on the left with image on the right.

Image Top

Image at the top with text and button below.

Image Center

Centered image with content arranged symmetrically.

Content Configuration

Text Content

Write any text you want inside the content field. This is your main message to visitors.

Keep your text concise and focused on a single message or call-to-action for maximum impact.

Image Settings

Image URL: Enter the full URL to your image
```
Example: https://example.com/image.jpg
```

Alt Text: Describe the image for accessibility and SEO

Example: "Customer using our directory platform on laptop"

Always include alt text for images to ensure your directory is accessible to all users and optimized for search engines.

Button Configuration

Button Text: The text that appears on the button

Examples: "Get Started", "Learn More", "Sign Up Today"

Button Link: Where clicking the button takes users
```
Example: https://example.com/signup
```

Alignment Controls

Fine-tune the visual presentation:

Container Alignment: Controls the overall section positioning
Title Alignment: Adjusts where the title appears (left, center, right)
Text Alignment: Sets how the body text is aligned

Preview Your Section

After creating your custom section, switch to the Preview tab to see exactly how it looks before making it live.

Practical Example

Here’s a complete example of creating a promotional section:

Title: "Join Our Premium Directory"
Type: Image + Text + Button
Location: Above Footer
Layout: Image Left

Content:
"Get featured placement and reach thousands of potential customers. 
Upgrade to Premium today and grow your business."

Image URL: https://yourdomain.com/premium-badge.jpg
Alt Text: "Premium membership badge"

Button Text: "Get Started"
Button Link: https://yourdomain.com/upgrade

Container Alignment: Center
Title Alignment: Left
Text Alignment: Left

Custom Codes

The Custom Codes section lets you add JavaScript to your directory for extra functionality, such as analytics, chat widgets, or custom tools.

Script Positions

Head
Body

Loads before page contentIdeal for:

Google Analytics
Facebook Pixel
Meta tags
Tracking codes
Font loaders

<!-- Example: Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'GA_MEASUREMENT_ID');
</script>

Script Types

You can add both external and inline scripts:

External Scripts

Load scripts from any domain, including your own.

<script src="https://example.com/your-script.js"></script>

Inline Scripts

Write JavaScript directly in the custom code field.

<script>
  console.log('Custom functionality loaded');
  // Your custom code here
</script>

Security

You can add scripts from any domain. Only clearly harmful scripts are blocked to protect your directory and visitors.

Common Use Cases

Analytics Tracking

Google Analytics, Plausible, Mixpanel, or other analytics platforms

Live Chat

Intercom, Crisp, Tawk.to, or other customer support tools

Marketing Tools

Facebook Pixel, LinkedIn Insight Tag, Google Ads conversion tracking

Custom Features

Custom interactions, animations, or functionality specific to your needs

Adding Custom Code

Choose Position

Select whether to add your code in the Head or Body section.

Paste Your Code

Copy and paste your script code into the text field.

Test Thoroughly

After adding, test your directory to ensure the script works correctly.

Save Changes

Click Add Custom Code to save your script.

Always test custom code thoroughly before deploying to a live directory. Faulty scripts can affect performance or break functionality.

Language and Terminology

Customize your directory’s language and field names to match your specific niche. This is especially helpful when your directory isn’t focused on traditional businesses.

Why Customize Terminology?

Different directory types need different terminology:

Directory Type	Default Term	Custom Term
Real Estate	”Business Information"	"Property Details”
Properties	”Listing"	"Property”
Restaurants	”Operating Hours"	"Service Times”
Services	”Business Name"	"Service Provider”
Events	”Location"	"Venue”

Customizable Fields

You can update the following labels to match your niche:

Main Section Title

Change “Business Information” to match your content type.Examples:

House Information
Property Details
Service Overview
Event Information

Tab Name

Customize the tab label that appears in the navigation.Examples:

Property Tab
Service Details
Venue Info

Tab Description

Update the description text that appears below the tab name.

Phone Label

Rename the phone number field.Examples:

Contact Number
Booking Phone
Reservation Line

Email Label

Customize the email field label.Examples:

Contact Email
Inquiries
Booking Email

Operating Hours Label

Change how hours are described.Examples:

Visiting Hours
Open Hours
Available Times
Service Schedule

Location Map Label

Rename the map section.Examples:

Property Location
Find Us Here
Venue Address

Configuration Tips

You can leave any field empty if you prefer to keep the default wording. Only customize what makes sense for your specific use case.

Practical Examples

Real Estate Directory

Business Information → Property Details
Listing → Property
Phone → Agent Contact
Operating Hours → Viewing Hours
Location Map → Property Location

Restaurant Directory

Business Information → Restaurant Details
Listing → Restaurant
Operating Hours → Dining Hours
Phone → Reservation Line
Location Map → Find This Restaurant

Service Provider Directory

Business Information → Provider Information
Listing → Service
Operating Hours → Available Hours
Phone → Contact Number
Email → Booking Email

Event Venue Directory

Business Information → Venue Details
Listing → Venue
Operating Hours → Event Hours
Location Map → Venue Location
Phone → Booking Line

Future Enhancements

More customization options will be added in the future based on customer requests. If you need specific terminology changes, reach out to support with your suggestions.

Best Practices

Test Everything

Always preview custom sections and test custom code before going live

Stay Consistent

Use terminology consistently across all customized fields

Consider Your Audience

Choose terms that your target users will understand immediately

Keep It Simple

Don’t over-customize - clarity is more important than creativity

Quick Reference

Custom Sections Checklist

Custom Code Checklist

Script position determined (Head or Body)
Code copied from source
Script tested in development
Code added to directory
Functionality verified on live site
Performance impact checked

Language Customization Checklist

Directory type identified
Terminology mapped from defaults
All relevant fields updated
Consistency verified across directory
User testing completed

Next Steps

Design Customization

Customize your directory’s visual appearance

Tags & Monetization

Set up pricing and subscription plans

With these advanced customization features, you can adapt DirectoryEasy to perfectly match your niche, brand, and business needs.

Design Customization Miscellaneous Settings

⌘I

Getting started

​Overview

​Custom Sections

​Creating a Custom Section

​Section Types

​Display Locations

​Layout Options

Image Left

Image Right

Image Top

Image Center

​Content Configuration

​Text Content

​Image Settings

​Button Configuration

​Alignment Controls

​Preview Your Section

​Practical Example

​Custom Codes

​Script Positions

​Script Types

​Security

​Common Use Cases

Analytics Tracking

Live Chat

Marketing Tools

Custom Features

​Adding Custom Code

​Language and Terminology

​Why Customize Terminology?

​Customizable Fields

​Configuration Tips

​Practical Examples

​Real Estate Directory

​Restaurant Directory

​Service Provider Directory

​Event Venue Directory

​Future Enhancements

​Best Practices

Test Everything

Stay Consistent

Consider Your Audience

Keep It Simple

​Quick Reference

​Custom Sections Checklist

​Custom Code Checklist

​Language Customization Checklist

​Next Steps

Design Customization

Tags & Monetization

Overview

Custom Sections

Creating a Custom Section

Section Types

Display Locations

Layout Options

Content Configuration

Text Content

Image Settings

Button Configuration

Alignment Controls

Preview Your Section

Practical Example

Custom Codes

Script Positions

Script Types

Security

Common Use Cases

Adding Custom Code

Language and Terminology

Why Customize Terminology?

Customizable Fields

Configuration Tips

Practical Examples

Real Estate Directory

Restaurant Directory

Service Provider Directory

Event Venue Directory

Future Enhancements

Best Practices

Quick Reference

Custom Sections Checklist

Custom Code Checklist

Language Customization Checklist

Next Steps