header-logo
Getting started with WixBuild your website and business with Wix. Try using our AI tools to create your website, customize templates, or hire professionals to build or enhance your online presence.
Creating a websiteRead how to use the Wix Editor and manage content on your site. Discover how to protect your visitors' privacy and make your site accessible.
Account & billingReview your account settings, manage your subscriptions and plans and understand your invoices.
Using the Wix mobile appsUse our mobile apps to run your business efficiently on the go and set up a dedicated app for your site members to stay in touch.
Connecting a domainFollow our step-by step guides to learn how to purchase, connect or transfer a domain for your site, and find out how to keep your site’s data secure.
Managing your businessGet tools to grow your business and web presence. Find the right tools for your specific needs, set up online payments and keep track of your site's analytics.
Promoting your siteLearn to make your site more visible promoting it on search engines, sending emails and running paid ads. Improve your online presence with practical tips.
Studio, Partners & EnterpriseGet the most out of your Studio or Enterprise account with advanced features that'll help you work more efficiently.
Need more help?Find solutions for site performance and technical issues, learn about issues we’re working to fix or contact us for help.
placeholder-preview-image
Wix LearnImprove your skills with our courses and tutorials.
Wix BlogGet tips for web design, marketing and more.
SEO Learning HubLearn to increase organic site traffic from search engines.
Website developmentBuild a custom site using our full-stack platform.
Hire a ProfessionalGet matched with a specialist to help you reach your goals.
placeholder-preview-image
In this article
  • Adding a Members Area that comes with a login bar
  • Adding a blog login bar
  • Customizing your login settings

Wix Blog: Adding a Login Bar to Your Blog

In this article
  • Adding a Members Area that comes with a login bar
  • Adding a blog login bar
  • Customizing your login settings
A login bar allows visitors to sign in to your site, enhancing their experience and engagement with your blog. When visitors log in, they can follow, comment on posts, and join your blog community, making your site more interactive and lively. 

For example, imagine a cooking blog where readers can share their thoughts and tips in the comments, follow their favorite recipes, and connect with fellow food enthusiasts. This not only builds a sense of community but also encourages repeat visits. 

Additionally, if you or other writers want to write a blog post directly from your live site, you need to log in via the login bar.
A screenshot showing the login bar on a site.
You can add a login bar either by adding a Members Area to your site, or by adding a standalone login bar.

Adding a Members Area that comes with a login bar

When you add the Wix Members Area to your site, visitors can log in and gain access to all members pages, including special pages for Wix Blog, Wix Stores, and Wix Bookings.  
Adding the Members Area also adds a page to your site where blog members can view, follow, and access each other's profile. If you want the Members Area, but without this page, you can hide it
A screenshot showing the members profile page.

To add a Members Area to your site:

  1. Click Add Apps  on the left side of the editor.
  2. Enter "Members Area" or "Wix Members Area" in the search bar.
  3. Select the Wix Members Area app.
  4. Click Add to Site.
Adding the Members Area app in Wix Editor

Adding a blog login bar

In addition - or instead of - the Members Area login bar, you can add a standalone blog login bar which appears next to your blog menu. 
Like the Members Area login bar, it grants visitors access to all members-only pages and blog pages, but not to special pages for Wix Stores, Wix Bookings, etc. In addition, it doesn't add a separate members page to your site.
A screenshot showing the standalone login bar.

To add a blog login bar:

  1. Click your blog feed in the editor
  2. Click Settings.
  3. Click the Display tab.
  4. Click Blog Menu.
  5. Enable the Login from blog menu toggle.
Tip:
To edit the login button design, click the blog in the Editor, click Settings, and in the Design tab, select Blog Menu

Customizing your login settings

You can customize your login settings to display sign up/log in first, allow social logins from Google or Facebook, and display links to your terms of use. 
A screenshot showing the login pop up form

To customize your login settings:

  1. Click Pages  on the left side of the editor.
  2. Click Signup & Login.
  3. Click Member Signup Form (Default).
  4. Go through the tabs one by one to set up the signup form:

Helpmate

Hello

Need a bit more guidance?
Unlock personalized helpLog in to get the most out of Helpmate.