{"id":1407,"date":"2026-03-31T12:06:16","date_gmt":"2026-03-31T12:06:16","guid":{"rendered":"https:\/\/playmarketing.ca\/?page_id=1407"},"modified":"2026-03-31T12:08:30","modified_gmt":"2026-03-31T12:08:30","slug":"diagnostico","status":"publish","type":"page","link":"https:\/\/playmarketing.ca\/en\/diagnostico\/","title":{"rendered":"Diagnostico"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Diagn\u00f3stico Gratuito &#8211; Play Marketing<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Poppins', sans-serif;\n            background: #f5f5f5;\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 20px;\n        }\n\n        .container {\n            background: white;\n            border-radius: 16px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n            max-width: 650px;\n            width: 100%;\n            overflow: hidden;\n        }\n\n        .header {\n            background: linear-gradient(135deg, #1B5E3F 0%, #2a7a52 100%);\n            color: white;\n            padding: 50px 40px;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .header::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -50%;\n            width: 300px;\n            height: 300px;\n            background: rgba(204, 255, 0, 0.1);\n            border-radius: 50%;\n            pointer-events: none;\n        }\n\n        .header-content {\n            position: relative;\n            z-index: 1;\n        }\n\n        .logo {\n            font-size: 28px;\n            font-weight: 700;\n            margin-bottom: 20px;\n            letter-spacing: 1px;\n        }\n\n        .logo-accent {\n            color: #CCFF00;\n        }\n\n        .header h1 {\n            font-size: 36px;\n            margin-bottom: 12px;\n            font-weight: 700;\n            line-height: 1.2;\n        }\n\n        .header p {\n            font-size: 16px;\n            opacity: 0.95;\n            margin-bottom: 20px;\n            line-height: 1.5;\n        }\n\n        .badge {\n            display: inline-block;\n            background: rgba(204, 255, 0, 0.2);\n            color: #CCFF00;\n            padding: 10px 20px;\n            border-radius: 25px;\n            font-size: 13px;\n            font-weight: 600;\n            border: 2px dashed #CCFF00;\n        }\n\n        .content {\n            padding: 45px 40px;\n        }\n\n        .intro {\n            margin-bottom: 35px;\n            text-align: center;\n        }\n\n        .intro h2 {\n            font-size: 26px;\n            color: #1B5E3F;\n            margin-bottom: 15px;\n            font-weight: 700;\n        }\n\n        .intro p {\n            color: #555;\n            font-size: 15px;\n            line-height: 1.6;\n        }\n\n        .benefits {\n            background: #f0f9f5;\n            padding: 25px;\n            border-radius: 12px;\n            margin-bottom: 35px;\n            border-left: 4px solid #CCFF00;\n        }\n\n        .benefits h3 {\n            color: #1B5E3F;\n            font-size: 16px;\n            margin-bottom: 18px;\n            font-weight: 700;\n        }\n\n        .benefit-item {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 14px;\n            color: #333;\n            font-size: 14px;\n        }\n\n        .benefit-item:last-child {\n            margin-bottom: 0;\n        }\n\n        .benefit-icon {\n            color: #CCFF00;\n            font-weight: bold;\n            margin-right: 12px;\n            font-size: 16px;\n            min-width: 20px;\n        }\n\n        .form-section {\n            margin-bottom: 30px;\n        }\n\n        .form-section h3 {\n            color: #1B5E3F;\n            font-size: 18px;\n            margin-bottom: 22px;\n            font-weight: 700;\n            padding-bottom: 10px;\n            border-bottom: 2px dashed #CCFF00;\n        }\n\n        .form-group {\n            margin-bottom: 20px;\n        }\n\n        label {\n            display: block;\n            color: #1B5E3F;\n            font-size: 14px;\n            font-weight: 600;\n            margin-bottom: 8px;\n        }\n\n        input[type=\"text\"],\n        input[type=\"email\"],\n        input[type=\"tel\"],\n        select,\n        textarea {\n            width: 100%;\n            padding: 12px 15px;\n            border: 2px solid #e0e0e0;\n            border-radius: 8px;\n            font-size: 14px;\n            font-family: 'Poppins', sans-serif;\n            transition: all 0.3s;\n            background: #fafafa;\n        }\n\n        input[type=\"text\"]:focus,\n        input[type=\"email\"]:focus,\n        input[type=\"tel\"]:focus,\n        select:focus,\n        textarea:focus {\n            outline: none;\n            border-color: #1B5E3F;\n            background: white;\n            box-shadow: 0 0 0 3px rgba(27, 94, 63, 0.1);\n        }\n\n        textarea {\n            resize: vertical;\n            min-height: 100px;\n        }\n\n        .form-row {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 18px;\n        }\n\n        @media (max-width: 480px) {\n            .form-row {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        .checkbox-group {\n            display: flex;\n            flex-direction: column;\n            gap: 14px;\n        }\n\n        .checkbox-item {\n            display: flex;\n            align-items: center;\n        }\n\n        input[type=\"checkbox\"] {\n            width: 18px;\n            height: 18px;\n            margin-right: 12px;\n            cursor: pointer;\n            accent-color: #1B5E3F;\n        }\n\n        .checkbox-item label {\n            margin: 0;\n            font-weight: 500;\n            cursor: pointer;\n            color: #333;\n        }\n\n        .submit-btn {\n            width: 100%;\n            padding: 15px 30px;\n            background: #CCFF00;\n            color: #1B5E3F;\n            border: none;\n            border-radius: 8px;\n            font-size: 16px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: all 0.3s;\n            margin-top: 12px;\n            font-family: 'Poppins', sans-serif;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            box-shadow: 0 4px 15px rgba(204, 255, 0, 0.2);\n        }\n\n        .submit-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(204, 255, 0, 0.3);\n            background: #b8e600;\n        }\n\n        .submit-btn:active {\n            transform: translateY(0);\n        }\n\n        .privacy {\n            text-align: center;\n            font-size: 12px;\n            color: #999;\n            margin-top: 20px;\n            line-height: 1.5;\n        }\n\n        .privacy a {\n            color: #1B5E3F;\n            text-decoration: none;\n            font-weight: 600;\n        }\n\n        .success-message {\n            display: none;\n            background: #d4edda;\n            color: #155724;\n            padding: 18px;\n            border-radius: 8px;\n            margin-bottom: 20px;\n            border-left: 4px solid #28a745;\n            font-weight: 500;\n        }\n\n        .error-message {\n            display: none;\n            background: #f8d7da;\n            color: #721c24;\n            padding: 18px;\n            border-radius: 8px;\n            margin-bottom: 20px;\n            border-left: 4px solid #dc3545;\n            font-weight: 500;\n        }\n\n        .footer-note {\n            text-align: center;\n            color: #999;\n            font-size: 13px;\n            margin-top: 30px;\n            padding-top: 25px;\n            border-top: 2px dashed #CCFF00;\n        }\n\n        .footer-note strong {\n            color: #1B5E3F;\n            font-weight: 700;\n        }\n\n        .tagline {\n            font-size: 12px;\n            color: #CCFF00;\n            margin-top: 8px;\n            font-weight: 600;\n            letter-spacing: 1px;\n        }\n\n        @media (max-width: 600px) {\n            .header {\n                padding: 35px 25px;\n            }\n\n            .header h1 {\n                font-size: 28px;\n            }\n\n            .content {\n                padding: 30px 25px;\n            }\n\n            .intro h2 {\n                font-size: 22px;\n            }\n\n            .form-row {\n                grid-template-columns: 1fr;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <div class=\"header\">\n            <div class=\"header-content\">\n                <div class=\"logo\">PLAY <span class=\"logo-accent\">\u2192<\/span><\/div>\n                <div class=\"tagline\">Marketing made simple<\/div>\n                <h1>Diagn\u00f3stico Gratuito<\/h1>\n                <p>Descubre exactamente qu\u00e9 le falta a tu negocio para crecer<\/p>\n                <span class=\"badge\">\u23f1\ufe0f 15 minutos \u2022 Sin compromiso<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"content\">\n            <div class=\"intro\">\n                <h2>\u00bfTu negocio no crece como quieres?<\/h2>\n                <p>Te ayudar\u00e9 a identificar exactamente qu\u00e9 est\u00e1 frenando tu crecimiento y qu\u00e9 debes hacer para despegar sin complicaciones.<\/p>\n            <\/div>\n\n            <div class=\"benefits\">\n                <h3>\u2728 Lo que obtendr\u00e1s:<\/h3>\n                <div class=\"benefit-item\">\n                    <span class=\"benefit-icon\">\u2713<\/span>\n                    <span>An\u00e1lisis completo de tu presencia digital actual<\/span>\n                <\/div>\n                <div class=\"benefit-item\">\n                    <span class=\"benefit-icon\">\u2713<\/span>\n                    <span>Identificaci\u00f3n de oportunidades de crecimiento espec\u00edficas<\/span>\n                <\/div>\n                <div class=\"benefit-item\">\n                    <span class=\"benefit-icon\">\u2713<\/span>\n                    <span>Recomendaciones personalizadas (sin venta agresiva)<\/span>\n                <\/div>\n                <div class=\"benefit-item\">\n                    <span class=\"benefit-icon\">\u2713<\/span>\n                    <span>Plan de acci\u00f3n claro para los pr\u00f3ximos 30 d\u00edas<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"error-message\" id=\"errorMessage\"><\/div>\n            <div class=\"success-message\" id=\"successMessage\">\n                \u00a1Perfecto! Hemos recibido tu informaci\u00f3n. Te contactaremos en menos de 24 horas por WhatsApp. \ud83c\udf89\n            <\/div>\n\n            <form id=\"diagnosticoForm\" onsubmit=\"handleSubmit(event)\">\n                <div class=\"form-section\">\n                    <h3>Cu\u00e9ntame sobre ti<\/h3>\n\n                    <div class=\"form-row\">\n                        <div class=\"form-group\">\n                            <label for=\"nombre\">Nombre completo *<\/label>\n                            <input type=\"text\" id=\"nombre\" name=\"nombre\" required placeholder=\"Tu nombre\">\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"email\">Email *<\/label>\n                            <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"tu@email.com\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-row\">\n                        <div class=\"form-group\">\n                            <label for=\"telefono\">Tel\u00e9fono\/WhatsApp *<\/label>\n                            <input type=\"tel\" id=\"telefono\" name=\"telefono\" required placeholder=\"+1 (123) 456-7890\">\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"instagram\">Instagram o Nombre del Negocio *<\/label>\n                            <input type=\"text\" id=\"instagram\" name=\"instagram\" required placeholder=\"@tuinstagram o Nombre del Negocio\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-row\">\n                        <div class=\"form-group\">\n                            <label for=\"negocio\">Tipo de negocio *<\/label>\n                            <select id=\"negocio\" name=\"negocio\" required>\n                                <option value=\"\">Selecciona tu negocio<\/option>\n                                <option value=\"servicios\">Servicios profesionales<\/option>\n                                <option value=\"ecommerce\">E-commerce<\/option>\n                                <option value=\"coaching\">Coaching\/Consultor\u00eda<\/option>\n                                <option value=\"salon\">Sal\u00f3n\/Est\u00e9tica<\/option>\n                                <option value=\"restaurante\">Restaurante\/Comida<\/option>\n                                <option value=\"inmobiliario\">Inmobiliario<\/option>\n                                <option value=\"agencia\">Agencia\/Marketing<\/option>\n                                <option value=\"otro\">Otro<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"ingresos\">Ingresos mensuales aproximados *<\/label>\n                            <select id=\"ingresos\" name=\"ingresos\" required>\n                                <option value=\"\">Selecciona rango<\/option>\n                                <option value=\"0-1000\">$0 &#8211; $1,000<\/option>\n                                <option value=\"1000-5000\">$1,000 &#8211; $5,000<\/option>\n                                <option value=\"5000-10000\">$5,000 &#8211; $10,000<\/option>\n                                <option value=\"10000-25000\">$10,000 &#8211; $25,000<\/option>\n                                <option value=\"25000+\">$25,000+<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"form-section\">\n                    <h3>Tu mayor desaf\u00edo<\/h3>\n\n                    <div class=\"form-group\">\n                        <label>\u00bfCu\u00e1l es tu mayor desaf\u00edo ahora? (Selecciona al menos uno) *<\/label>\n                        <div class=\"checkbox-group\">\n                            <div class=\"checkbox-item\">\n                                <input type=\"checkbox\" id=\"desafio1\" name=\"desafio\" value=\"Conseguir clientes\">\n                                <label for=\"desafio1\">Conseguir clientes<\/label>\n                            <\/div>\n                            <div class=\"checkbox-item\">\n                                <input type=\"checkbox\" id=\"desafio2\" name=\"desafio\" value=\"Presencia digital d\u00e9bil\">\n                                <label for=\"desafio2\">Presencia digital d\u00e9bil<\/label>\n                            <\/div>\n                            <div class=\"checkbox-item\">\n                                <input type=\"checkbox\" id=\"desafio3\" name=\"desafio\" value=\"No s\u00e9 c\u00f3mo hacer marketing\">\n                                <label for=\"desafio3\">No s\u00e9 c\u00f3mo hacer marketing<\/label>\n                            <\/div>\n                            <div class=\"checkbox-item\">\n                                <input type=\"checkbox\" id=\"desafio4\" name=\"desafio\" value=\"Falta de tiempo\">\n                                <label for=\"desafio4\">Falta de tiempo<\/label>\n                            <\/div>\n                            <div class=\"checkbox-item\">\n                                <input type=\"checkbox\" id=\"desafio5\" name=\"desafio\" value=\"Necesito automatizar procesos\">\n                                <label for=\"desafio5\">Necesito automatizar procesos<\/label>\n                            <\/div>\n                            <div class=\"checkbox-item\">\n                                <input type=\"checkbox\" id=\"desafio6\" name=\"desafio\" value=\"ROI bajo en marketing\">\n                                <label for=\"desafio6\">ROI bajo en marketing<\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"pregunta\">\u00bfHay algo espec\u00edfico que quieras que analice?<\/label>\n                        <textarea id=\"pregunta\" name=\"pregunta\" placeholder=\"Cu\u00e9ntame m\u00e1s sobre tu situaci\u00f3n...\"><\/textarea>\n                    <\/div>\n                <\/div>\n\n                <button type=\"submit\" class=\"submit-btn\">Enviar mi diagn\u00f3stico<\/button>\n\n                <div class=\"privacy\">\n                    Al enviar este formulario, aceptas que te contactemos por WhatsApp, email o tel\u00e9fono. <br>\n                    <a href=\"#\">Pol\u00edtica de privacidad<\/a>\n                <\/div>\n            <\/form>\n\n            <div class=\"footer-note\">\n                <strong>Play Marketing<\/strong> \u2022 Especialista en emprendedores latinos 40+ <br>\n                <span style=\"color: #CCFF00; font-weight: 600;\">Marketing made simple<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        function handleSubmit(event) {\n            event.preventDefault();\n\n            const nombre = document.getElementById('nombre').value;\n            const email = document.getElementById('email').value;\n            const telefono = document.getElementById('telefono').value;\n            const instagram = document.getElementById('instagram').value;\n            const negocio = document.getElementById('negocio').value;\n            const ingresos = document.getElementById('ingresos').value;\n            const desafios = Array.from(document.querySelectorAll('input[name=\"desafio\"]:checked')).map(el => el.value);\n            const pregunta = document.getElementById('pregunta').value;\n\n            \/\/ Validaci\u00f3n\n            if (!nombre || !email || !telefono || !instagram || !negocio || !ingresos || desafios.length === 0) {\n                showError('Por favor completa todos los campos requeridos (*)');\n                return;\n            }\n\n            \/\/ Crear mensaje para WhatsApp\n            const mensaje = `\n*\ud83c\udfaf Nuevo Lead - Diagn\u00f3stico Gratuito*\n\n*Nombre:* ${nombre}\n*Email:* ${email}\n*Tel\u00e9fono:* ${telefono}\n*Instagram\/Negocio:* ${instagram}\n*Tipo de Negocio:* ${negocio}\n*Ingresos mensuales:* ${ingresos}\n*Desaf\u00edos principales:* ${desafios.join(', ')}\n*Pregunta adicional:* ${pregunta || 'N\/A'}\n\n---\nEnviado desde: Landing Page Diagn\u00f3stico Play Marketing\n            `;\n\n            \/\/ Guardar datos (simulado - en producci\u00f3n enviar\u00edas a un servidor)\n            console.log('Datos del formulario:', {\n                nombre, email, telefono, instagram, negocio, ingresos, desafios, pregunta\n            });\n\n            \/\/ Mostrar mensaje de \u00e9xito\n            document.getElementById('diagnosticoForm').style.display = 'none';\n            document.getElementById('successMessage').style.display = 'block';\n\n            \/\/ Redirigir a WhatsApp despu\u00e9s de 2 segundos\n            setTimeout(() => {\n                const whatsappLink = `https:\/\/wa.me\/12892537507?text=${encodeURIComponent(mensaje)}`;\n                window.open(whatsappLink, '_blank');\n            }, 2000);\n        }\n\n        function showError(message) {\n            const errorDiv = document.getElementById('errorMessage');\n            errorDiv.textContent = message;\n            errorDiv.style.display = 'block';\n            setTimeout(() => {\n                errorDiv.style.display = 'none';\n            }, 5000);\n        }\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Diagn\u00f3stico Gratuito &#8211; Play Marketing PLAY \u2192 Marketing made simple Diagn\u00f3stico Gratuito Descubre exactamente qu\u00e9 le falta a tu negocio para crecer \u23f1\ufe0f 15 minutos \u2022 Sin compromiso \u00bfTu negocio no crece como quieres? Te ayudar\u00e9 a identificar exactamente qu\u00e9 est\u00e1 frenando tu crecimiento y qu\u00e9 debes hacer para despegar sin complicaciones. \u2728 Lo que [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","_crdt_document":"","pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-1407","page","type-page","status-publish","hentry"],"blocksy_meta":{"disable_header":"yes","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/playmarketing.ca\/en\/wp-json\/wp\/v2\/pages\/1407","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/playmarketing.ca\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/playmarketing.ca\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/playmarketing.ca\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/playmarketing.ca\/en\/wp-json\/wp\/v2\/comments?post=1407"}],"version-history":[{"count":3,"href":"https:\/\/playmarketing.ca\/en\/wp-json\/wp\/v2\/pages\/1407\/revisions"}],"predecessor-version":[{"id":1411,"href":"https:\/\/playmarketing.ca\/en\/wp-json\/wp\/v2\/pages\/1407\/revisions\/1411"}],"wp:attachment":[{"href":"https:\/\/playmarketing.ca\/en\/wp-json\/wp\/v2\/media?parent=1407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}