There is a simple way like: button has class: sign-up-button
When clicked will open the registered Popup. Instead of using a: href is a signup
I used api.decorateWidget ('post: after', helper
But there is NAME:LOCATION is unique to insert a code snippet at the end of the article.
Or place to find the NAME: LOCATION
post:after should work if you want to add new elements to the bottom of a post. Note that you have a space between post: and after.
I think this is related to what you’re trying to do.
If you still have problems, then please post the rest of the code you’re using.
Thanks for your help (especially for newbies)
This is the entire code
<script type="text/discourse-plugin" version="0.8.25">
const user = api.getCurrentUser();
if (!user) {
api.decorateWidget('post:after', helper => {
let h = helper.h, attrs = helper.attrs;
// console.log(attrs);
return helper.h('div.fixed-bottom-bar.d-none.d-lg-block',
[
helper.h('div.wrapper',
[
helper.h('div.logo',
helper.h('img', {
src: 'https://thuvienmuasam.com/uploads/default/original/1X/776142524c0d5c0430a603fde63a8bad2f77b267.svg',
alt: 'ThuVienMuaSam'
})
),
helper.h('div.content.d-flex.justify-content-between.ml-1',
[
helper.h('div.float-left',
[
helper.h('span.title','Chào mừng đến với Thư Viện Mua Sắm!'),
helper.h('br'),
helper.h('span.text',
[
helper.h('span','Bắt đầu '),
helper.h('a.text-primary.cursor-pointer.sign-up-button',{ href: '/signup'},
helper.h('strong','đăng ký tài khoản TVMS')
),
helper.h('span',' để có được nhiều bài viết thú vị hơn từ '),
helper.h('a',{ href: '/u/'+helper.attrs.username },
helper.h('strong',""+helper.attrs.username),
),
])
]),
helper.h('div.float-right.d-flex.align-items-center',
helper.h('button.btn-primary.btn',{type:'button'},
helper.h('a', { href: '/signup'},
helper.h('span.d-button-label','Tham Gia')
),
)
),
]
),
]
)
]
);
});
}
</script>
I used helper.h(‘a’, { href: ‘/signup’} But when clicking the button, the page will reload instead of displaying the Registration Frame immediately
Thanks for sharing your code 
If you want the login / sign up modals to show up directly, then you need to use the built-in showLogin and showCreateAccont actions.
So instead of this
helper.h(
"button.btn-primary.btn",
{ type: "button" },
helper.h(
"a",
{ href: "/signup" },
helper.h("span.d-button-label", "Tham Gia")
)
)
you should use something like this for the signup modal
helper.attach("button", {
label: "sign_up",
className: "btn-primary btn-small sign-up-button",
action: "showCreateAccount"
})
or this if you want the login modal
helper.attach("button", {
label: "log_in",
className: "btn-primary btn-small login-button",
action: "showLogin",
icon: "user"
})
I should also note that I think adding a banner - for anon users - below every post with the signup / login buttons is very user-hostile and I would recommend against doing that. However, I don’t know much about your use-case here. Have you considered adding the banner / image at the top of your site instead of adding it to every post?
Thank you for coming back and solving all the questions 
I want to improve new users now, so I need action.
Currently only works on PC.
I am browsing through articles about cookies to be able to hide or hide when users click on hide it
¿dónde coloco este código en mi tema mint?
Puedes crear un nuevo componente de Tema y adjuntarlo a tu tema.
Ve a Administración → Personalizar
Haz clic en el botón Instalar
Luego adjúntalo a tu tema y haz clic en el botón Editar CSS/HTML
Añades código en la sección Head:
Espero que eso ayude. 
En el tema mint, ¿dónde coloco este código?
¿Probaste los pasos que proporcionó @Arkshine?
Dado que no puedes editar temas remotos, lo mejor es crear tu propio componente temático y añadirlo al tema mint.
i m getting console.error(“La API o la función showLogin no están disponibles.”);
Seguí los pasos pero al llegar a la página de inicio de sesión, el modelo no se abre automáticamente.
<script type="text/discourse-plugin" version="0.8.25">
// Función para comprobar si la página actual es la página de inicio de sesión
function isLoginPage() {
return window.location.pathname === "/login";
}
// Activar la acción de inicio de sesión cuando la página se carga
document.addEventListener("DOMContentLoaded", function() {
console.log("Evento DOMContentLoaded disparado.");
// Comprobar si la página actual es la página de inicio de sesión
if (isLoginPage()) {
console.log("La página actual es la página de inicio de sesión.");
// Activar la acción de inicio de sesión
if (typeof api !== "undefined" && typeof api.showLogin === "function") {
console.log("La API y la función showLogin están disponibles.");
api.showLogin();
} else {
console.error("La API o la función showLogin no están disponibles.");
}
} else {
console.log("La página actual no es la página de inicio de sesión.");
}
// Obtener el elemento del botón de inicio de sesión
const loginButton = document.getElementById("loginButton");
// Activar un evento de clic en el botón de inicio de sesión para abrir el modal de inicio de sesión
if (loginButton) {
loginButton.click();
}
});
</script>
Estoy recibiendo console.error(“La API o la función showLogin no están disponibles.