Signin and Subscribe Popup Blocked In Chrome

In Chrome the Signup and Subscribe Buttons do not work. They work, but not in Chrome. Chrome Blocks the Popup window, and I know it is because of the Block pop ups and redirects, and I do not mind changing it for myself. Its my site, I know that is safe. However, for my visitors, they will not want to do that. Or, if they do, I will have to setup a help page to inform them that they need to make that change.
If someone else is having an issue with the Sign in and Subscribe Buttons not working, it is because of the pop up blocker in you browser. In most cases, and for sure in my case. Since this may be an issue for new visitors, is there a way I can add sign in, our the sign up tab to a static page, so that it does not open as a pop up?

Hm, are there any errors in your browser console (right click → inspect → console)?

Do you maybe have a link to your site? I am running the latest version of Ghost and do not have any issues like this in Chrome myself, running a popup blocker.

Independent of that, you can indeed build your own static membership flows:

Runs great in Firefox. https://coachoc.us You can try it yourself and see. Thanks for quick reply.

This is from Developer tools, and I see it now. Thanks for reminding me to check that.
FeedbackPage.js:12 Mixed Content: The page at ‘https://coachoc.us/’ was loaded over HTTPS, but requested an insecure resource ‘http://coachoc.us/members/api/member/’. This request has been blocked; the content must be served over HTTPS.
index.js:56 [Portal] Failed to initialize: TypeError: Failed to fetch
at o (FeedbackPage.js:12:35)
at Object.sessionData (FeedbackPage.js:12:35)
at Ws.s.init (FeedbackPage.js:12:35)
at mD.fetchApiData (index.js:56:6)
at mD.fetchData (index.js:56:6)
at mD.initSetup (index.js:56:6)
at mD.componentDidMount (index.js:56:6)

I do not allow any http connections, and I will look at the code, and change the buttons links if I can find it. Again, thanks for your quick reply, and reminding me that it is usually user error :)

I think the solution is quite simple. Looks like your Ghost configuration is set up to use http://coachoc.us as URL, and not the https://... version.

Have a look at your config.production.json, change that value, and restart Ghost.

If you’re running on Docker, you might need to change some environment variables and restart your container.

2 Likes

I noticed it was http and was wondering where to change that, and sure enough you had already given me the answer. I am just setting this one up, and still have a lot to add.
Thank you!

1 Like

This has not worked for me.

I just tried to implement this suggestion, and upon looking at my config file, I find that it is already set to use https for my URL geryow(dot)com.

However, I’ve still got the subscription buttons working in Firefox, just not all in Chrome. The one in my cover image area works but not the ones top and bottom of the page, the right hand side on desktand neither does the sign in link.

A friend who’s helping me test the site, signed up last week used Chrome okay previously, but now the subscription buttons are not working at all in mobile or desktop Chrome.

But what did change was that I updated the version of Ghost being used to the latest release (I originally installed and run through the ghost CLI).

Is it possible that the update has borked something for me? Or could it still be related to something discussed already on this thread?

I have found that the issue for me is a Cloudflare security application I’d tried to have running on the site to handle the fact that there is no native 2FA/MFA for admins when self-hosting. This was following a method mentioned here on this other person’s blog.

1 Like