> ## Documentation Index
> Fetch the complete documentation index at: https://docs.wcr.is/llms.txt
> Use this file to discover all available pages before exploring further.

# Log in to the WeCareRemote blog

> Access the WeCareRemote blog by logging in with your credentials. Use the dedicated login page or embed the login form on any page using a shortcode.

To access role-specific content and features on the WeCareRemote blog, you need to be logged in. WeCareRemote provides a dedicated login page and an embeddable login form shortcode that any page on the blog can use.

The same credentials work everywhere on the platform — the blog, the AI assistant, and the video meeting system all share the same JWT-based identity. Logging in on the blog logs you in for everything.

## Using the login page

The quickest way to log in is through the dedicated login page at [blog.wcr.is/test-1](https://blog.wcr.is/test-1/).

<Steps>
  <Step title="Navigate to the login page">
    Go to [blog.wcr.is/test-1](https://blog.wcr.is/test-1/) in your browser.
  </Step>

  <Step title="Enter your credentials">
    Type your email address and password into the login form.
  </Step>

  <Step title="Click the login button">
    Submit the form to authenticate your account.
  </Step>

  <Step title="Confirm your session">
    The page header updates to reflect your role — refugee user (`blog`) or NGO administrator (`org_admin`). Role-specific menu items become visible in the navigation.
  </Step>
</Steps>

## Embedding the login form

Any WordPress page on the blog can include the login form using the `[wcr_login_form]` shortcode. Add the shortcode to your page content to embed the full login form inline:

```text theme={null}
[wcr_login_form]
```

This renders the same login form as the dedicated login page, so users can authenticate without navigating away.

## Displaying user info

After a user logs in, you can display their profile information on any page using the `[angular_user_info]` shortcode:

```text theme={null}
[angular_user_info]
```

This shortcode reads the current user's JWT token and displays the following profile fields:

| Field               | Description                            |
| ------------------- | -------------------------------------- |
| `id`                | Unique user identifier                 |
| `username`          | Login username                         |
| `name`              | Display name                           |
| `email`             | Email address                          |
| `permissions`       | Array of roles assigned to the account |
| `organization.name` | Name of the associated organization    |

## After logging in

Once you are authenticated, the blog adapts to your account:

* The header and navigation update to reflect your role
* Role-specific menu items become visible
* Content targeted at your role becomes accessible

<Note>
  Your login credentials are the same across the entire WeCareRemote platform — the same account and password work for the blog, the AI assistant, and video conferencing.
</Note>

## Embedding tips

* Place `[wcr_login_form]` near the top of high-traffic pages so users do not have to hunt for it.
* Combine `[wcr_login_form]` and `[angular_user_info]` on the same page — visitors see the login form, signed-in users see their profile.
* The form respects WordPress styling, so theme changes flow through automatically.

## Logging out

To end your session, use the logout link in the platform header. Logging out invalidates your session in the browser; the underlying JWT token expires on its own schedule.