Signup Banner

Theme component
,
1
:discourse2: Summary Signup Banner connects into the core signup CTA and will show a pop up banner (in addition to the normal CTA block at the end of a topic).
:eyeglasses: Preview Preview on Discourse Theme Creator
(needs an anon window and to fulfill the criteria below)
:hammer_and_wrench: Repository Link https://github.com/discourse/discourse-signup-banner
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

Features

The showing of this banner, as well as the built-in Signup CTA at the bottom of a topic requires criteria to be met.

The criteria are:

  • User is anonymous
  • User has read at least two topics
  • User has read for at least two minutes

Topic List Page

topic list page
topic list page2606Ă—1940 444 KB

Topic Page

topic page
topic page2560Ă—1938 339 KB

Settings

Name Description
heading text Join the conversation and sign up today!
subheading text When you create an account, we’ll remember exactly what you’ve read, so you’ll always come right back to where you’ve left off.
signup text Sign Up
reminder text Maybe Later
dismiss text Never

:discourse2: Hosted by us? Theme components are available to use on our Standard, Business, and Enterprise plans.

Last edited by @JammyDodger 2024-06-15T14:12:39Z

Check documentPerform check on document:
17 Likes
2

MAN YOU READ MY MIND!!! Getting ready for a public launch for a community Im working with and this is exactly what I needed!

2 Likes
3

Thanks for this!

We are using Memberful for signups - would it still work?

1 Like
4

The signup button transitions user’s to the Discourse sign-up route. It should be the same as if a user clicked on the normal sign up button at the top of a Discourse site.

3 Likes
5

Is there any way I can preview the component? Have installed and put it into effect, however, can’t see this banner show up on my incognito page.

2 Likes
6

Same issue, i can´t see it after “read” 2 minutes and be “anonymous” trough incognito browser.

1 Like
7

Hello, It connects to the core signup CTA banner and will show up at the same time than the core CTA appears at the bottom of the topic.

This is the core signup CTA :arrow_down_small:

Screenshot 2022-08-19 at 11.04.38
Screenshot 2022-08-19 at 11.04.38798Ă—329 29.9 KB

For this you have to :arrow_down_small:

And I think it won’t show up if the enable signup cta site setting is disabled.
Screenshot 2022-08-19 at 10.47.23

2 Likes
8

Has anyone who is using this component changed the styling or positioning of it on their sites?

I would love to hear or see what you’ve done :pray:

I have a situation when I have the banner showing but also the Login button in the header navbar :grimacing:

image
image3076Ă—1282 346 KB

Any way that I can hide that using css in the theme, if the banner class is showing? I tried something like this but it didn’t help :frowning:

.discourse-signup-banner:not([style*="display: none"]) .auth-buttons {
    display: none !important;
}

Edit

I was able to achieve this by doing this instead :heart:

body:has(.discourse-signup-banner) .auth-buttons {
    display: none !important;
}