Complete Documentation

Name: Briotech - Multipurpose Startup & Business WordPress Theme
Version: 1.0.0
Author: Electronthemes
Author URI: https://electronthemes.com
Theme URI: https://wp.electronthemes.com/briotech

General Information

Welcome to the Briotech - Multipurpose Startup & Business WordPress Theme. Specifically engineered for modern startups, agencies, corporate sites, and SaaS platforms, Briotech provides a powerful, flexible foundation for any professional digital presence.

Built with the Elementor Page Builder and the Redux Framework, this theme offers unlimited customization possibilities without touching a single line of code. It is fully optimized for WooCommerce, Contact Form 7, and high-performance business workflows. This guide will walk you through installing the theme and using its custom widgets and layouts to build a world-class website.

Support Note: If you encounter any bugs or technical hurdles, please reach out to our support team. We are committed to resolving your issues promptly to ensure your project stays on track.

Table of Contents

1. Requirements
2. How to Download Briotech
3. Theme Installation
4. Install Required & Recommended Plugins
5. Install Briotech Core Plugin
6. Import Demo Content
7. General Setup
8. Understanding Theme Features
9. Using Elementor Widgets
10. Customizing Your Site
11. Working with Custom Post Types
12. Troubleshooting Common Issues
13. Getting Help

Requirements

To ensure the smooth installation and optimal performance of the Briotech theme, your hosting environment and WordPress setup must meet the following requirements:

WordPress Environment

• WordPress Version: 5.0 or higher
• Hosting: Ensure your provider meets the minimum system requirements to run WordPress effectively
• Latest Version: We recommend using the most recent stable version of WordPress from WordPress.org

Briotech Theme Specifications

Please ensure your hosting environment supports these core requirements:

• PHP Version: 7.0 or higher (PHP 7.4+ recommended for best performance)
• MySQL Version: 5.6 or higher (Standard WordPress requirement)

Recommended PHP Configuration Limits

To ensure large demo imports and the Elementor editor run smoothly, we recommend:

• max_execution_time: 600 seconds
• memory_limit: 512MB
• upload_max_filesize: 40MB
• post_max_size: 48MB

Note: If you're not sure about these settings, contact your hosting provider. Most good hosting companies can adjust these for you.

Required Plugins

The theme requires these plugins to function properly:

• Elementor Website Builder (Required) - Version 3.20.0 or higher
• Redux Framework (Required) - For theme options

Recommended Plugins

These plugins enhance the theme's functionality:

• Contact Form 7 - For contact forms
• Mailchimp for WordPress - For email marketing
• WooCommerce - For e-commerce functionality (if you need a shop)

How to Download Briotech

From ThemeForest/Envato Market

1. Log in to your ThemeForest/Envato Market account
2. Navigate to the Downloads tab in your profile menu
3. Locate your Briotech purchase
4. Click the Download button and select All Files & Documentation to get the full package

From LemonSqueezy

1. Log in to your LemonSqueezy account
2. Navigate to your Orders or Downloads section
3. Find your Briotech purchase
4. Download the complete theme package

What You'll Get:

• briotech-wp.zip - The main theme file
• briotech-core-master.zip - The required plugin
• et-demo-importer.zip - Demo content importer (optional)
• Documentation files

Theme Installation

To install the theme, you must have WordPress already installed on your server. If you don't have WordPress installed yet, you can download it from WordPress.org.

Method 1: Using WordPress Dashboard (Recommended)

This is the easiest method for most users:

Step 1: Download the full theme ZIP package and extract it to get the briotech-wp.zip file

Step 2: Go to your WordPress dashboard and click on Appearance > Themes

Step 3: Click on Add New button at the top of the page

Step 4: Click on Upload Theme button

Step 5: Click Choose File and select the briotech-wp.zip file from your computer

Step 6: Click the Install Now button and wait for the installation to complete

Step 7: After the installation finishes, click the Activate button to activate the theme

That's it! Your theme is now installed and active.

Method 2: Uploading via FTP

If you prefer to upload files directly to your server:

Step 1: Extract the briotech-wp.zip file on your computer. You should see a folder named briotech-wp

Step 2: Connect to your website using an FTP client (like FileZilla)

Step 3: Navigate to your WordPress installation directory (usually public_html or www)

Step 4: Go to the wp-content/themes folder

Step 5: Upload the entire briotech-wp folder to the themes directory

Step 6: Go to your WordPress dashboard: Appearance > Themes

Step 7: Find Briotech in your themes list and click Activate

Theme Activation and Registration

A regular ThemeForest/LemonSqueezy theme license is meant to be activated for one website at a time. You can use it on multiple sites if you have purchased the appropriate license.

Installing Child Theme

What is a Child Theme?

A child theme is a separate theme that inherits all the functionality and styling of the parent theme (Briotech). Using a child theme is highly recommended because:

• Protects Your Customizations: Your custom code won't be lost when the parent theme updates
• Safe Updates: You can update the parent theme without losing your modifications
• Best Practice: This is the recommended way to customize WordPress themes

How to Install the Child Theme:

The child theme is included in your theme package. Here's how to install it:

Step 1: Extract your theme package and locate the briotech-child.zip file

Step 2: Go to your WordPress dashboard and click on Appearance > Themes

Step 3: Click on Add New button at the top of the page

Step 4: Click on Upload Theme button

Step 5: Click Choose File and select the briotech-child.zip file from your computer

Step 6: Click the Install Now button and wait for the installation to complete

Step 7: After installation, click the Activate button to activate the child theme

Important Notes:

• The child theme requires the parent theme (Briotech) to be installed first
• Once activated, the child theme will use all features from the parent theme
• You can now safely customize the child theme without worrying about updates
• All your customizations should be made in the child theme files

That's it! Your child theme is now installed and active. You can start customizing it without worrying about losing your changes when the parent theme updates.

Install Required & Recommended Plugins

After installing the Briotech theme, you'll see a message prompting you to Begin Installing Plugins. This is important - the theme needs these plugins to work properly.

Step-by-Step Plugin Installation

Step 1: After activating the theme, you'll see a notice at the top of your dashboard. Click on Begin Installing Plugins

Step 2: You'll see a list of required and recommended plugins:

• Elementor Website Builder (Required)
• Redux Framework (Required)
• Contact Form 7 (Recommended)
• Mailchimp for WordPress (Recommended)

Step 3: Select all the plugins by checking the boxes next to each one

Step 4: Click on Bulk Actions dropdown menu at the top

Step 5: Choose Install from the dropdown options

Step 6: Click the Apply button

Step 7: Wait for all plugins to install (this may take a few minutes)

Step 8: Now activate the plugins:

• Select all plugins again
• Click Bulk Actions and choose Activate
• Click Apply

Alternative: You can also install plugins one by one if you prefer, using the same process for each individual plugin.

What Each Plugin Does

• Elementor: This is the page builder that lets you design your pages visually without coding
• Redux Framework: This powers the theme options panel where you customize your site settings
• Contact Form 7: Allows you to create contact forms on your website
• Mailchimp for WordPress: Integrates your site with Mailchimp for email marketing

Install Briotech Core Plugin

The Briotech Core plugin is essential - it adds custom features like portfolios, solutions, and custom fields to your theme.

Installation Steps

Step 1: Go to Dashboard > Plugins > Add New

Step 2: Click on Upload Plugin button at the top

Step 3: Click Choose File and select the briotech-core-master.zip file

Step 4: Click Install Now and wait for installation

Step 5: Click Activate Plugin after installation completes

Installing Composer Dependencies (Just For Developers)

The plugin requires some additional files to work properly. You need to install these using Composer:

Option 1: Using cPanel File Manager (Easiest)

1. Log into your hosting cPanel
2. Open File Manager
3. Navigate to public_html/wp-content/plugins/briotech-core-master
4. Look for a Terminal or SSH option in cPanel
5. Run the command: composer install

Option 2: Using SSH/Terminal

1. Connect to your server via SSH

Run the command ( If you want to modify the core plugin ):

composer install

Navigate to the plugin directory:

cd wp-content/plugins/briotech-core-master

Important: If you see an error message about Composer dependencies in your WordPress admin, the plugin won't work until you complete this step.

Verifying Installation

After installation, you should see:

• A new menu item Briotech Settings in your WordPress admin sidebar
• No error messages in your dashboard
• Access to theme options and custom post types

Import Demo Content

Setting up your site with the Briotech demo content is quick and easy. We offer a one-click demo import method that brings in all the sample pages, posts, and settings.

Why Import Demo Content?

Demo content helps you:

• See how the theme looks with real content
• Understand how to use the theme features
• Get started quickly with pre-designed pages
• Learn by example

Important: Importing demo content will replace your existing content. Only do this on a fresh WordPress installation or after backing up your site.

One-Click Demo Import

Step 1: Install the Demo Importer Plugin

• Go to Dashboard > Plugins > Add New
• Click Upload Plugin
• Select the et-demo-importer.zip file
• Click Install Now then Activate

Step 2: Access Demo Importer

• Go to Dashboard > Tools > Demo Content Install
• You'll see 5 different demo layouts to choose from

Step 3: Choose Your Demo The theme includes 5 complete demo variations:

1. Business Demo - Professional business website
   • Preview: https://wp.electronthemes.com/briotech/
2. Startup Demo - Modern startup website
   • Preview: https://wp.electronthemes.com/briotech/start-up/
3. SaaS Demo - Software as a Service website
   • Preview: https://wp.electronthemes.com/briotech/saas/
4. Marketing Demo - Marketing agency website
   • Preview: https://wp.electronthemes.com/briotech/marketing/
5. Corporate Demo - Corporate business website
   • Preview: https://wp.electronthemes.com/briotech/corporate/

Step 4: Install Demo

• Click on the demo you want to use
• Click the Install button
• Wait for the import process to complete (this can take 5-10 minutes)
• Don't close your browser during the import!

Step 5: After Import

• Your homepage will be automatically set
• All content will be imported
• You can start customizing immediately

Step 6: Remove Demo Importer (Important!)

• After successful import, go to Plugins
• Find ET Demo Importer
• Click Deactivate then Delete
• You don't need this plugin anymore after importing

What Gets Imported?

• Sample pages and posts
• Portfolio items
• Solution items
• Menu structure
• Widget settings
• Theme options
• Sample images (these are placeholders - replace them with your own)

General Setup

Now that your theme is installed, let's set up the basic settings to make your site look professional.

1. Change Logo, Site Title, and Favicon

Your logo and site identity are the first things visitors see. Here's how to customize them:

Step 1: Go to Dashboard > Appearance > Customize

Step 2: Click on Site Identity in the left sidebar

Step 3: Customize the following:

• Logo: Click Select Logo to upload your logo image
  • Recommended size: 400x100 pixels (flexible dimensions supported)
  • Supported formats: JPG, PNG, SVG
• Site Title: Enter your website name
• Site Tagline: Enter a brief description of your site
• Site Icon (Favicon): Upload a small icon that appears in browser tabs
  • Recommended size: 512x512 pixels (square)

Step 4: Click the Publish button to save your changes

Tip: Your logo should be high quality but optimized for web (not too large in file size). Use PNG format with a transparent background for best results.

2. Create a Menu

Menus help visitors navigate your website. Let's create your main navigation menu:

Step 1: Go to Dashboard > Appearance > Menus

Step 2: Click the Create a New Menu button

Step 3: Give your menu a name (e.g., "Main Menu" or "Primary Menu")

Step 4: Add items to your menu:

• Pages: Check the pages you want in your menu, then click Add to Menu
• Posts: Same process for blog posts
• Categories: Add blog categories to your menu
• Custom Links: Add external links (like social media) by entering the URL and link text

Step 5: Arrange your menu items:

• Drag and drop items to reorder them
• Drag items slightly to the right to create sub-menus (dropdowns)
• Click the arrow next to each item to edit its label or remove it

Step 6: Select menu location:

• Check Primary Menu for your main header navigation
• Check Off Canvas if you're using the off-canvas header style

Step 7: Click Save Menu

3. Manage Menu Locations

If your theme supports multiple menu locations:

Step 1: Go to Dashboard > Appearance > Menus

Step 2: Click on Manage Locations tab at the top

Step 3: Assign menus to locations:

• Primary Menu: Your main header navigation
• Off Canvas Menu: For the off-canvas/sidebar menu style

Step 4: Click Save Changes

4. Choose Header Style

Briotech offers 5 different header styles. Choose the one that fits your brand:

Step 1: Go to Dashboard > Briotech Settings > Theme Options

Step 2: Click on Header Settings in the left sidebar

Step 3: Under Header Layout, select your preferred style:

• Default: Full-width header with logo and menu on the same line
  • Best for: Traditional business websites
  • Features: Clean, professional look

• Semi-transparent: Transparent background that works over hero sections
  • Best for: Modern websites with large hero images
  • Features: Overlay effect, perfect for landing pages

• Tiny: Compact minimal header design
  • Best for: Single-page sites, portfolios
  • Features: Takes up less space, modern look

• Boxed: Contained header with max-width
  • Best for: Professional corporate sites
  • Features: Centered content, clean borders

• Off-canvas: Mobile-first design with hamburger menu
  • Best for: Modern, creative websites
  • Features: Slide-out navigation panel

Step 4: Configure Header Behavior:

• Normal: Standard static header
• Fixed: Header stays at top when scrolling
• Sticky: Header hides on scroll down, shows on scroll up (recommended)

Step 5: Add Header Button (Optional):

• Scroll down to Button section
• Click Add New to add a button
• Enter button text (e.g., "Contact Us")
• Enter button link (URL)
• Choose button style: Primary, Secondary, or Outline
• You can add multiple buttons

Step 6: Upload Your Logo:

• Under Site Logo, click to upload your logo
• The logo will appear in your header

Step 7: Click Save Changes

5. Set Your Homepage

Tell WordPress which page should be your homepage:

Step 1: Go to Dashboard > Settings > Reading

Step 2: Under Your homepage displays, select A static page

Step 3: Choose your homepage from the Homepage dropdown

• If you imported demo content, select the demo homepage
• Otherwise, create a new page and select it

Step 4: (Optional) Set a Posts page if you have a blog

Step 5: Click Save Changes

6. Configure Permalinks

Permalinks are the URLs for your pages. We recommend using "Post name" for clean URLs:

Step 1: Go to Dashboard > Settings > Permalinks

Step 2: Select Post name (this gives you URLs like yoursite.com/about)

Step 3: Click Save Changes

Why this matters: Clean URLs are better for SEO and easier to remember.

Understanding Theme Features

Briotech comes packed with features to help you build a professional website. Here's what you get:

Elementor Page Builder Integration

What it is: Elementor is a visual page builder that lets you design pages by dragging and dropping elements - no coding required!

What you can do:

• Design pages visually
• See changes in real-time
• Use pre-built templates
• Access 16 custom widgets made specifically for Briotech
• Create responsive designs that work on all devices

How to use it:

1. Edit any page or post
2. Click Edit with Elementor
3. Start designing!

WooCommerce Ready

What it is: If you want to sell products online, Briotech works perfectly with WooCommerce.

What you get:

• Pre-styled shop pages
• Product gallery with zoom and lightbox
• Mobile-optimized shopping experience
• Custom WooCommerce styling that matches your theme

To set up:

1. Install WooCommerce plugin
2. Follow WooCommerce setup wizard
3. Your shop will automatically use Briotech's styling

Portfolio System

What it is: Showcase your work, projects, or case studies in a professional portfolio.

Features:

• Create unlimited portfolio items
• Organize with categories
• 4 different layout styles
• Filter by category
• Lightbox image galleries
• Custom fields for client information

How to use:

1. Go to Portfolio > Add New
2. Add title, description, and featured image
3. Fill in client details (name, website, location)
4. Assign to a category
5. Publish!

Portfolio CTA

To change the portfolio cta go to the Theme option > Single Portfolio Settings . Add or customize your portfolio CTA here.

Global Color

To change the theme's global color, go to the Theme option > Global Colors. Here you can customize your color.

Global Button Style

To change the Global Button Style, go to the Theme option > Global Button Style. Here, you can customize the Global Button Style, including color, shape, spacing, font style, size, button size, and more.

Special Pages

To modify the special pages (Maintenance Mode, Maintenance Page, Coming Soon Page, 404 Page, and Footer Page), navigate to the Theme options > Special Pages. Here, you can toggle Maintenance Mode on or off and add or remove your pre-made templates for the Maintenance Page, Coming Soon Page, 404 Page, and add or remove the Footer template also.

Blog System

What it is: A complete blogging system with multiple layout options.

Features:

• 3 different post card styles
• Featured posts section (grid or slider)
• Multiple single post layouts
• Sidebar support
• Social sharing buttons
• Author information display
• Related posts

Customization:

• Go to Briotech Settings > Theme Options > Blog
• Choose card styles, columns, and visibility options

Custom Elementor Widgets

Briotech includes 16 exclusive widgets that only work with this theme:

1. ET Slider - Create beautiful image/content sliders
2. ET Portfolio - Display your portfolio with filtering
3. ET Blog - Show blog posts with load more
4. ET Testimonial - Display customer testimonials
5. ET Team - Showcase team members
6. ET Services - Display your services
7. ET Pricing Table - Show pricing plans
8. ET Counter - Animated number counters
9. ET Accordion - Collapsible content sections
10. ET Video - Embed videos with lightbox
11. ET Partners - Display partner/client logos
12. ET Solution - Show solutions with search
13. ET Page Header - Create page headers/hero sections
14. ET Clock - Countdown timers
15. ET Button - Enhanced button widget
16. ET Shape Image - Images with custom shapes
17. Popular tags & categories - To show Tags and categories Dahsboard -> Appearance -> Widgets

How to use:

1. Edit a page with Elementor
2. Look for the Briotech Elements category in the widget panel
3. Drag any widget onto your page
4. Customize using the widget settings

Responsive Design

What it means: Your website will look great on:

• Desktop computers
• Tablets
• Mobile phones
• All screen sizes

No extra work needed: The theme is already responsive. Just design your pages, and they'll automatically adapt to different devices.

Using Elementor Widgets

Briotech's custom Elementor widgets make it easy to add professional features to your pages. Here's how to use them:

How to Add Widgets

Step 1: Edit any page with Elementor (click Edit with Elementor on any page)

Step 2: In the Elementor panel on the left, look for Briotech Elements category

Step 3: Drag any widget from this category onto your page

Step 4: Click on the widget to customize it using the settings panel

Popular Widgets Explained

ET Slider

What it does: Creates beautiful image or content sliders

How to use:

1. Add the widget to your page
2. Click Add Item to add slides
3. For each slide, add:
   • Image
   • Title (optional)
   • Description (optional)
   • Button text and link (optional)
4. Choose slide layout style
5. Configure autoplay, navigation, and pagination settings

Best for: Hero sections, featured content, image galleries

ET Portfolio

What it does: Displays your portfolio items with category filtering

How to use:

1. First, create some portfolio items (go to Portfolio > Add New)
2. Add the ET Portfolio widget to your page
3. Configure:
   • How many items to show
   • Number of columns
   • Card layout style (4 options)
   • Enable/disable category filter
   • Enable/disable pagination
4. Choose which categories to display (or show all)

Best for: Showcasing your work, case studies, projects

ET Blog

What it does: Displays your blog posts in a grid layout

How to use:

1. Add the widget to your page
2. Configure:
   • Posts per page
   • Number of columns
   • Post card style (3 options)
   • Show/hide load more button
   • Filter by category (optional)
3. Posts will display with featured images, titles, and excerpts

Best for: Blog sections, news updates, recent posts

ET Testimonial

What it does: Shows customer testimonials in a slider

How to use:

1. Add the widget to your page
2. Click Add Item for each testimonial
3. For each testimonial, add:
   • Customer name
   • Customer role/company
   • Testimonial text
   • Customer photo (optional)
   • Rating (optional)
4. Choose testimonial card style (6 options)
5. Configure slider settings (autoplay, navigation, etc.)

Best for: Building trust, social proof, customer reviews

ET Counter

What it does: Displays animated number counters (like "500+ Clients")

How to use:

1. Add the widget to your page
2. Configure:
   • Counter value (the number)
   • Counter label (text below number)
   • Icon (optional)
   • Animation duration
   • Prefix/suffix (like "$" or "+")
3. The number will animate when the section comes into view

Best for: Statistics, achievements, key metrics

ET Pricing Table

What it does: Displays pricing plans for your services

How to use:

1. Add the widget to your page
2. Click Add Item for each pricing plan
3. For each plan, configure:
   • Plan name
   • Price
   • Features list
   • Button text and link
   • Popular badge (optional)
4. Choose pricing card style (5 options)
5. Set number of columns

Best for: Service pricing, subscription plans, product packages

ET Team

What it does: Showcases your team members

How to use:

1. Add the widget to your page
2. Click Add Item for each team member
3. For each member, add:
   • Name
   • Role/position
   • Photo
   • Bio/description (optional)
   • Social media links (optional)
4. Choose layout (grid or slider)
5. Set number of columns

Best for: About pages, team sections, staff directories

Widget Customization Tips

• Experiment: Try different widget settings to see what looks best
• Consistency: Use the same widget styles throughout your site for a cohesive look
• Mobile: Always check how widgets look on mobile devices using Elementor's responsive mode
• Content First: Add your content before worrying about styling - you can always adjust later

Translation Ready

What it means: The theme can be translated into any language.

How to translate:

1. Install a translation plugin like Loco Translate or WPML
2. Translate the theme strings
3. Your site will display in your chosen language

Customizing Your Site

Briotech offers extensive customization options through the Theme Options panel. Let's explore what you can customize:

Accessing Theme Options

Go to Dashboard > Briotech Settings > Theme Options

You'll see several sections in the left sidebar. Let's go through each one:

General Settings

Location: Theme Options > General Settings

Options Available:

1. Site Preloader
   • Enable/disable the loading animation that appears when visitors first visit your site
   • Recommendation: Keep it enabled for a professional touch
2. Back to Top Button
   • Enable/disable the button that appears when users scroll down
   • Recommendation: Keep it enabled - it improves user experience

Blog Settings

Location: Theme Options > Blog

The blog settings are organized into three subsections:

Blog Page Settings

Featured Post Options:

• Featured Posts Visibility: Show or hide the featured posts section
• Featured Post Layout: Choose Grid or Slider
• Grid Columns: 1, 2, or 3 columns for grid layout
• Slider Autoplay: Enable/disable automatic sliding

Latest Post Options:

• Post Card Type: Choose Style One, Two, or Three
• Grid Columns: 1, 2, 3, or 4 columns
• Pagination Type: Load More Button or Page Numbers
• Button Style: If using load more, choose button style

Blog Card Settings

Control what appears on each blog card:

For Featured Cards:

• Show/hide: Image, Category, Date, Excerpt, Button
• Excerpt settings: Auto or Fixed word count

For Regular Cards:

• Same visibility options as featured cards
• Control what information appears on each post card

Blog Detail Page Settings

Page Layout:

• Details Page Layout: Style One or Style Two
• Sidebar: Show or hide sidebar
• Sidebar Alignment: Left or Right (if sidebar enabled)

Content Visibility:

• Show/hide: Featured Image, Category, Date, Reading Time, Excerpt, Tags, Social Share, Author Info, Comments, Related Posts

Related Posts:

• Enable/disable related posts section
• Customize related posts title

Page-Specific Customization

Each page can have unique settings! When editing any page, you'll see a Page Options box:

Available Options:

1. Primary Color
   • Override the theme's primary color for this page
   • Affects Elementor elements too
   • Use the color picker to choose
2. Heading Color
   • Custom color for headings on this page
   • Overrides default heading color
3. Text Color
   • Custom color for body text on this page
4. Header Layout
   • Override the global header layout
   • Choose a different header style just for this page
   • Useful for landing pages
5. Footer Template
   • Select a custom footer template
   • Create footers in Briotech Settings > Templates
   • Edit with Elementor for full control

How to Use:

1. Edit any page
2. Scroll down to the Page Options meta box
3. Make your changes
4. Update the page

Creating Custom Footers

Step 1: Go to Briotech Settings > Templates

Step 2: Click Add New

Step 3: Give it a title (e.g., "Custom Footer")

Step 4: Click Edit with Elementor

Step 5: Design your footer using Elementor widgets

Step 6: Publish the template

Step 7: Go to any page and select this footer in Page Options > Footer Template

Color Customization Tips

• Consistency: Use consistent colors throughout your site
• Contrast: Ensure text is readable against backgrounds
• Brand Colors: Use your brand colors for a professional look
• Page-Specific: Use page-specific colors for special pages (like landing pages)

WordPress Sidebar Widgets

Briotech includes custom WordPress widgets that you can add to your sidebars. These widgets appear in the WordPress Widgets area and can be used in your blog sidebars.

Briotech: Popular Tags & Categories

What it is: A custom widget that displays popular tags and categories in your sidebar.

How to use:

Step 1: Go to Dashboard > Appearance > Widgets

Step 2: Look for the Briotech section in the available widgets

Step 3: Find Briotech: Popular Tags & Categories widget

Step 4: Drag the widget to your desired sidebar area (e.g., Blog Sidebar or Popular Tags Sidebar)

Step 5: Configure the widget settings:

• Set the widget title (optional)
• Choose how many tags/categories to display
• Customize the display style

Step 6: Click Save to apply the changes

Best for: Blog sidebars, category pages, tag archives

Note: This widget helps visitors discover popular content on your blog by showing the most used tags and categories.

Solutions

What it is: A content type for displaying your services or solutions.

How to Create a Solution:

Step 1: Go to Solution > Add New

Step 2: Add title and description

Step 3: Add excerpt (short description)

Step 4: Set featured image

Step 5: Assign to a category (create categories in Solution > Categories)

Step 6: Edit with Elementor if you want custom layouts

Step 7: Publish!

Displaying Solutions:

• Use the ET Solution widget (includes search functionality)
• Create solution archive pages
• Link to individual solutions

Templates

What it is: Reusable Elementor templates, primarily used for custom footers.

How to Create a Template:

Step 1: Go to Briotech Settings > Templates

Step 2: Click Add New

Step 3: Give it a title

Step 4: Click Edit with Elementor

Step 5: Design your template

Step 6: Publish

Using Templates:

• Select in page Page Options > Footer Template
• Use for consistent footers across pages
• Can also be used for headers or other sections

Megamenu

What it is: Custom menu layouts created with Elementor for mega menus.

How to Create a Megamenu:

Step 1: Go to Briotech Settings > Megamenu

Step 2: Click Add New

Step 3: Give it a title

Step 4: Click Edit with Elementor

Step 5: Design your mega menu layout

Step 6: Publish

Note: Integrating megamenus into your navigation requires additional setup or a plugin that supports Elementor templates in menus.

Tips for Custom Post Types

• Categories are Important: Use categories to organize your content
• Featured Images: Always set featured images - they're used in listings
• Consistent Naming: Use consistent naming conventions for categories
• Regular Updates: Keep your portfolio and solutions updated with new work
• Support: https://electronthemes.com/technical-help
• Website: https://electronthemes.com

For the most up-to-date information and support, please visit:

End of Documentation

We wish you the best of luck with your website project!

• Ask for Help: Don't hesitate to reach out if you need assistance
• Keep Updated: Regular updates keep your site secure and running smoothly
• Backup Regularly: Always back up before making major changes
• Experiment: Try different settings and layouts to find what works
• Take Your Time: Building a great website takes time - don't rush

Congratulations! You now have everything you need to build a professional website with Briotech.