WP Configurator Pro 3.0

This guide explains how to safely override any Configurator HTML template using your WordPress child theme.

You can use this method whenever you need to:

• Modify layout structure

• Add custom HTML

• Insert buttons or links

• Adjust markup

• Customize any skin output

This is a reusable process for all template modifications.

🎯 Why Use Template Override?

Configurator templates are loaded from the plugin directory.

If you edit plugin files directly:

• ❌ Your changes will be lost after plugin updates.

• ❌ It is not update-safe.

The correct way is to override the template inside your child theme.

This ensures:

• ✅ Update-safe customization

• ✅ Clean structure

• ✅ Maintainability

This applies to configurators connected with WooCommerce products.

Step 1: Create a Child Theme (If Not Already Created)

A child theme protects your custom modifications from being lost when the parent theme receives updates.

There are two ways to create a child theme:

Option A: Create It Manually

You can create a child theme manually by:

• Navigating to your WordPress installation folder

• Going to /wp-content/themes/

• Creating a new folder for your child theme

• Adding the required style.css and functions.php files

Alternatively, if a child theme already exists, you can manage it via:

Appearance → Theme File Editor → Select Child Theme

After creation, make sure the child theme is activated under:

Appearance → Themes

Option B: Use a Plugin (Recommended for Beginners)

For a simpler approach, install and activate the Child Theme Configurator plugin from the WordPress Plugin Directory.

The plugin provides a step-by-step setup wizard that allows you to generate and activate a child theme in just a few clicks.

Step 2: Locate the Template File in the Plugin

Go to your plugin folder:

wp-content/plugins/wp-configurator-pro/

Inside the plugin, locate the template file you want to modify.

⚠ You must copy the correct file.

Step 3: Copy the File

Copy the original template file from the plugin directory.

Do NOT modify it inside the plugin.

Step 4: Create “configurator” Folder in Child Theme

Inside your active child theme, create a folder named:

configurator

If the original file was inside a subfolder (example: elements), you must recreate the exact same folder structure.

Step 5: Maintain the Exact Path (Very Important)

The folder structure inside the child theme must match the plugin path exactly.

For example:

If the plugin file is located at:

Plugin:

wp-configurator-pro/configurator/elements/header.php

Then inside your child theme it must look like:

Child Theme:

/wp-content/themes/your-theme-child/configurator/elements/header.php

If the path does not match exactly:

❌ The override will NOT work.

Step 6: Modify the File Inside the Child Theme

Once the file is copied into the correct location:

• Open the file inside your child theme

• Make your HTML or PHP changes

• Save the file

The system will now load the template from your child theme instead of the plugin.