The Site Builder is a powerful feature in DigiFusion Pro that allows you to create custom templates for different parts of your website using either Gutenberg blocks or Elementor. You can build custom headers, footers, archive pages, single post templates, and more without touching any code.
Accessing Site Builder
Navigate to your WordPress dashboard and go to DigiFusion > Site Builder. This will take you to the main Site Builder interface where you can view all your existing builders and create new ones.
Builder Types
The Site Builder supports multiple template types:
Core Templates:
- Header – Custom site header
- Page Header – Custom page title and breadcrumb areas
- Footer – Custom site footer
Content Templates:
- Posts Archive – Custom blog archive layout
- Single Post – Custom single post template
- Search Results – Custom search results page
- 404 Page – Custom not found page
- Taxonomy Archive – Custom category/tag archive pages
E-commerce Templates:
- WooCommerce Shop – Custom shop page layout
- WooCommerce Single – Custom product page template
- DigiCommerce Shop – Custom DigiCommerce shop layout
- DigiCommerce Single – Custom DigiCommerce product template
Advanced:
- Hooks – Custom content for specific theme hooks
Creating a New Builder
Click Add New in the Site Builder interface. You’ll need to configure several settings:
Builder Type Selection
Choose the appropriate builder type from the dropdown menu. This determines where your template will be used on your website.
Builder Editor
Create your template content using either:
- Gutenberg Block Editor – Use WordPress blocks and DigiBlocks
- Elementor – Use Elementor widgets and elements (requires Elementor plugin)
The editor works exactly like creating a regular page or post, but the content will be used as a template.
Display Rules
Configure where your builder should appear on your website:
Entire Site: Select this option to display the builder on every applicable page.
Specific Pages: Choose this option to set custom display conditions.
Include Rules: Add conditions where the builder should appear:
- Specific pages
- Post types
- Categories
- Tags
- Author pages
- Custom post types
Exclude Rules: Add conditions where the builder should NOT appear, even if include rules match.
Header Builder Configuration
When creating a header builder, you have additional options:
Fixed Header
Enable the “Fixed Header” option to make your header sticky. This will keep the header visible at the top of the page when users scroll down.
Menu Integration
Your header builder can include navigation menus using the Navigation block (Gutenberg) or Menu widget (Elementor). The theme will automatically apply the correct styling and functionality.
Hooks Builder
The Hooks builder type allows you to inject custom content at specific locations in your theme.
Available Hook Locations
Header Hooks:
- Before Header
- Before Header Container
- Before Header Inner
- After Header Menu Links
- After Header
Content Hooks:
- Before Main Content
- After Main Content
- Before Posts Grid
- After Posts Grid
Footer Hooks:
- Before Footer
- Before Footer Widgets
- After Footer Copyright
- After Footer
Post Hooks:
- Before Single Post
- After Single Post Meta
- Before Related Posts
- After Comments
Using Hooks
- Select “Hooks” as your builder type
- Choose the hook location from the dropdown
- Create your content
- Set display rules to control when the hook content appears
Managing Builders
Builder Status
Builders must be Published to become active on your website. Draft builders won’t appear on the frontend.
Builder Priority
If multiple builders of the same type match the same page, the most recently created one takes priority.
Editing Builders
Click on any builder name to edit its content and settings. Changes are applied immediately after saving.
Performance Considerations
The Site Builder includes built-in caching to ensure optimal performance. Builders are cached and only regenerated when you make changes.
Cache Management
The cache is automatically cleared when you:
- Save a builder
- Change a builder’s status
- Delete a builder
- Update display rules
Builder Assets
The Site Builder automatically handles all necessary CSS and JavaScript files for your templates:
- DigiBlocks assets are loaded when DigiBlocks are used
- Elementor assets are loaded for Elementor templates
- Typography files are generated for custom fonts
- Block assets are registered for Gutenberg blocks