00 Days
00 Hours
00 Minutes
00 Seconds

Black Friday sale - up to 40% OFF

Grab this offer now

Documentation

Everything you need to get started with Blocksy Theme and Companion

Account

Account element overview

The account element from Blocksy’s header builder helps your users login and register with your website, in a clean and easy to use fashion. The element has multiple configuration options, which we’ll check out in detail below.

Granular Controls

With the account element, you’ll have two different states to configure — when the user is logged in and when they’re not. You’ll get different options for each state. Let’s note them down!

Logged in state
Account element – logged in state options

When the user is logged in, the account element transforms into a quick link. It lets you direct the user to the relevant parts of the website, such as the account page from WooCommerce, the WordPress user profile dashboard, a custom link or even log them out with a single tap.

Logged in account actions
Account actions
  • Profile page – redirects the user to their profile page inside the WordPress dashboard.
  • Dashboard page – redirects the user to the home of the WordPress dashboard.
  • Custom link – redirects the user to whatever page you might want.
  • Logout – one click logout functionality.
  • WooCommerce account – redirects the user to the built in WooCommerce account page.
Account image

The account image options let you select what kind of visual representation you’d like for the element inside the header. You can easily display the user’s avatar image, a gorgeous icon from our library or simply not display anything at all — useful in case you show the element label text.

There’s also a handy option that lets you set the size of this icon.

Label visibility

This option lets you show the text label of the element on a per device basis.

User visibility

This option lets you hide the account element on a user-state basis. For example, you can hide the element if the user is logged in, to streamline the experience.

Logged out state
Account element – logged out state options

When the user is logged out, you get a different set of options to configure for the account element. This is because the logged out user won’t be able to access the parts from the logged in state.

Logged out account actions
Account actions
  • Modal – this displays a very nice pop-up window that let’s you quickly get into the site.
  • Custom link – redirects the user to whatever page you might want.
  • WooCommerce account – redirects the user to the built in WooCommerce account page.
Account image

The account image options let you select what kind of visual representation you’d like for the element inside the header. You can easily display a gorgeous icon from our library or simply not display anything at all — useful in case you show the element label text.

There’s also a handy option that lets you set the size of this icon.

Label visibility

This option lets you show the text label of the element on a per device basis.

User visibility

This option lets you hide the account element on a user-state basis. For example, you can hide the element if the user is logged in, to streamline the experience.

Blocksy Pro Enhancements

If you’re a member of the Blocksy Pro package, you get some nice enhancements that go along with the account modal view, when logged out. For example, you get integration with the WooCommerce account registering behaviour, such as modifying the register modal tab to include a custom-picked username, or a custom password.

There are also some very nice integrations with some third party plugins, that can bring additional functionality to the website, such as anti spam protection using captcha, or letting your users login or register using their social networks accounts. These integrations are momentarily hand-picked —

Video Resources

Not the solution you are looking for?

Please check other articles or open a support ticket.