Create a Guide
Step-by-step tutorial collection showing how to create a complete guide with GuidePlugin.
This tutorial collection shows you step by step how to create a guide with GuidePlugin. Follow these steps to build your complete guide from start to finish.
Tutorial Overview
Step | Component | Purpose | Video Available |
---|---|---|---|
1 | Create Facets | Build the foundation data blocks | Yes |
2 | Create Filters | Build user interaction steps | Yes |
3 | Create Guide | Combine everything together | Yes |
Step 1: Create Facets
Create Your First Facet
In this video tutorial, learn how to create your first facet - the foundation of your filtering system.
What you'll learn:
- How to access the facet creation interface
- Selecting data sources for your facets
- Configuring facet settings
- Testing facet data extraction
Step 2: Create Filters
Filters are the steps of each guide. Create as many filters as you like and select from Cards and Slider filters.
Create Slider Filter
With the slider filter you can create beautiful range sliders for prices and sizes.
Slider Filter Tutorial:
- Setting up numeric range filtering
- Configuring minimum and maximum values
- Adding visual elements and labels
- Connecting sliders to facets
Create Cards Filter
With the Cards filter you can create checkboxes and radio buttons for one or multiple facets.
Cards Filter Tutorial:
- Creating visual selection cards
- Setting up checkbox vs radio button behavior
- Adding images and labels to cards
- Configuring card conditions and actions
Step 3: Create Guide
Assemble Your Complete Guide
A guide is the entity where everything comes together. Learn how to set up a guide and implement all the filters that you created in the first place.
Guide Creation Tutorial:
- Setting up guide structure and flow
- Adding filters in the correct order
- Configuring guide appearance and behavior
- Testing the complete user experience
Tutorial Videos
Each step includes detailed video tutorials that walk you through the process:
Tutorial | Focus Area | Key Learning |
---|---|---|
Facets Video | Data foundation | How to extract and organize content characteristics |
Slider Filter Video | Numeric filtering | Creating range-based selection interfaces |
Cards Filter Video | Visual filtering | Building card-based selection options |
Guide Assembly Video | Complete setup | Bringing all components together into a working guide |
Video Access: The tutorial videos provide visual step-by-step guidance for each component creation process, making it easier to follow along with the written instructions.
What You'll Achieve
By following this complete tutorial series, you'll create:
- Functional Facets that extract data from your WordPress content
- Interactive Filters that provide user-friendly selection options
- Complete Guide that guides users through a filtering experience
- Working System ready for visitors to use on your website
Prerequisites
Before starting these tutorials, ensure you have:
- GuidePlugin installed and activated
- WordPress content with data to filter
- Basic understanding of your content structure
- Administrative access to your WordPress dashboard
Next Steps After Tutorial
Once you complete the tutorial series:
Action | Purpose | Reference |
---|---|---|
Customize Design | Match your brand appearance | Designs Documentation → |
Add Logic | Create conditional behavior | Logic Documentation → |
Build Index | Enable fast searching | Indexing Documentation → |
Display Guide | Show guide on your pages | Show Guide Documentation → |
Learning Path: Work through these tutorials in order - each step builds on the previous one to create a complete, functional guide system.