Intégrer Solarisio sur votre site WordPress

Option 1 — iframe directe (le plus simple)

Collez ce code dans un widget HTML ou un bloc « HTML personnalisé » Gutenberg :

<iframe
    src="https://solarisio.fr/embed/calc"
    width="100%" height="500"
    style="border: 1px solid #e5e7eb; border-radius: 8px;"
    title="Mini calculateur Solarisio"></iframe>

Le mini calculateur ajuste sa hauteur automatiquement via postMessage. Aucun cookie, aucun script tiers chargé chez vos visiteurs.

Option 2 — Plugin custom avec auto-resize

Pour gérer le redimensionnement auto et créer un shortcode [solarisio_calc] :

1. Créez un fichier solarisio.php dans /wp-content/plugins/solarisio/ :

<?php
/**
 * Plugin Name: Solarisio Calculator
 * Description: Mini calculateur solaire via Solarisio.fr
 * Version: 1.0
 */

add_shortcode('solarisio_calc', function ($atts) {
    $a = shortcode_atts(['height' => '500'], $atts);
    $id = 'solarisio-' . wp_generate_uuid4();
    ob_start(); ?>
    <iframe
        id="<?php echo esc_attr($id); ?>"
        src="https://solarisio.fr/embed/calc"
        width="100%" height="<?php echo esc_attr($a['height']); ?>"
        style="border: 1px solid #e5e7eb; border-radius: 8px;"
        title="Mini calculateur Solarisio"></iframe>
    <script>
    (function() {
        window.addEventListener('message', function(e) {
            if (e.origin !== 'https://solarisio.fr') return;
            if (e.data && e.data.type === 'solarisio-embed-height') {
                var iframe = document.getElementById('<?php echo esc_js($id); ?>');
                if (iframe) iframe.height = e.data.height;
            }
        });
    })();
    </script>
    <?php
    return ob_get_clean();
});

2. Activez le plugin dans WordPress Admin → Extensions.

3. Utilisez [solarisio_calc] dans n'importe quelle page ou article.

Options : [solarisio_calc height="600"] pour ajuster.

Option 3 — Appel direct de l'API

Si vous voulez personnaliser l'affichage ou stocker les résultats, utilisez l'API REST. Exemple WordPress :

$response = wp_remote_post('https://solarisio.fr/api/v1/simulate', [
    'headers' => [
        'X-API-Key' => 'sk_solarisio_xxxxxxxxxxxxxxxxx',
        'Content-Type' => 'application/json',
    ],
    'body' => json_encode([
        'lat' => 45.764,
        'lon' => 4.835,
        'roof_surface' => 50,
        'orientation' => 0,
        'tilt' => 30,
        'annual_consumption_kwh' => 4500,
    ]),
]);
$data = json_decode(wp_remote_retrieve_body($response), true);
echo "Production estimée : " . $data['production_kwh'] . " kWh/an";