Meta tags:
description= Send Auth.js magic link emails with Loops.;
Headings (most frequently used words):
auth, js, documentation, index, on, this, page, create, transactional, email, set, up, loops, in, your, project, learn, api, cli, guides,
Text of the page (most frequently used words):
the (23), auth (21), loops (20), your (18), email (16), you (13), emails (11), and (9), transactional (9), use (7), page (6), from (6), add (6), api (6), link (6), magic (6), this (5), sending (5), can (5), when (5), sent (5), variable (5), #create (5), all (4), project (4), with (4), for (4), will (4), integrations (4), contact (3), are (3), next (3), better (3), get (3), address (3), env (3), send (3), provider (3), environment (3), copy (3), variables (3), make (3), which (3), url (3), data (3), design (3), workflows (3), using (2), auth0 (2), details (2), subject (2), content (2), that (2), auth_loops_transactional_id (2), process (2), auth_loops_api_key (2), providers (2), database (2), adapter (2), nextauth (2), import (2), configure (2), example (2), file (2), click (2), here (2), publish (2), two (2), set (2), sure (2), named (2), authentication (2), button (2), then (2), editor (2), creating (2), deliverability (2), log (2), visibility (2), account (2), started (2), guides (2), events (2), contacts (2), overview (2), webhooks (2), search (2), documentation (2), index (2), support, responses, generated, may, contain, mistakes, assistant, linkedin, previous, integration, yes, was, helpful, last, modified, april, 2026, also, access, giving, eye, history, logs, don, forget, etc, managed, transactionalid, apikey, choosing, signout, signin, handlers, const, export, final, step, built, transactional_id, api_key, both, values, second, find, first, key, generate, one, settings, need, done, save, unpublished, not, name, uses, urls, text, buttons, images, adding, into, field, each, user, inserted, wherever, recommend, stylish, but, basic, links, help, customize, style, panel, where, define, like, reply, reveal, options, new, users, they, attempt, full, being, whom, doesn, offer, out, box, easily, edit, beautiful, instead, having, code, them, html, more, control, over, there, big, benefits, must, adaptor, basics, recipes, getting, uploads, themes, lists, messages, properties, components, completion, campaigns, cli, changelog, sdks, examples, reference, introduction, security, agent, skills, smtp, zapier, webflow, supabase, stripe, segment, rudderstack, posthog, polar, novu, integrately, framer, fivetran, clerk, clay, carrd, bubble, auto, bcc, incoming, forms, goals, editing, learn, navigation, home, skip, main, discover, available, pages, before, exploring, further, fetch, complete, docs, llms, txt,
Text of the page (random words):
auth js loops documentation index fetch the complete documentation index at docs llms txt use this file to discover all available pages before exploring further skip to main content loops home page contact us log in loops search navigation integrations auth js search k learn get started editing emails workflows events goals contacts transactional email integrations overview forms incoming webhooks auto bcc auth0 auth js better auth bubble carrd clay clerk fivetran framer integrately novu make polar posthog rudderstack segment stripe supabase webflow zapier smtp account agent skills for loops security api api introduction api reference examples sdks webhooks api changelog cli overview auth campaigns completion components contact properties contacts email messages events lists themes transactional uploads workflows guides all guides getting started workflows deliverability integrations creating emails recipes email basics on this page create a transactional email set up loops in your auth js project integrations auth js copy page send auth js magic link emails with loops copy page use loops to send your auth js magic link emails you must configure a database adaptor to use magic link authentication in auth js there are two big benefits to using loops for sending your auth js emails 1 more control over design you can use loops design editor to create and then easily edit beautiful transactional emails instead of having to code them with html 2 better visibility of sent emails you get full visibility on which emails are being sent when and to whom in your loops account auth js doesn t offer this out of the box create a transactional email in loops create a new transactional email which will be sent to your users when they attempt to log in here is where you define your email s subject and sending details like from address and reply to address click the button to reveal all the sending options then you can create your email in the editor we recommend creating a stylish but basic email for magic links to help with deliverability use the style panel to customize the design to add the auth js magic link in your email add a data variable named url when the email is sent each user s magic link will be inserted wherever you add the variable you can add data variables as urls to text buttons and images in this example we re adding the url data variable into the button s link field make sure that your variable is named url which is the variable name auth js uses when sending authentication emails when you re done make sure to save and publish your email unpublished emails will not be sent set up loops in your auth js project 1 environment variables to use the loops provider in auth js you ll need to add two environment variables to your project the first is an api key you can generate or copy one from settings api the second is the id of your transactional email go to the email in loops and click on to the publish page here you will find the transactional id add both values to your environment for example in an env file auth_loops_api_key api_key auth_loops_transactional_id transactional_id 2 use the loops provider the final step is to configure your project to send emails with the built in loops provider auth js import nextauth from next auth import loops from next auth providers loops export const handlers auth signin signout nextauth adapter database adapter of your choosing providers loops apikey process env auth_loops_api_key transactionalid process env auth_loops_transactional_id that s it don t forget your email details subject from address etc and content can all be managed from loops you also get access to transactional email logs giving you an eye on your sending history last modified on april 21 2026 was this page helpful yes no auth0 integration previous better auth next i x linkedin assistant responses are generated using ai and may contain mistakes contact support
|
