GuidePlugin LogoGuidePlugin Docs

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

StepComponentPurposeVideo Available
1Create FacetsBuild the foundation data blocksYes
2Create FiltersBuild user interaction stepsYes
3Create GuideCombine everything togetherYes

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:

TutorialFocus AreaKey Learning
Facets VideoData foundationHow to extract and organize content characteristics
Slider Filter VideoNumeric filteringCreating range-based selection interfaces
Cards Filter VideoVisual filteringBuilding card-based selection options
Guide Assembly VideoComplete setupBringing 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:

ActionPurposeReference
Customize DesignMatch your brand appearanceDesigns Documentation →
Add LogicCreate conditional behaviorLogic Documentation →
Build IndexEnable fast searchingIndexing Documentation →
Display GuideShow guide on your pagesShow Guide Documentation →

Learning Path: Work through these tutorials in order - each step builds on the previous one to create a complete, functional guide system.