WordPress

There are several ways to integrate Locadapt with your WordPress site. We’ll cover three methods, from easiest to most advanced:

This method is the easiest and doesn’t require any coding knowledge.

Install Plugin

Install and activate a plugin like “Insert Headers and Footers” from the WordPress plugin directory.

Access Plugin Settings

Go to Settings > Insert Headers and Footers in your WordPress dashboard.

Add Locadapt Code

In the “Scripts in Header” section, paste the following code:

<link rel="stylesheet" href="https://cdn.locadapt.com/locadapt.min.css" />
<script 
  src="https://cdn.locadapt.com/locadapt.min.js" 
  data-project-id="YOUR_PROJECT_ID"
></script>

Remember to replace YOUR_PROJECT_ID with the actual project ID provided in the configuration page for your Locadapt project.

Save Changes

Click the “Save” button to apply your changes.

This method is suitable if you’re comfortable with basic WordPress customization.

Access Theme Customizer

Go to Appearance > Customize in your WordPress dashboard.

Add CSS

Navigate to Additional CSS and add the following:

@import url('https://cdn.locadapt.com/locadapt.min.css');

Add JavaScript

Go to Appearance > Theme File Editor and open header.php. Add the following code just before the closing </head> tag:

<script 
  src="https://cdn.locadapt.com/locadapt.min.js" 
  data-project-id="YOUR_PROJECT_ID"
></script>

Save Changes

Click “Publish” in the Theme Customizer and “Update File” in the Theme Editor.

This method is for advanced users comfortable with WordPress development.

Create Child Theme

Create a child theme if you haven’t already. This preserves your changes during theme updates.

Edit functions.php

In your child theme’s functions.php, add the following code:

function enqueue_locadapt() {
    wp_enqueue_style('locadapt-css', 'https://cdn.locadapt.com/locadapt.min.css');
    wp_enqueue_script('locadapt-js', 'https://cdn.locadapt.com/locadapt.min.js', array(), null, false);
    wp_add_inline_script('locadapt-js', 'document.currentScript.setAttribute("data-project-id", "YOUR_PROJECT_ID");');
}
add_action('wp_enqueue_scripts', 'enqueue_locadapt');

Save and Activate

Save the file and ensure your child theme is activated.

After implementing any of these methods, clear your WordPress cache if you’re using a caching plugin, and then test your site to ensure Locadapt is working correctly.

If you encounter any issues or need further assistance, don’t hesitate to contact our support team at support@locadapt.com.

Get Started

Details

Plugins