Trascender Digital – Guía Elementor


🚀 Trascender Digital

El acompañamiento integral para coaches que quieren lanzar su curso online con impacto, estructura y propósito.



👉 Escríbeme «LISTO» y te muestro cómo empezar

¿Qué es Trascender Digital?

Un servicio exclusivo de Ariel Díaz, diseñado para coaches y profesionales del desarrollo personal que quieren lanzar su curso online pero no saben cómo hacerlo solos. Es un proceso guiado, claro, estratégico y profundamente humano.

¿Para quién es este programa?

Coaches con trayectoria

que aún no han lanzado su curso

Profesionales con contenido

pero sin estructura de venta

Personas que postergan

por frustración o bloqueo técnico

Aquellos que desean

generar un impacto real y dejar legado

¿Qué incluye el programa?

Creación de oferta High y Low Ticket

Landing page + hosting

CRM (GoHighLevel)

Email marketing automatizado

Guión de VSL + anuncios

Plataforma de venta y entrega

Mentorías 1 a 1 + grupales

Acompañamiento técnico y estratégico

Asesoría en Stripe, PayPal y plataformas de pago

Lo que NO incluye

Dominio web personalizado (www.tucurso.com)

→ El cliente lo adquiere por su cuenta, se ofrece guía paso a paso.

Duración del proceso

120
días de acompañamiento

Nos adaptamos a tu ritmo. Cada etapa está pensada para que avances con claridad y apoyo real.

¿Por qué funciona?

30.000 USD invertidos en formación y experiencia

Ariel ha invertido más de 30.000 USD en formación y experiencia. No ofrece atajos vacíos, sino estructura y acompañamiento real.

«No te vendo humo. Te doy estructura, claridad y presencia digital real.»

Inversión

USD 2.500 – 3.000
Con posibilidad de pago fraccionado

Incluye absolutamente todo para lanzar de forma profesional

¿Listo para dejar de postergar tu curso y lanzar algo que deje huella?



👉 Escribe «LISTO» y comencemos


Guía para recrear en Elementor

Instrucciones paso a paso para implementar cada sección


1. CSS Personalizado

Copia este CSS en Elementor > Configuración del sitio > CSS personalizado:

/* Trascender Digital - CSS Personalizado */
.gradient-bg {
    background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #60a5fa 100%);
}

.hero-overlay {
    background: linear-gradient(135deg, rgba(30, 58, 138, 0.9), rgba(59, 130, 246, 0.8));
}

.card-hover {
    transition: all 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.btn-primary {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important;
    transition: all 0.3s ease;
    border: none !important;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #1d4ed8, #1e40af) !important;
    transform: translateY(-2px);
}

.section-divider {
    background: linear-gradient(90deg, transparent, #e5e7eb, transparent);
    height: 1px;
}

.step-number {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}

1

Sección Hero

Widgets necesarios:

  • Sección: Altura mín. 100vh
  • Columna: 1 columna, centrada
  • Icono: Font Awesome rocket
  • Título: H1, texto personalizado
  • Texto: Subtítulo
  • Botón: Enlace a WhatsApp

Configuración:

  • Sección: Agregar clase CSS «gradient-bg»
  • Overlay: Agregar clase «hero-overlay»
  • Título: Color blanco, tamaño 4-5rem
  • Botón: Agregar clase «btn-primary»
  • WhatsApp: https://wa.me/TU_NUMERO?text=LISTO

2

¿Qué es Trascender Digital?

Widgets:

  • Título: H2, centrado
  • Divisor: Línea horizontal
  • Texto: Párrafo descriptivo

Estilo:

  • Sección: Fondo blanco, padding 80px
  • Título: Color #374151, highlight en azul
  • Divisor: Gradiente azul, 4px altura
  • Texto: Tamaño 1.25rem, color #6b7280

3

Para quién es (Grid de tarjetas)

Estructura:

  • Sección: Fondo gris claro
  • Título: H2 centrado
  • Columnas: 2×2 grid (4 tarjetas)
  • Cada columna: Icono + Título + Texto

Cada tarjeta:

  • Widget Icono: fas fa-check-circle, verde
  • Widget Título: H3, color oscuro
  • Widget Texto: Párrafo, color gris
  • Columna: Fondo blanco, border-radius 16px
  • Clase CSS: «card-hover» para efectos

4

Qué incluye (Grid 3×3)

Grid Layout:

  • Columnas: 3 columnas en desktop
  • Responsive: 2 col tablet, 1 móvil
  • Gap: 24px entre tarjetas
  • 9 tarjetas total

Íconos sugeridos:

  • fas fa-trophy (Oferta High/Low)
  • fas fa-globe (Landing page)
  • fas fa-database (CRM)
  • fas fa-envelope (Email marketing)
  • fas fa-video (VSL)
  • fas fa-shopping-cart (Plataforma venta)
  • fas fa-users (Mentorías)
  • fas fa-headset (Acompañamiento)
  • fas fa-credit-card (Pagos)

Estilo de tarjetas:

Fondo: gradiente azul suave, padding 24px, border-radius 12px, clase «card-hover»

5

Lo que NO incluye

Widgets:

  • Sección: Fondo rojo suave (#fef2f2)
  • Título: H2 con highlight rojo
  • Tarjeta: Fondo blanco, centrada
  • Icono: fas fa-times-circle, rojo

Contenido:

  • Título tarjeta: «Dominio web personalizado»
  • Texto: «→ El cliente lo adquiere por su cuenta…»
  • Estilo: Sombra suave, padding 32px

6

Duración del proceso

Elementos:

  • Icono: far fa-clock en el título
  • Número destacado: «120» grande
  • Texto: «días de acompañamiento»
  • Descripción: Párrafo explicativo

Estilo tarjeta:

  • Fondo: Gradiente azul suave
  • Número: Tamaño 4rem, color azul
  • Padding: 48px
  • Border: 1px azul claro

7

Por qué funciona (Sección oscura)

Configuración sección:

  • Fondo: Color #111827 (gris oscuro)
  • Texto: Color blanco
  • Highlight: Color amarillo #fbbf24
  • Padding: 80px vertical

Elementos:

  • Título: Highlight «funciona» en amarillo
  • Estadística: «30.000 USD» destacado
  • Frase final: Fondo gradiente amarillo-naranja
  • Alineación: Todo centrado

8

Inversión

Widgets:

  • Título: H2 + icono fas fa-credit-card
  • Tarjeta: Contenedor centrado
  • Precio: Texto grande destacado
  • Detalles: Texto adicional

Estilo:

  • Tarjeta: Fondo gradiente verde suave
  • Precio: Color verde #059669, 3rem
  • Border: 1px verde claro
  • Padding: 48px

9

CTA Final

Configuración:

  • Sección: Clase «gradient-bg»
  • Texto: Color blanco
  • Botón: Clase «btn-primary»
  • Enlace: WhatsApp con «LISTO»

Botón WhatsApp:

  • Icono: fab fa-whatsapp
  • Tamaño: XL (1.25rem texto)
  • Padding: 48px 24px
  • URL: https://wa.me/TU_NUMERO?text=LISTO


Tips adicionales para Elementor

Optimización:

  • Usa Container en lugar de secciones cuando sea posible
  • Activa Flexbox para mejor alineación
  • Configura breakpoints para responsive
  • Usa Global Colors para consistencia

Performance:

  • Optimiza imágenes antes de subir (WebP)
  • Usa lazy loading en imágenes
  • Minifica CSS personalizado
  • Evita demasiados efectos de hover


Responsive importante:

Revisa cada sección en tablet y móvil. Ajusta tamaños de fuente, spacing y reorganiza elementos si es necesario. El grid de 3 columnas debe cambiar a 2 en tablet y 1 en móvil.

¿Necesitas ayuda implementando?

Si tienes dudas específicas sobre alguna sección o widget, puedes contactar para soporte técnico.



Solicitar ayuda técnica