Qué obtienes
- Un sitio HTML sin conexión, o rutas reales en React, Next.js, Vue, Svelte o Astro
- Archivo de episodios con búsqueda y filtros, y páginas de episodio con capítulos y notas
- Un reproductor anclado con capítulos, cola, velocidad y una hoja de «reproduciendo ahora» en el móvil
- Un validador de rutas, accesibilidad, reproductor y restos de ejemplo
- Retoque opcional de fotos, serie de portadas, sintonía y tráiler con PopNow, tras presupuestar
Ideal para
- Podcasts de entrevistas y programas con varios presentadores
- Podcasts de marca o de empresa que necesitan una casa cuidada
- Series narrativas organizadas por temporadas
No es para
- Programas centrados en el vídeo
- Feeds de suscripción de pago
- Redes que agrupan muchos programas distintos
Cómo usarlo
En Claude o ChatGPT
Usa el skill de PopNow «Plantilla de web para podcast» (podcast-website-template) para esto: Construye la web de Long Lunch, un programa semanal de entrevistas con dueños de restaurantes. Los episodios y los enlaces de audio están en nuestro feed RSS en feeds/longlunch.xml.
En un agente de programación
/popnow-podcast-website-template Construye la web de Long Lunch, un programa semanal de entrevistas con dueños de restaurantes. Los episodios y los enlaces de audio están en nuestro feed RSS en feeds/longlunch.xml.
Luego prueba
Presupuesta una sintonía instrumental de 30 segundos y un tráiler hablado a partir de la descripción del programa.
Seis episodios son en solitario. Haz una serie de portadas para ellos que coincida con el aspecto en duotono.
Qué tener a mano
- Nombre del programa, presentadores, calendario y la URL del feed RSS
- La lista de episodios con fechas, duraciones, resúmenes y capítulos
- Enlaces de audio de tu alojamiento de podcast y fotos que puedas usar
- Opcional: una clave de API de PopNow para las portadas, la música de entrada y un tráiler
Skills similares
Ver todos →- Web
Creador de avatares 3D
+25Crea un adorable personaje 3D de peluche en tu navegador y guárdalo como PNG transparente o como página 3D.
- Web
Mapa de calor de calendario
+25Un año de actividad diaria en una cuadrícula de calendario sombreada, con rachas, totales y acceso por teclado.
- Web
Landing page de SaaS con IA
+25Papel arena cálido y guías finas alrededor de un tablero kanban en vivo donde un asistente planifica tareas.
- Web
Sección hero animada
+25Un hero de landing page con una palabra del titular que rota suavemente, dos botones y un marco ancho para imagen.
- Web
Plantilla de web para marca de bebidas
+25Web soleada para marca de bebidas o snacks con tienda, configurador de packs, mapa de puntos de venta y pago de demostración.
- Web
Web de agencia creativa con héroe shader
+25Un héroe shader vivo en naranja tras un titular anclado abajo, navegación en píldora y casos en cuadrícula.
- Web
Landing page SaaS oscura
+25Una web de marketing oscura y llena de movimiento para un producto de software, entregada como un único archivo HTML autónomo.
- Web
Web de portafolio para diseñadores
+25Seis tarjetas inclinadas flotan alrededor de un titular que se desvanece, con una tarjeta de retrato roja.
- Web
Web de portfolio para desarrolladores
+25Una web personal oscura para ingenieros con casos de estudio, artículos, charlas, currículum y formulario de contacto.
- Web
Web SaaS de estilo editorial
+25Héroe dividido en azul marino, titular serif junto a una foto documental y un acento cobalto.
- Web
Web para diseñador freelance
+25Web atrevida de estudio de una persona que vende paquetes de precio fijo, con páginas de plan, casos de estudio y formulario de encargo.
- Web
Plantilla web de glassmorphism
+25Píldoras de cristal esmerilado sobre fondo casi negro, titular serif enorme y captura de correo.
- Web
Web de producto de hardware
+25Nombres de modelo enormes y finos sobre fotos de estudio plateadas y tarjetas de especificaciones.
- Web
Diagrama de arquitectura interactivo
+25Un diagrama de sistema offline y clicable, creado a partir de un modelo JSON validado, con la evidencia detrás de cada caja.
- Web
Héroe con cuadrícula interactiva
+25Una cuadrícula oscura de hilos finos que se inclina hacia el cursor y lanza un anillo luminoso con cada clic.
- Web
Explorador de grafos de conocimiento
+25Convierte notas de proyecto en un grafo offline y con búsqueda donde cada afirmación enlaza con su línea de origen.
- Web
Plantilla de panel de KPIs
+25Cuatro KPIs con indicadores de cambio, gráfico de líneas, desglose y barras de objetivo.
- Web
Landing page desde maquetas de IA
+25Ve tres diseños de página completa primero, elige uno y tu agente lo construye como código limpio y adaptable.
- Web
Plantilla web para revistas
+25Una web de revista con calidad de imprenta, con artículos, temas, una pequeña tienda y suscripciones, en un único archivo HTML.
- Web
Héroe con animación de partículas
+25Texto sobre papel cálido junto a una esfera de puntos que cambia con cada idea.
- Web
Web de marca personal
+25Retrato fundido con papel cálido bajo un corchete fino, con afirmaciones a cada lado.
- Web
Plantilla de web para tienda de mascotas
+25Tienda de mascotas funcional: catálogo, variantes, bolsa, planificador de recargas y pago de demo en un solo archivo HTML.
WebSección de precios dibujada a mano
+25Tabla de precios al estilo cuaderno, con tarjetas de tinta inclinadas, conmutador anual y modo oscuro, en un solo archivo sin conexión.
- Web
Página de lanzamiento de producto cinematográfica
+25Página oscura con iluminación de cine: titular serif, escena nocturna y formulario de reserva.
- Web
Web para artículo de investigación
+25Página de proyecto para tu artículo con una Figura 1 interactiva, resultados, limitaciones y cita con un clic.
- Web
Plantilla de dashboard de administración
+25Una consola de back office funcional con gráficos, tablas, kanban y calendario, en un único archivo HTML offline.
- Web
Plantilla de landing page SaaS
+25Una web de marketing tranquila y luminosa para un producto de software, con consola de producto funcional, precios y registro.
- Web
Web de portfolio estilo scrapbook
+25Un CV online de varias páginas hecho con objetos de papel, con casos de estudio y un currículum imprimible.
- Web
Plantilla web de tienda de zapatillas
+25Una tienda completa de calzado o ropa con catálogo, páginas de producto, cesta y checkout de demostración en un único HTML.
- Web
Plantilla de web para club deportivo
+25Web de club, gimnasio o estudio con horario, páginas de entrenadores, membresías, plano de pistas y reservas en un solo archivo.
- Web
Sección de muro de testimonios
+25Un muro de citas de clientes en mampostería o con deriva lenta, que solo publica citas que las personas han autorizado.
- Web
Plantilla de web para agencia de viajes
+25Web centrada en la foto para excursiones, guías o refugios, con búsqueda de viajes, solicitudes de reserva y cuestionario de viaje.
- Web
Landing page de automatización de flujos
+25Página grafito, titular pequeño y un grafo de nodos en vivo que ejecuta, reintenta y transmite registros.
Preguntas
¿El reproductor reproduce nuestros episodios reales?
Sí. Asigna a cada episodio la URL de audio de tu alojamiento de podcast y el reproductor usa un elemento de audio real con búsqueda, capítulos, velocidad y reanudación. Sin URL funciona con un reloj de demostración en silencio para poder revisar la maquetación.
Nuestras fotos de invitados son todas distintas. ¿Se verán coherentes las portadas?
Un duotono en CSS convierte cualquier foto cuadrada en la misma portada azul marino y azul pálido. Para fotos muy dispares, PopNow puede recortar fondos recargados, ampliar imágenes pequeñas e igualar la luz sin cambiar a la persona.
¿Puede PopNow hacer nuestra música de entrada?
Sí, de forma opcional: una sintonía instrumental de 20 a 40 segundos y un tráiler hablado leído por una voz sintética, cada uno presupuestado antes de ejecutarse. El skill incluye un comando de ffmpeg para mezclarlos.
¿Sirve para un programa en solitario o narrativo?
Sí. Los invitados pueden ser temas o segmentos, las temporadas pueden ser el filtro principal, y los episodios sin foto de invitado usan la portada integrada del programa o una serie de portadas generada.
¿En qué se diferencia de la página gratuita que me da mi alojamiento de podcast?
Las páginas de los alojamientos son una lista de episodios. Este diseño de web de podcast añade un hero reproducible, páginas de invitados, notas del programa con marcas de tiempo y un reproductor que sigue sonando mientras la gente navega, y sirve también como página de lanzamiento de un podcast.