Password

Author: Jade Abit 2352 views

The Password element allows you to add a password form to your Coming Soon/Password page. Visitors can enter the store password to access your protected store.

This element works the same way as the default Shopify password form. It should be used on the Coming Soon/Password template to make sure the password function works correctly.

image 208

You can use this element when your store is password-protected and you want to customize the password page layout with EComposer.

Learn more about how to build a Coming Soon/Password template here.

In the EComposer editor, open the Coming Soon/Password template, then drag and drop the Password element from Shopify elements to your desired position on the page.

image 117

1. Content Tab

  • In the General settings, you can change the text displayed in the password form, such as the input label, input placeholder, and submit button text.
image 128
  • Layout: Choose whether to display the password form horizontally or vertically.
image 206
  • Show preview messages: Enable this option to preview the error message shown when visitors enter an incorrect password.
image 207

2. Design tab

  • Box: Customize the overall password form area, including the background, border, border radius, box shadow, margin, and padding.
image 197
  • Label input: Customize the label text style, including typography, text color, gradient, text shadow, margin, and padding.
image 200
  • Input: Customize the password input field, including text alignment, typography, text color, placeholder color, width, background, border, and border radius.
image 201
  • Button: Customize the submit button style, including typography, text color, background, border, width, height, and hover state.
image 202
  • Error message: Customize the style of the message shown when visitors enter an incorrect password.
image 203

Leave a Comment

Enjoy a free 3-day trial. Then get your first month for $1. Try Now.