Skip to content
English
  • There are no suggestions because the search field is empty.

Wordpress

This guide shows you how to integrate SiteCockpit with Wordpress. You can choose between different integration methods: via plugin or directly using a child theme. The goal is to embed your personal SiteCockpit Embed Code correctly into your site.

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.

image-20250730-115625.pngimage-20250730-130832.png

Activate the Plugin

Once installed, activate the plugin from the plugin overview.

image-20250730-130856.png

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.

image-20250730-115647.png

The plugin integration is now complete.

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.

image-20250731-071200.pngimage-20250731-071617.png

 

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.

Upload the Theme

Compress the folder as a .zip file.
Go to Appearance → Add Theme in WordPress and upload your newly created child theme.

image-20250731-071849.pngimage-20250731-072009.pngimage-20250731-072048.png

Activate the Theme

After uploading, activate the theme.
Go back to the theme overview to make sure your child theme is listed as Active.

image-20250731-072135.pngimage-20250731-072220.png

SiteCockpit is now successfully embedded via child theme.