WooCommerce

SiteCockpit Plugin
Embedding SiteCockpit via WooCommerce Widgets
Integration via Child Theme (Without Plugin)

SiteCockpit Plugin

Install the SiteCockpit Plugin

Go to your WordPress plugin directory and search for “SiteCockpit”.
Download the plugin and install it through your plugin management interface.

Activate the Plugin

Once installed, activate the plugin from the plugin overview.

Add Your Integration Key

Navigate to the SiteCockpit Key section under your WordPress settings.
Insert your personal Integration Key, which you’ll find in your SiteCockpit dashboard.

The plugin integration is now complete.

Embedding SiteCockpit via WooCommerce Widgets

Requirements

This method requires a Storefront-compatible WordPress theme.

Choose Widget Position

In WordPress, go to Appearance → Widgets.
Choose the position where you’d like to add the widget — we recommend the Footer.

Add a New Widget

Click the “+” icon to add a new widget.
Search for the “Embed” block.

Paste the Embed Code

Select the Embed block and paste your SiteCockpit Embed Code into the field.

The SiteCockpit widget is now embedded on your site.

Integration via Child Theme (Without Plugin)

If you'd prefer not to use external plugins, you can embed SiteCockpit by editing your WordPress child theme directly.
To ensure update safety, always use a child theme instead of modifying the main theme directly.

Prepare the Child Theme

Go to Appearance → Themes in WordPress.
Make sure the main theme you want to extend is currently active.

Create a new local folder with the following two files:

style.css
functions.php

style.css

You could paste the following content into your style.css file:

/*
Theme Name:     Spike Business Child
Template:       spike-business
Version:        1.0
Description:    Child Theme for Spike Business
Author:         Your Name
*/

Your theme and template may not necessarily match the example shown! Make sure that everything is labeled correctly!

functions.php

Now add the following to your functions.php file:

<?php
add_action('wp_enqueue_scripts', function() {
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
});

add_action('wp_footer', function() {
    echo '<script type="module" src="https://cdn.sitecockpit.com/cdn/app.js" data-easy-vision-key="cxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxx9"></script>';
});

Replace the Embed Key with your personal SiteCockpit key.