# Añadir botones de inicio de sesión/registro a HTML personalizado

**URL:** <https://meta.discourse.org/t/add-login-signup-buttons-to-custom-html/159107>\
**Category:** Product Support\
**Created:** [28 Julio, 2020 21:23 UTC](https://meta.discourse.org/t/add-login-signup-buttons-to-custom-html/159107 "2020-07-28T21:23:15Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Jon\_M](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jon_m/32/158144_2.png) [@Jon\_M](https://meta.discourse.org/u/Jon_M)\
**Post date:** [28 Julio, 2020 21:23 UTC](https://meta.discourse.org/t/add-login-signup-buttons-to-custom-html/159107/1 "2020-07-28T21:23:15Z")

</div>

Estoy utilizando Banner Themes ([https://meta.discourse.org/t/banner-themes-and-instructions-for-customizing-them/82368](https://meta.discourse.org/t/banner-themes-and-instructions-for-customizing-them/82368)) para mostrar contenido HTML a usuarios anónimos. Básicamente, solo para animarlos a crear una cuenta.

Estoy intentando agregar un botón de “registrarse” en medio de mi contenido. En general, ha sido bastante sencillo crear un botón y, al hacer clic, redirigir a [.xyz Domain Names | Join Generation XYZ](https://www.xyz.com/signup) y manejarlo como una redirección web normal. [Ya sea mediante JS, un simple ‘post’ de formulario, redirección por href, etc.]

He estado tratando de ver si puedo utilizar una forma más “nativa de Discourse” para realizar esta acción. He seguido de cerca la [Guía del desarrollador para temas de Discourse](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648). En algún punto entre widgets, controladores y componentes, me surgió una pregunta:

¿Cuál es la forma más directa de usar JavaScript (dentro de un script type=“text/discourse-plugin”) para “mostrar el modal de registro”? Para ser muy claro, estoy intentando ejecutar esto fuera de un script de Handlebars como este:

> {{d-button action=(route-action “showCreateAccount”) class=“btn-primary sign-up-button” label=“sign\_up”}}

En última instancia, algo así… Estoy tratando de averiguar qué reemplazar con lo que está en **negrita** :

> \<script type="text/discourse-plugin"version=“0.8.18”\>  
> document.getElementById(“showCreate”).onclick = function() {  
> **{{d-button action=(route-action “showCreateAccount”) class=“btn-primary sign-up-button” label=“sign\_up”}}**  
> }  
> \</script\>

Todo lo que he intentado arroja diferentes errores, pero la mayoría giran en torno a que simplemente no entiende la “acción”. Intenté buscar en Meta y, aunque hay muchos ejemplos sobre cómo crear un nuevo widget o colocar esto en otro lugar, no pude encontrar una forma de hacerlo de manera nativa. Cualquier ayuda sería muy apreciada.

(P.D. No digo que esta sea la mejor forma o la forma necesaria de hacer que esto funcione, pero me ayudaría mucho a entender cómo se conecta toda la aplicación).

¡Gracias!

---

_[View the full topic](https://meta.discourse.org/t/add-login-signup-buttons-to-custom-html/159107)._