Inline Passwordless Forms: Magic Link and Email OTP
Learn how to embed VentraConnect Pro inline Magic Link and Email OTP forms directly inside pages, Elementor popups, account dropdowns, WooCommerce account popups, membership login pages, LMS login pages, and custom login layouts.
Two inline passwordless form shortcodes
VentraConnect Pro currently includes two inline passwordless form shortcodes. These shortcodes place the actual Magic Link or Email OTP form directly inside the page, popup, dropdown, or custom layout where they are added.
Inline Magic Link form
[ventraconnect_magic_link_form]
Use this when you want users to enter their email address and receive a secure sign-in link.
Inline Email OTP form
[ventraconnect_email_otp_form]
Use this when you want users to enter their email, receive a one-time code, enter the code, and log in from the same inline form.
Main VentraConnect shortcode vs Pro inline forms
VentraConnect has a main login shortcode that can display selected login methods as buttons. Inline passwordless forms are different because they embed the actual form directly into the page.
Shows login method buttons
The main shortcode can display Magic Link and Email OTP as login method buttons.
[ventraconnect_sl_social_login providers="magic_link, otp_email"]
When a user clicks one of those buttons, VentraConnect opens the normal passwordless modal flow.
Embeds the actual form
Inline Pro shortcodes place the actual Magic Link or Email OTP form directly inside your page, popup, dropdown, or custom layout.
[ventraconnect_magic_link_form]
[ventraconnect_email_otp_form]
Inline Email OTP form
The inline Email OTP form lets users request a one-time email code, enter the code, and log in from the same embedded form.
Shortcode
[ventraconnect_email_otp_form]
What the form displays
User flow
- User enters their email address.
- User clicks Send Code.
- VentraConnect sends an OTP code to the user’s email address.
- The verification code field appears in the same form.
- User enters the OTP code.
- User clicks Verify & Login.
- VentraConnect logs the user in.
- VentraConnect redirects the user using your existing Email OTP redirect settings.
Inline Magic Link form
The inline Magic Link form lets users enter their email address and receive a secure sign-in link without opening another modal first.
Shortcode
[ventraconnect_magic_link_form]
What the form displays
User flow
- User enters their email address.
- User clicks Send Magic Link.
- VentraConnect sends a secure login link to the user’s email address.
- User opens their email inbox.
- User clicks the Magic Link.
- VentraConnect logs the user in.
- VentraConnect redirects the user using your existing Magic Link redirect settings.
Using inline forms inside an Elementor popup
You can place either inline shortcode inside an Elementor popup using the Elementor Shortcode widget.
Elementor setup steps
- Go to Templates → Popups in Elementor.
- Create a new popup or edit an existing popup.
- Add a Shortcode widget.
- Paste one of the inline passwordless shortcodes.
- Save the popup.
- Connect the popup to your account icon, login button, or custom trigger.
- Test the popup in a private/incognito browser window.
Email OTP popup shortcode
[ventraconnect_email_otp_form]
Magic Link popup shortcode
[ventraconnect_magic_link_form]
Email OTP popup flow
- User clicks account icon or login button.
- Elementor popup opens.
- Email OTP form appears immediately.
- User enters email and sends code.
- OTP field appears inside the same popup.
- User enters code and logs in.
- User is redirected using existing VentraConnect redirect settings.
Magic Link popup flow
- User clicks account icon or login button.
- Elementor popup opens.
- Magic Link form appears immediately.
- User enters email and sends Magic Link.
- User checks email and clicks the secure login link.
- User is logged in and redirected using existing VentraConnect redirect settings.
Popup close and reopen behavior
The inline forms are designed to work with popup-based layouts. If a user closes and reopens the popup while a code or link is still valid, VentraConnect can restore the pending state.
Email OTP state restore
If a user sends an OTP code, closes the popup, and opens it again while the code is still valid, the popup can restore the pending OTP state.
Magic Link state restore
If a user sends a Magic Link, closes the popup, and opens it again while the link is still valid, the popup can restore the pending Magic Link state.
Enable the related login method first
Before using either inline form, make sure the related login method is enabled in VentraConnect settings.
Email OTP requirement
To use this shortcode:
[ventraconnect_email_otp_form]
Email OTP must be enabled in VentraConnect settings. If Email OTP is disabled, the inline Email OTP form will not appear for normal visitors. Site admins may see a notice explaining that Email OTP is not enabled.
Magic Link requirement
To use this shortcode:
[ventraconnect_magic_link_form]
Magic Link must be enabled in VentraConnect settings. If Magic Link is disabled, the inline Magic Link form will not appear for normal visitors. Site admins may see a notice explaining that Magic Link is not enabled.
Account creation and Guardrails
Inline passwordless forms use the same VentraConnect passwordless logic as the normal button/modal flow. They do not bypass your existing security, registration, redirect, or Guardrails settings.
Existing rules still apply
WooCommerce My Account redirect example
To redirect users to WooCommerce My Account after Email OTP or Magic Link login, configure your existing VentraConnect redirect settings rather than adding a redirect attribute to the inline shortcode.
Setup steps
- Go to VentraConnect settings.
- Enable the passwordless method you want to use.
- Configure the related passwordless redirect setting.
- Set the redirect destination to your WooCommerce My Account page.
- Add the inline shortcode inside your page, popup, or layout.
Email OTP
[ventraconnect_email_otp_form]
Magic Link
[ventraconnect_magic_link_form]
Styling notes
The inline forms include lightweight default styling so they work out of the box. The styles are scoped to the form classes below to help reduce conflicts with your theme or builder.
Email OTP form class
.vcsl-email-otp-inline
Magic Link form class
.vcsl-magic-link-inline
Which shortcode should you use?
Email OTP inline form
[ventraconnect_email_otp_form]
Use this when you want users to enter their email, receive a code, enter the code, and log in from the same inline form.
Magic Link inline form
[ventraconnect_magic_link_form]
Use this when you want users to enter their email address and receive a secure sign-in link.
Troubleshooting inline passwordless forms
The shortcode appears as plain text
This usually means VentraConnect Pro is not active. These inline shortcodes are Pro-only. Make sure VentraConnect Pro is installed and active.
The form does not appear
Check that VentraConnect Pro is active, the related login method is enabled, and you are testing while logged out. Logged-in users may see an “already logged in” message instead of the login form.
The OTP or Magic Link email is not arriving
Check your WordPress email sending setup, SMTP configuration, spam/junk folder, VentraConnect email settings, and whether the same method works through the standard VentraConnect button/modal flow.
Redirect is not going to My Account
The inline shortcodes do not control redirects directly. Check your existing VentraConnect redirect settings. For WooCommerce, make sure your passwordless redirect setting points to the WooCommerce My Account page if that is your desired destination.
I changed the email after sending a code or link
That is supported. If the user edits the email address after sending an OTP code or Magic Link, the form resets so a new code or link can be sent to the updated email address.
Need the inline form shortcodes?
Inline Magic Link and Email OTP forms are available in VentraConnect Pro. Use them when you want passwordless login directly inside popups, dropdowns, custom login pages, WooCommerce account layouts, membership pages, or LMS login screens.
