Embedding the client login

Put the gallery login on your own website, in your own design, instead of sending couples to your gallery domain first. The couple never leaves your brand.

1. Allowlist your site

In aelor: Dashboard → Settings → Allowed embed origins — add each origin that will host the component, e.g. https://www.yourstudio.com.

2. Drop in the component

<script type="module" src="https://galleries.yourstudio.com/embed/v1.js"></script>

<aelor-access
  instance="https://galleries.yourstudio.com"
  gallery="marie-david-2026"
  redirect="auto">
</aelor-access>

• instance — your aelor.gallery base URL
• gallery — the gallery slug
• redirect — auto (default): navigate to the gallery on success · none: stay put and emit an aelor:success event instead
• code-label, button-label — optional text overrides

3. Style it

Set CSS custom properties on the host, or target shadow parts:

aelor-access {
  --fv-font: "Your Font", serif;
  --fv-accent: #1a1a1a;
  --fv-accent-text: #fff;
  --fv-border: #e6e3de;
  --fv-radius: 10px;
}

Events

With redirect="none" the component emits aelor:success with the gallery URL in detail — wire your own transition, modal, or analytics.

Questions? hello@aelor.gallery