Country Site Builder — Generador de webs de consulados bilingües

1️⃣ Configuración del país objetivo

País (en inglés) ej: Colombia, El Salvador País (en español) Nacionalidad (EN) para imágenes/shortcodes Nacionalidad (ES) Código bandera ISO 2 letras Host country

2️⃣ Test rápido — datos manuales de un consulado funcional

Rellena los datos a mano y genera el HTML bilingüe. Todos los textos (intro, cita, cancelación, llegar, opiniones + traducción ES) se generan con gpt-5.4. ~3 llamadas, 30-60s.

Mostrar formulario de test

Nombre consulado (ES) Nombre consulado (EN) Ciudad Estado (EN) Estado (ES) Dirección Teléfono Email Horario (ES) Horario (EN) Facebook Twitter / X

3️⃣ Scrape masivo desde embassypages.com funcional

Pega URLs (una por línea). Cada una se procesa en paralelo: scrape → enrich → AI EN → traduce ES → genera HTML. Modelo: gpt-5.4.

Concurrencia URLs en paralelo 0 URLs cargadas

4️⃣ Páginas SIN consulado funcional

Para ciudades donde el país NO tiene consulado pero quieres tener una página de referencia (que redirija al consulado más cercano). Una línea por ciudad: Ciudad,XX (XX = abreviatura del estado USA).

Se etiquetan con consulado_no y el contenido se genera con gpt-5.4 + Nominatim (geocoding) + cálculo del consulado más cercano (mismo estado preferido).

Concurrencia ciudades en paralelo 0 ciudades

5️⃣ Generar páginas de estado funcional

Agrupa los consulados scrapeados por estado y genera una página por estado (ES + EN) con Google Maps + lista.

6️⃣ Generar home funcional

Genera la home (ES + EN) con un Google Maps central que muestra todos los consulados pre-geocodeados. La home usa el shortcode [google_maps_country ...], que tienes que tener en growsnippets.php de la web destino (al generar verás un botón para descargarlo).

📋 Ver el código del shortcode (alternativa al botón de descarga)

⚠️ Recomendado: usar el botón de descarga que aparece tras generar la home. Copy-paste desde aquí puede romper la codificación HTML.

/**
 * Shortcode genérico para mapa de consulados (cualquier país)
 * Uso: [google_maps_country country="Perú" lang="es" zoom="4" center_lat="39.83" center_lng="-98.58" data="BASE64_JSON"]
 */
function google_maps_country_shortcode($atts, $content = '') {
    $atts = shortcode_atts(array(
        'country'    => '',
        'lang'       => 'es',
        'zoom'       => 4,
        'center_lat' => 39.8283,
        'center_lng' => -98.5795,
        'max_zoom'   => 6,
        'height'     => '500px',
        'color'      => '#00bce4',
        'initials'   => '',
        'data'       => '',
    ), $atts, 'google_maps_country');

    $is_en = strtolower($atts['lang']) === 'en';

    $ubicaciones = array();
    if (!empty($atts['data'])) {
        $decoded = base64_decode($atts['data'], true);
        if ($decoded !== false) {
            $ubicaciones = json_decode($decoded, true);
        }
    }
    if (empty($ubicaciones) && trim($content) !== '') {
        $raw = trim(wp_strip_all_tags($content));
        $ubicaciones = json_decode($raw, true);
    }
    if (!is_array($ubicaciones) || empty($ubicaciones)) {
        return '<p style="text-align:center;padding:20px;">' .
               ($is_en ? 'No consulates found to display on the map.' : 'No se encontraron consulados para mostrar en el mapa.') .
               '</p>';
    }

    $initials = $atts['initials'];
    if ($initials === '' && $atts['country'] !== '') {
        $clean = preg_replace('/[^A-Za-zÁÉÍÓÚÑÜáéíóúñü ]/u', '', $atts['country']);
        $parts = preg_split('/\s+/', trim($clean));
        if (count($parts) >= 2) {
            $initials = mb_strtoupper(mb_substr($parts[0], 0, 1) . mb_substr($parts[1], 0, 1));
        } else {
            $initials = mb_strtoupper(mb_substr($parts[0] ?? '', 0, 2));
        }
        $initials = strtr($initials, array(
            'Á'=>'A','É'=>'E','Í'=>'I','Ó'=>'O','Ú'=>'U','Ü'=>'U','Ñ'=>'N'
        ));
    }
    if ($initials === '') $initials = 'C';

    $zoom        = (int)$atts['zoom'];
    $max_zoom    = (int)$atts['max_zoom'];
    $center_lat  = (float)$atts['center_lat'];
    $center_lng  = (float)$atts['center_lng'];
    $height      = preg_match('/^[0-9]+(px|%|em|rem|vh)$/', $atts['height']) ? $atts['height'] : '500px';
    $color       = preg_match('/^#[0-9a-fA-F]{3,6}$/', $atts['color']) ? $atts['color'] : '#00bce4';
    $view_label  = $is_en ? 'View details' : 'Ver detalles';
    $err_msg     = $is_en ? 'Error loading the map. Please try reloading the page.' : 'Error al cargar el mapa. Intenta recargar la página.';

    $map_id      = 'gmap_country_' . str_replace('-', '', wp_generate_uuid4());

    $marker_svg  = '<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">'
                 . '<circle cx="16" cy="16" r="12" fill="' . $color . '" stroke="#fff" stroke-width="2"/>'
                 . '<text x="16" y="20" font-family="Arial" font-size="12" font-weight="bold" text-anchor="middle" fill="white">' . esc_html($initials) . '</text>'
                 . '</svg>';

    $ubicaciones_json = wp_json_encode($ubicaciones, JSON_HEX_APOS | JSON_HEX_QUOT | JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);

    ob_start();
    ?>
    <div id="<?php echo esc_attr($map_id); ?>" style="width:100%;height:<?php echo esc_attr($height); ?>;margin-bottom:20px;border-radius:10px;" class="mapaconsulados-home"></div>
    <script>
    (function(){
        var MAP_ID     = <?php echo wp_json_encode($map_id); ?>;
        var ZOOM       = <?php echo (int)$zoom; ?>;
        var MAX_ZOOM   = <?php echo (int)$max_zoom; ?>;
        var CENTER     = {lat: <?php echo (float)$center_lat; ?>, lng: <?php echo (float)$center_lng; ?>};
        var MARKER_SVG = <?php echo wp_json_encode($marker_svg); ?>;
        var VIEW_LABEL = <?php echo wp_json_encode($view_label); ?>;
        var ERR_MSG    = <?php echo wp_json_encode($err_msg); ?>;
        var COLOR      = <?php echo wp_json_encode($color); ?>;
        var ubicaciones = <?php echo $ubicaciones_json; ?>;

        function init() {
            if (typeof google === 'undefined' || typeof google.maps === 'undefined') return false;
            try {
                var map = new google.maps.Map(document.getElementById(MAP_ID), {
                    zoom: ZOOM, center: CENTER,
                    zoomControl: true, mapTypeControl: true, streetViewControl: true, fullscreenControl: true
                });
                var bounds = new google.maps.LatLngBounds();
                var currentInfoWindow = null;

                ubicaciones.forEach(function(u){
                    var pos = {lat: parseFloat(u.lat), lng: parseFloat(u.lng)};
                    if (isNaN(pos.lat) || isNaN(pos.lng)) return;

                    var marker = new google.maps.Marker({
                        map: map, position: pos, title: u.titulo || '',
                        animation: google.maps.Animation.DROP,
                        icon: {
                            url: 'data:image/svg+xml;charset=UTF-8,' + encodeURIComponent(MARKER_SVG),
                            scaledSize: new google.maps.Size(32, 32),
                            anchor: new google.maps.Point(16, 16)
                        }
                    });
                    bounds.extend(pos);

                    var html =
                        '<div style="font-family:\'Segoe UI\',Tahoma,Geneva,Verdana,sans-serif;padding:15px;max-width:300px;">' +
                            '<a href="' + (u.url || '#') + '" style="color:<?php echo $color; ?>;text-decoration:none;font-weight:bold;font-size:16px;margin-bottom:10px;display:block;">' +
                                (u.titulo || '') +
                            '</a>' +
                            (u.direccion ? ('<p style="margin:8px 0;color:#666;font-size:14px;line-height:1.4;">' +
                                '<i class="fas fa-map-marker-alt" style="color:<?php echo $color; ?>;margin-right:5px;"></i>' +
                                u.direccion +
                            '</p>') : '') +
                            '<div style="margin-top:12px;text-align:center;">' +
                                '<a href="' + (u.url || '#') + '" style="background:<?php echo $color; ?>;color:#fff;padding:8px 16px;text-decoration:none;border-radius:4px;font-size:13px;display:inline-block;" target="_blank">' +
                                    VIEW_LABEL +
                                '</a>' +
                            '</div>' +
                        '</div>';

                    var info = new google.maps.InfoWindow({content: html});
                    marker.addListener('click', function(){
                        if (currentInfoWindow) currentInfoWindow.close();
                        info.open(map, marker);
                        currentInfoWindow = info;
                    });
                });

                if (!bounds.isEmpty()) {
                    map.fitBounds(bounds);
                    google.maps.event.addListenerOnce(map, 'bounds_changed', function(){
                        if (map.getZoom() > MAX_ZOOM) map.setZoom(MAX_ZOOM);
                    });
                }
                return true;
            } catch (e) {
                console.error('google_maps_country error:', e);
                return false;
            }
        }

        function load() {
            var tries = 0, max = 50;
            var iv = setInterval(function(){
                if (init()) { clearInterval(iv); return; }
                if (++tries >= max) {
                    clearInterval(iv);
                    var el = document.getElementById(MAP_ID);
                    if (el) el.innerHTML = '<p style="text-align:center;padding:50px;color:#666;">' + ERR_MSG + '</p>';
                }
            }, 100);
        }

        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', load);
        } else {
            load();
        }
    })();
    </script>
    <?php
    return ob_get_clean();
}
add_shortcode('google_maps_country', 'google_maps_country_shortcode');

⚠️ Recuerda que la web destino necesita cargar la API de Google Maps.

6️⃣b Generar página de citas consulares

Genera la página /citas-consulares/ (ES) y /consular-appointments/ (EN) con tarjetas individuales por consulado + imágenes auto-generadas con la bandera del país. Requiere el flag_code y scrapes válidos.

7️⃣ Subir a WordPress destino funcional

Requiere que el plugin consuladoshub-bridge esté instalado y WPML activo en el sitio destino.

URL WP destino Usuario admin Application password

Concurrencia upload Modo Dry run (no sube, solo valida)

🌍 Country Site Builder