Publish, Loading y Done
Transición breve, indicador de carga y confirmación únicamente cuando la operación asíncrona se resuelve.
BOTÓN PUBLISH · JAVASCRIPT + WORDPRESSComprar ahora — US$10
COMPONENTE WEB · SIN PUBLICACIÓN AUTOMÁTICA
Un clic.
Un estado claro.
Publish → Done.
Un botón compacto con tres estados visibles y accesibles. Úsalo en JavaScript puro o en WordPress; conecta una acción autorizada cuando estés listo.
3estados animados
2temas de contraste
1API reutilizable
DEMO · COMPONENTE
Publish Button
Una respuesta visual
en cada paso.
El botón espera la Promise conectada y solo muestra Done cuando termina correctamente.
Publish→Loading→Done
FUNCIONES
Pequeño por fuera.
Predecible por dentro.
El componente deja claro qué está pasando y cuándo la operación realmente terminó.
Dos variantes de contraste
Botón oscuro sobre fondo claro y botón claro sobre fondo oscuro. Ajusta también fondo, letras e icono.
Integración pequeña
JavaScript puro con una API basada en Promise. En WordPress, mediante el plugin correspondiente.
Error y reintento
Si la acción falla, el botón muestra Retry; nunca presenta un error como si hubiera terminado bien.
Teclado y accesibilidad
Botón nativo, soporte de Enter y Espacio, foco visible y avisos para tecnologías de asistencia.
Movimiento adaptable
Animaciones con transform y opacity; respeta la preferencia del sistema para reducir movimiento.
DEMO EN VIVO
Pruébalo aquí mismo.
Los botones simulan una respuesta después de una pausa breve. No publican ni envían contenido.
Cambia el fondo, el texto y el icono con los selectores; la vista previa se actualiza al instante.
CÓMO SE INTEGRA
Una demo para dos caminos.
La misma experiencia está disponible como plugin de WordPress y componente JavaScript.
JavaScript puro
Incluye el CSS y el script del componente. Conecta la operación que devuelve una Promise.
const button = BPAButton.mount(root, {
mode: "integration",
action: async () => await saveYourContent()
});WordPress
El plugin incluye este botón con sus estilos locales. Aquí puedes revisar su aspecto, los colores y los estados sobre el fondo de una página real.
Hecho para integrarse con seguridad.El plugin no crea endpoints de publicación, no pide credenciales ni publica automáticamente.
REQUISITOS
Ligero, local y accesible.
- JavaScript estándarSin framework, CDN ni compilación.
- WordPress 6.0+ · PHP 7.4+Plugin autónomo con CSS y JS locales.
- Móvil y escritorioDiseño adaptable desde 360 px.
- Respeta el tecladoFoco visible y movimiento reducido.
PREGUNTAS
Dudas habituales.
¿El botón publica algo en esta demo?
No. Solo muestra los estados con una espera breve. La publicación real requiere que quien integra conecte y autorice su propia función asíncrona.
¿Cuándo aparece Done?
Solo cuando la Promise de la acción conectada termina correctamente. Si falla, el usuario puede reintentar.
¿Puedo cambiar los colores?
Sí. Usa los selectores de fondo, texto e icono para cambiar la vista previa.
¿Necesito Java instalado?
No. El componente está hecho con JavaScript estándar; no requiere Java, Flash ni plugins del navegador.