Templates

Design how your guide results are displayed with customizable templates and modules.

Templates define how your guide results appear to users. They act as visual blueprints that determine the layout, content, and styling of each result item displayed after users complete your guide.

Template Modules

Module Type	Purpose	Use Cases
Title	Display post/product title	Main heading for each result
Text	Static text or shortcodes	Descriptions, labels, custom content
List	Display data collections	Features, specifications, categories
Button	Action links	"View Details", "Buy Now", "Learn More"
Data	Dynamic content from sources	Prices, ratings, custom fields

Creating a Template

Navigate to Template Creation

Go to GuidePlugin > Templates > Create in your WordPress admin.

Add Title Module

Start with a title module for the main heading:

Setting	Purpose	Example
Source	Where to get title from	Post title, custom field
HTML Tag	Semantic markup	H2, H3, H4
Link	Make title clickable	Link to full post/product

Add Data Modules

Include dynamic content from your WordPress data:

Common Data Sources:

Custom Fields - Prices, specifications, ratings
Taxonomies - Categories, tags, attributes
Post Meta - Dates, authors, custom properties
WooCommerce - Product prices, SKUs, stock status

Add Action Button

Include call-to-action buttons:

Setting	Configuration
Button Text	"View Details", "Buy Now", etc.
Link Target	Post URL, custom URL, external link
Button Style	Primary, secondary, outline

Add List Module (Optional)

Display collections of related data:

List Types:

Taxonomy Lists - Categories, tags
Custom Field Arrays - Features, specifications
Related Content - Similar posts, products

Configure Module Settings

Customize appearance for each module:

Template module settings

Module Configuration Options

Setting	Purpose	Options
Column Width	Module width	Full, Half, Third, Quarter
Alignment	Text alignment	Left, Center, Right
Margin Top	Spacing above module	0px, 10px, 20px, 30px
Mobile Visibility	Show/hide on mobile	Desktop, Mobile, Both

Mobile Optimization: Use the mobile visibility setting to hide less critical information on small screens while keeping essential details visible.

Template Design Best Practices

Aspect	Recommendation	Why
Information Hierarchy	Title → Key Data → Description → Button	Matches user scanning patterns
Module Count	4-6 modules maximum	Prevents visual clutter
Button Placement	Always at bottom	Clear call-to-action flow
Mobile Layout	Stack modules vertically	Better mobile experience

Common Template Patterns

E-Commerce Product Template

Module	Content	Width
Title	Product name	Full
Data	Price	Half
Data	Rating	Half
Text	Short description	Full
Button	"Add to Cart"	Full

Blog Post Template

Module	Content	Width
Title	Post title	Full
Data	Publication date	Half
Data	Author	Half
Text	Excerpt	Full
Button	"Read More"	Full

Real Estate Template

Module	Content	Width
Title	Property address	Full
Data	Price	Third
Data	Bedrooms	Third
Data	Square footage	Third
List	Key features	Full
Button	"View Details"	Full

Troubleshooting Templates

Problem	Symptoms	Solutions
Missing Data	Empty fields in results	Verify data source mapping Check content has required fields Add fallback text for empty data
Poor Mobile Layout	Overlapping or cramped content	Adjust mobile visibility settings Use full-width on mobile Reduce module count
Broken Links	Buttons/titles don't link properly	Check link source configuration Verify URL field mapping Test with different content types

Next Steps

Once your template is ready:

Action	Purpose	Link
Test in Guide	See how template renders with real data	Guides Documentation →
Customize Design	Style colors, fonts, spacing	Designs Documentation →
Add Logic	Make templates conditional	Logic Documentation →

Templates

On this page