Skip to content

🎁 BFCM is live! Save up to 30% on EComposer and unlock a free Feature Pack. Explore deals

🎁 The4 BFCM: 15% off Athora & Vetro + free homepage setup & 6 months of EComposer Standard free. See the deal

4.93,472 reviews on the Shopify App Store Install free New to Shopify?Open your store

Password

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.

Password — Overview (Screenshot 1)

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.

Password — Overview (Screenshot 2)

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.
Password — 1. Content Tab (Screenshot 1)
  • Layout: Choose whether to display the password form horizontally or vertically.
Password — 1. Content Tab (Screenshot 2)
  • Show preview messages: Enable this option to preview the error message shown when visitors enter an incorrect password.
Password — 1. Content Tab (Screenshot 3)

2. Design tab

  • Box: Customize the overall password form area, including the background, border, border radius, box shadow, margin, and padding.
Password — 2. Design tab (Screenshot 1)
  • Label input: Customize the label text style, including typography, text color, gradient, text shadow, margin, and padding.
Password — 2. Design tab (Screenshot 2)
  • Input: Customize the password input field, including text alignment, typography, text color, placeholder color, width, background, border, and border radius.
Password — 2. Design tab (Screenshot 3)
  • Button: Customize the submit button style, including typography, text color, background, border, width, height, and hover state.
Password — 2. Design tab (Screenshot 4)
  • Error message: Customize the style of the message shown when visitors enter an incorrect password.
Password — 2. Design tab (Screenshot 5)

Last updated

Was this page helpful?