How to set up social sign-in on your Ghost theme

Yes, you can hire me to do this work, but if you'd like to DIY it, here's some sample code.

How to set up social sign-in on your Ghost theme

The zip file below contains some starter code to help you get going with Spectral Web Services' social sign-on for Ghost offering. It was developed for a heavily-modified version of Wave, but should be a good jump start for other themes, official and otherwise.

Note:  Full styles not provided.  You're generally want to figure out what classes your theme uses and use those.

1. Get your 'inbound' uuid from spectralwebservices.com

2. Add the three custom-* pages and the partials to your theme.  Expect to do some editing to match your theme's styles and classes. Add your 'inbound' setting. (Hard-coded in the starter, because some themes don't have extra custom variables available.)

3. Create pages in the Ghost editor using each of the custom templates.  The sample code expects them at free-signup, sign-up, and sign-in. If you change those locations, you'll need to edit the links to them.

4. Use the sample code in default.hbs (not: NOT a full file) to update your default.hbs (and maybe some partials it calls, depending on the theme.)

5. Turn off the portal button. (Otherwise it'll pop up the portal.)

6. Check your theme for other places that cause portal's signin/signup to pop up, and replace them.  

(I don't have an easy workaround for the CTA built into the comments app at the present time. It'd be possible to build a custom version of the comments app that links a page instead of into the portal, but no one has hired me for that yet.)