Webflow User Accounts ( Memberships )

Combining Log In / Sign Up into a Single Tabbed Page

No items found.
Overview
Getting Started with Memberships
000
Memberships Current Features
001
Memberships Roadmap
002
What is Memberships Good For?
003
Customizing Membership UI
Building a Custom Login/Logout Button
Adv
8:50
110
Combining Log In / Sign Up into a Single Tabbed Page
Adv
8:41
111
Conditional Element Display, on Log-in State
Adv
7:34
112
Access-Group-Specific Sign-Up Forms
Adv
113
Customizing Membership Flow
Redirect Users to a Specific Page after Login
Adv
4:11
201
Redirect Users to a Specific Page after Registration
Adv
202
Log Out User
Adv
202
Getting Member Data
Getting the Logged-In User's Info
Adv
10:18
401
Getting the User's Webflow User ID
Adv
4:11
402
Customizing the Member UX
Customizing Webflow Site Search for User Accounts
Adv
601
SEO & Content Preview Approaches
Adv
602
Addendum
Other Membership Solutions
901
Memberships Loader
902
No items found.

How to combine log in and sign up UI's into a single tabbed page.

Triggered from this discussion.

Demo

Use the Log In page on this site to see this in action.

Notes


<iframe id="signup"
src="/sign-up" 
frameBorder="0" 
height="450" width="100%" 
style="display: block;" 
scrolling="no"
></iframe>

Advanced

If you want to inject CSS into the IFRAME, here's the correct approach;

  • https://stackoverflow.com/a/13959836
  • https://redstapler.co/how-to-apply-css-to-iframe/

Table of Contents
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.