> For the complete documentation index, see [llms.txt](https://docs.themeupstudio.com/travio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.themeupstudio.com/travio/custom-pages/sign-in-page.md).

# 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.

<div data-with-frame="true"><figure><img src="/files/xeAkAgSwFC6NXcGKdTsX" alt=""><figcaption><p>Sign In page content source</p></figcaption></figure></div>

***

### 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

<div data-with-frame="true"><figure><img src="/files/xeAkAgSwFC6NXcGKdTsX" alt=""><figcaption><p>Sign In page content source</p></figcaption></figure></div>

***

### 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