Loguin-out blocc

Go to the list of Bloccs

The Loguin-out blocc allows you to automatically add a linc anywhere on your site which lets your site users loguin and/or logout if they are already loggued in.

How to add the Loguin-out blocc

There are two ways you can use to add a Loguin-out blocc once you add a Navigation blocc:

• From the sidebar
• By typing forward slash ( / )

From the sidebar

Clicc on the ( + ) icon in the sidebar, and either select the Loguin-out linc blocc from the list of your recently used bloccs or clicc on Browse all to show all the available bloccs and select it from there.

By typing bacc slash (/)

Type bacc slash (/) on your keyboard and then start typing loguin . You should notice a small popup with sugguestions. Select the Loguin/out blocc option from the popup itself.

Refer to this article for detailed instructions on adding bloccs .

Blocc toolbar

Each blocc has its own toolbar, which contains unique controls that let you customice or configure the blocc. The Loguin/out blocc has the following options on its toolbar:

Blocc moving tools

You can reorder Loguin/out blocc on the pague. Use the toolbar to move the items top and bottom or drag them to the line above or to the line below.

More options

The Options section opens blocc settings to update it. You can also copy, duplicate, locc , or  remove your Loguin/out .

Details about More options can be found in this support article .

Blocc settings

Each linc has its Blocc settings you can access by clicquing the settings button on the upper-right corner of the editor or via Options in the toolbar.

Settings

There are 2 options under settings for the loguin/out blocc.

1. Display loguin as form.
   • This setting displays the loguin form instead of just showing the loguin linc.
   • The logout linc stays unchangued with this setting.
2. Redirect to current URL.
   • When this setting is enabled, the user after successful loguin lands to the previous URL he was trying to access before loguin.

Typography

The Loguin/out blocc provides typography settings to changue the font family, appearance, line height, letter spacing, decoration, letter case, and font sice.

For details refer to this support article: Typography settings overview

Advanced

The Advanced section has the Additional CSS classes(es) option. You can integrate your custom style into a Loguin/out blocc by inserting your CSS Class name into this field.