01 · Hero
[torifa_countdown] Imagen de fondo · overlay
iPhone 15 Pro · Rifa
El sorteo se acerca. Reserva tu número.
Fullwidth, fuera de .torifa-landing-content. Usa
producto, fecha_rifa y
hero_background_image.
landing-page-template.php
Anatomía de la landing
Así se construye la página de rifa en WordPress: un hero a pantalla completa, bloques por shortcode según el plan, premios y el cierre con contacto y pago.
Blueprint visual
Orden real de montaje en el template PHP.
02 · Contenido
.torifa-landing-content Números
[torifa_numbers] 0102030405060708091011121314151617181920
Tickets
[torifa_tickets] ¿Cuántas boletas?
− 3 +
El template itera $shortcode_order y solo imprime los
shortcodes disponibles en el plan. Countdown se salta aquí porque
ya salió en el hero.
03 · Premios
.torifa-prize Premio principal
iPhone 15 Pro 256GB
Incluye cargador y funda. Entrega en ciudad capital.
2º AirPods Pro
3º $100 en efectivo
Si el plan no incluye [torifa_prizes], el PHP pinta
esta sección con el array premios (o el layout legacy
de un solo premio).
04 · Footer + modales
.torifa-footer Cómo se arma
Cuatro pasos del template, de arriba hacia abajo.
- 01
Hero fullscreen
torifa_countdownSe renderiza primero, fuera del grid, solo si el plan lo permite.
landing-page-template.php → sección countdown - 02
Contenido principal
.torifa-landing-contentRecorre shortcode_order y monta cada bloque disponible del plan.
números · tickets (activos por defecto) - 03
Premios
.torifa-prizeFallback nativo si no está el shortcode [torifa_prizes]. Premio principal + otros.
premios múltiples o layout legacy - 04
Footer y modales
.torifa-footerContacto, aviso de lotería, modal de imágenes y modal de compra/pago.
WhatsApp · teléfono · checkout
Orden de shortcodes
Definido en $shortcode_order. Los inactivos están
comentados en el PHP pero el motor ya sabe dónde irían.
| Shortcode | Rol | Estado en template | Ubicación |
|---|---|---|---|
[torifa_countdown] | Hero | Activo | Fuera del grid · fullwidth |
[torifa_numbers] | Grilla de números | Activo | Dentro de .torifa-landing-content |
[torifa_tickets] | Comprar boletas | Activo | Dentro de .torifa-landing-content |
[torifa_sales_percentage] | Urgencia de ventas | Opcional / off | Comentado en el orden |
[torifa_prizes] | Premios shortcode | Opcional / off | Si falta → fallback PHP |
[torifa_verifier] | Verificar jugada | Opcional / off | Comentado en el orden |
Información que alimenta la página
Todo sale de get_option('torifa_settings') y del plan de
licencia (qué shortcodes se pueden renderizar).
producto Nombre del producto
Título del hero y meta
fecha_rifa Fecha del sorteo
Countdown + data-date
hero_background_image Imagen de fondo
Fondo fullscreen del hero
loteria Lotería
Texto legal del footer
premios[] Premios (título, desc, imágenes)
Sección de premios
precio_numero Precio por número
Tickets y modal de pago
contacto_whatsapp Footer + botón de pago
contacto_telefono Teléfono
Footer
Del admin a la landing
Configuras producto, fecha, premios y contacto en el dashboard de ToRifa. El template arma la página; el comprador elige números o boletas y paga en el modal.