Login Page

In this article, you will get to know more about how you set up and customize the login page of your Turis store.

Sofie Birch Løfstedt avatar
Written by Sofie Birch Løfstedt
Updated over a week ago

You will specifically learn more about:

  • How to set up your login page

  • How to create a branded login page (Pro Feature)


How to set up your login page

To access Login Page, you start out by clicking on ⚙️ Settings in the menu on the left-hand side followed by clicking on Login Page.

The window will now look like this.

To upload your logo simply click on the "+ / plus" and select image file you want to upload.

Complete by clicking the "Save" button.

💡 Pro Tip! upload your logo with a transparent background, as it gives a smoother representation.


How to create a branded login page (Pro Feature)

As a Turis Pro user you get to customize your login page even more, with our Branded login page feature.

Here you get to set up a full screen image along with customizing the color schemes of your login page. This will not only make it more personal, it will also allow you to make sure your brand's DNA and identity are represent from the first glance.

To set up your Branded login page you start out by clicking on "Branded".

Your window should now look like this.

Here you get to upload your logo as well as a full screen image that displays your brand and/or products.

After uploading your logo and brand image file you can now choose to customize the color schemes of the login form.

You can define and set the gradients for the login form under Color 1 and Color 2.

Click on the color you want to change and drag the color picker (the little white circle) around on the color chart, to find the color you like. Or if you have a signature color scheme you and your brand uses, you can also add the exact Hex color code.

None:

Linear:

Radial:

In continuation of defining and setting up the color schemes of the login form you can also customize the Font Color, Button Background Color and Button Font Color.

Same procedure as above, you can click on the color you want to change and drag the color picker (the little white circle) around on the color chart, to find the color you like. Or if you have a signature color scheme you and your brand uses, you can also add the exact Hex color code.

While defining and setting up your color schemes for your login page, you can preview your changes along the way in the bottom of the screen.

Once you have found the right color match and you are happy with your color choices, then remember to click "Save" at the bottom of the screen to save your modifications.

You can find inspiration below, from the branded login page we have made for our Alpaca Demo Shop.

Did this answer your question?