Sign In Page

Live preview: https://travio.themeupstudio.com/signin/

This guide explains how the Sign In page works and how to configure it.

Route and Template

• URL: /signin/

• Route source: routes.yaml

• Template file: signin.hbs

• Page data source: data: page.signin

Create a Ghost page with slug signin so heading/excerpt/optional media render correctly.

Sign In page content source

---

What the Sign In Page Does

Travio’s Sign In page lets existing members log in via Ghost’s magic-link flow.

It renders a members form with:

• Email field

• Submit button

• Loading/success/error messages

• Link to Sign Up page for users without an account

Template internally uses:

• form_type="signin"

• Sign-in specific loading/success copy

---

How Sign In Works (User Flow)

1. User enters account email

2. Form submits to Ghost Members

3. User receives magic sign-in link by email

4. Clicking link signs user in

No password entry is required (Ghost magic-link authentication).

---

Content Mapping from page.signin

• title → page heading

• custom_excerpt (if present) → helper text

• excerpt fallback when custom excerpt is empty

• feature_image (optional) → split visual layout support

Sign In page content source

---

Required Ghost Configuration

For sign in to work correctly:

1. Members enabled in Ghost

2. Outbound email configured and working

3. Site URL/domain correctly configured for magic links

If email delivery is broken, sign-in links won’t arrive.

---

Template and Component Structure

• Route template: signin.hbs

• Shared component: partials/common/members-form-page.hbs

Sign-in specific behavior in template:

• Submit label: “Sign In”

• Loading: “Sending your sign-in link...”

• Success: “Check your inbox for the magic link...”

• Alternate link: points to /signup

• No name field on sign in form

---

UI States and Feedback

The form supports state messaging for:

• Loading

• Success

• Error (data-members-error)

These are toggled automatically by Ghost members form state classes.

---

Relationship to Membership Funnel

Sign In is one part of Travio’s member journey:

• /membership/ → plans/details

• /signup/ → new account creation

• /signin/ → returning member access

• /subscribe/ → newsletter-focused subscription flow

All related pages should be configured for a complete user path.

---

Common Issues

• Sign-in form visible but not functional: members disabled.

• No sign-in email received: mail delivery misconfiguration.

• Page header/description missing: signin slug page not created.

• Users confused between signup/signin: unclear page copy; improve excerpts and link text.

• Unexpected auth behavior: magic-link model expected; no password form.

---

Quick Setup Checklist

• Page slug exists: signin

• Members enabled

• Email delivery working

• /signup/ route/page available

• Success/error messages verified in real test