In order to apply the lock to your site, please make sure that the app is integrated to the live/current theme.

Steps to manage

1. Open the app > On the app dashboard page, navigate the App status section > Integrate theme:

There will be a popup screen shows up as below, kindly select the theme you want the app to work on and click Enable embed app:

1. You will be redirected to the App embed page in Theme customize. From there, click Save to embed the app to the theme:

1. You can check the lock on the storefront to see how it works.

To prevent the app data from working on your theme, you just need to disable the app embeds on your theme.

1. Open the app > On the app dashboard page, navigate the App status section:

1. Click on the theme name displayed in the App status setting, you will be redirected to the App embed in Theme customize:

Delete a Lock:

Steps to manage

1. Open the app > click Locks

2. Tick on the lock you want to delete > click Remove

Lock(s) are deleted from the lock list in the app.

Steps to manage

1. Open the app > click Locks > click the Create Lock button

2. Choose the type of lock you want > Specific Pages > Create lock:

1. Set up Name for the lock.

2. In the Lock resources setting > Click Manage collections and select the collection you want to add to this lock:

You can choose more than one 1 page to lock.

1. Set up Lock conditions: Select who can (or cannot) access the content, and the direct page when customers access the Lock. Refer to this :

1. Click Save to update the changes

Check the result on the front store.

After setting Hide add to cart button for specific products and customers, you can also display a button or link on the collection page or product page to direct customers to login page.

Please follow the steps set it up.

Step to manage

1. Open the app > click Settings

2. In Color Settings dropdown, select Price & Add to cart

Select one of the 2 option:

• Plain text: the text will display under the product title, customers click text and it direct them to login page

• Button: the Login to view price button displays below the product title, customers click button and it directs them to the login page

4. Configure the text/button color

5. Click Save

Check the result on the front store

Steps to manage

1. Open the app > click on the Locks section > Create Lock

1. Choose the type of lock you want > Specific Collections > Create lock:

Steps to manage

1. Open the app > click on the Locks section > Create Lock

1. Choose the type of lock you want. There are 6 contents the app supports hiding: Entire website, Product, Collection, Blog, Page URL, Page.

In this case, please choose "Specific products" to start setting up lock for the products you want.

Welcome to Sami B2B Lock, Password Protect — the simple, powerful solution to secure your Shopify store for B2B customers. This app helps you lock pages, hide prices, and protect your store with passwords, so only authorized visitors can access sensitive content.

What can you do with this app?

• Lock specific products, collections, or pages

Steps to manage

1. Open the app > click Locks > click Create Lock button or open an existing Lock

2. Enter the Lock Name

3. In Lock resources > Content to lock section, select Specific products or Specific collections option > Add products/collections you want to apply the Lock

4. Then the product Product settings option will show up, tick on Hide product button add to cart checkbox

5. In Lock conditional section > Select who can (or cannot) access the content > select Visitors with passcode

6. Enter passcode and description

7. Click Save

Now, view your front store:

Disable a Lock

When a lock is disabled in the app, it doesn’t work on the site.

Steps to manage

1. Open the app > click Locks

2. Hover the lock > click on the Disable icon:

Enable a lock

When a lock is enabled in the app, it works on the site.

Steps to manage

1. Open the app > click Locks

2. Hover the lock that has been disabled > click on the Enable icon:

Logged-in customer:

If you create a lock with this condition, the customers will be immediately redirected to the Login page of your store (or any pages that you choose in the “Redirect to” section).

To achieve the result of automatic translation, please make sure the target language has been added to your font store. Please follow this article to know more: Shopify in multiple languages · Shopify Help Center

Steps to manage

1. Open the app > click Translation

2. Click Add language > select the target language you want in the dropdown > click Add button

3. Enter the fields with the target language you want to use in your front store

4. Click Save

Steps to manage

1. Open the app > click Locks > click Create Lock button or open an existing Lock

2. Enter the Lock Name

3. In Lock resources > Content to lock section, select Specific products or Specific collections option > Add products/collections you want to apply the Lock

4. Then the product Product settings option will show up, tick on Hide product button add to cart checkbox

5. In Lock conditional section > Select who can (or cannot) access the content > select Logged in customers

6. In ACCESS part, select Can access

7. Click Save

Check the result on the front store

This setting allows you configure of text, button and notification message that describe the Locks on the front store.

Steps to manage

1. Open the app > click Settings

2. In the Color Settings dropdown, select one of app config you want. They are Placeholder resources, Price & Add to cart, Notification with passcode, Input passcode, Notifications with message

3. Click color buttons on the left to change the color of text and buttons and view the result on the preview section on the right

4. Click Save

Check the result on the front store

Steps to manage

1. Open the app > click Locks > click the Create Lock button

2. Choose the type of lock you want > Whole website > Create lock:

After setting , you can also display a button or link on the collection page or product page to direct customers to login page.

Please follow the steps set it up.

Step to manage

1. Open the app > click Settings

2. In Notifications section, select Price & Add to cart

Steps to manage

1. Open the app > click Locks > click Create Lock button or open an existing Lock

2. In Lock resources > Content to lock section, select Specific products or Specific collections option > Add products/collections you want to apply the Lock

Steps to manage

1. Open the app > click Locks > click Create Lock button or open an existing Lock

2. Enter the Lock Name

3. In Lock resources > Content to lock section, select Specific products or Specific collections option > Add products/collections you want to apply the Lock

4. Then the product Product settings option will show up, tick on Hide product button add to cart checkbox

5. In Lock conditional section > Select who can (or cannot) access the content

Steps to manage

1. Open the app > click Locks > click Create Lock button or open an existing Lock

2. In Lock resources > Content to lock section, select Specific products or Specific collections option > Add products/collections you want to apply the Lock

1. Then the product Product settings option will show up below, tick on Hide product prices checkbox

1. In Lock conditions section > Select who can (or cannot) access the content > select Visitors with passcode

1. Enter the passcode and description

2. Click Save

Now, view your front store:

1. Open the app > click Locks > click Create Lock button or open an existing Lock

2. In Lock resources > Content to lock section, select Specific products or Specific collections option > Add products/collections you want to apply the Lock

1. Then the product Product settings option will show up below, tick on Hide product prices checkbox

1. In Lock conditions section > Select who can (or cannot) access the content > select Selected customer

1. In ACCESS part, select Cannot access

There are 2 types to select customer:

• Manual: click Manage customer button and select customers from all customers in your store

• Rules: set up condition with customer tag. For example: customers – is tagged with – wholesale. Customers who has tag “wholesale will not be able to view the price o the selected products.

1. Click Save to update the changes

Check the result on the front store

In the app, error messages are divided into two types:

• Custom message → A general message shown to the customer.

• Condition-based messages → Displayed based on the specific conditions configured in the app, helping the customer understand the exact reason why checkout is not allowed.

Error messages also support multi-language. If multiple languages are enabled and published in Shopify (Admin → Settings → Languages), then when customers switch the theme language, the checkout error messages will automatically be translated as well.

Step to manage:

1. Go to Locks > Open the created lock:

1. In the Checkout rules section, navigate the Error message part > Default language, you will see all languages available (to add more languages, please set up in Shopify Settings as mentioned above)

1. Click on the language you want and translate the texts:

1. Then Save the changes.

After config the Lock access in the app, you want to check the result on the front store?

Please view this article to know more how the Lock notification show up on your site.

There are 5 configurations. They are Placeholder resources, Price & Add to cart, Notification with passcode, Input passcode, Notifications with message

Placeholder Resources

On the collection page, the default lock icon shows up at the position of the product, below is the Message that notify about the hidden product.

The Lock content is usually Hide products on all pages.

Price & Add to cart

If you select setting to hide add to cart and product price for non-logged in customers, there will be Login to see price link/button on the front store that directs non-logged in customers to the login page.

Notifications with passcode

On the front store, the page or product price is hidden and customers only can view the page if they enter the passcode.

The widget will include one lock icon, the passcode box and the message.

For example:

• Enter the passcode to view the page

Input passcode

The widget will include the passcode box and the message.

For example:

Enter the passcode to view product price

Notifications with message

The widget will include a Lock icon, placeholder, notifications message, and a Back button that directs customers to the previous page.

This Lock type prevents customers from completing checkout with restricted products. Customers can still add those products to the cart, but the order will be blocked once they proceed to checkout.

An error message will appear to inform customers of the reason:

Step to manage:

1. From the app's dashboard page > go to Locks page > Create lock > Choose lock content: Checkout lock