1. Why You Should Upgrade to Pro Version?
With the FREE Login to Access Pages version, you can only require visitors to log in to access some page types, which is still limited.
In the Pro version, we allow creating multiple “Login to Access Page” rules to help you manage the access to your website professionally.
Specifically, you can set specific product pages, collections, and pages under a login or password requirement.
2. Enable the app
Please follow:
In Enable App, select Yes to enable “Pro Login to Access Pages” functionality or No to disable it. Remember to save your configuration.
If you want to uninstall and remove all data of this app, then select Restore all previous settings before you delete the app.
3. Create "Login to Access Page" rules
Let’s start creating your own rule.
Under Rule Management, select “Create Rule.”
3.1 Rule Information
Under Rule Management:
-
- In Rule Name, enter a name to help manage the rule more easily.
-
-
In Status, select Yes to activate the rule. Otherwise, select No.
-
-
-
In Date, pick a time period in the calendar to apply the rule in the storefront.
-
-
-
In Rule Type, select Force Login or Passcode
-
In Priority, enter a number to classify the priority of the rule in case there are several rules applied to a product, collection, or page. 1 is the highest priority.
When there are multiple rules applied to a page and they have the same priority, the Force Login type rule is applied.
3.2. When You Set "Rule Type" to "Passcode"
3.2.1 Rule setup
Under Rule Setup:
- In Passcode, enter the passcode. Only those who receive passcode(s) (via email, instant message, etc.) can access your content.
-
In Passcode Message, tailor a message to inform visitors of the passcode request.
3.2.2 Apply to
Next, under Apply to, you can choose the product pages, collection pages, or other pages.
3.2.2.1. Restrict product(s)
As can be seen, there are 5 options available,
- None products: You can lock the collection pages and other pages, meanwhile products are visitable.
- All products: All products of the website will be locked.
- Restricts product(s) by tag(s): Enter the tags in the search. If there is no available tag to choose, please select the "Add" tag.
- Restrict specific product(s): Choose Select Product(s) to search and add any product(s) to be locked.
- Restrict products from collection(s): Choose Select Collection(s) to search and add any collections of which products are locked.
3.2.2.2. Restrict collection(s)
Apart from restricting product pages, you can also restrict the collection page(s) with three options available.
- None collections: You can lock the product pages in the collection(s), however, visitors can still see the collection listing pages.
- Restrict all collections: Or, you can lock all collection pages at once.
- Restrict specific collection(s): Also, choose Select Collection(s) to search and add any collections to be locked.
3.2.2.3. Restrict page(s)
Besides the product pages and collection pages, you can lock any other pages as well.
Simply put, you can select multiple built-in locked pages or enter the path URL like the example and add page.
Multiple pages are allowed.
3.2.3. Save the rule
Remember to save all settings.
In the storefront, a passcode page is shown with the message.
3.3. When you set "Rule Type" to "Force Login"
Like those of the FREE version, you can select either Show Login Form or Show Custom Content.
3.3.1. Show Custom Content
If you set the Login type to Show Custom Content.
A Content field is shown to tailor any message to inform customers of the login request.
Next, under Apply to, select specific product pages, collections, and other pages as private content as above.
If you want to lock pages for specific groups of users based on their tags. Please upgrade to Plus version ($10/month.)
Remember to save all settings.
In the storefront, this content will be displayed when guests try to access the private pages.
3.3.2. Show Login Form
Instead of the custom content, you can display the default login form, making it quick and easy for customers to log in and continue exploring pages.
Accordingly, set the Login type to Show Login Form. Then, in Redirect type, choose a place to redirect customers after their successful login.
There are three options available.
-
- Account Dashboard: Like the Shopify default function, customers will be redirected to the Account Dashboard page after logging in.
- Custom Page: An additional field named Redirect URL is shown. Then, insert a specific URL to redirect customers after their login.
- Restricted Page: Visitors will be redirected to the private page they are trying to access.
Next, under Apply to, you can choose the product pages, collection pages, or other pages as above.
If you want to lock pages for specific groups of users based on their tags. Please upgrade to Plus version ($10/month.)
Remember to save all settings.
In the storefront, the login form will be shown instead of the custom message.
3.4. Rule Management
All created rules are recorded in a grid. Here you can check the information of the rule, as well as search/filter to find the rule.
4. How to Uninstall The Pro Login to Access Pages app?
There are two options to uninstall the Pro Login to Access Pages app.
- Option 1: Uninstall the app automatically
- Option 2: Uninstall the app manually
4.1. Uninstall the app automatically
Please go to Admin ⇒ Apps ⇒ Login to Access Pages.
To uninstall the app:
Step 1: Select Restore all previous settings
In the popup, choose Restore: After that, you will be redirected to the App list.
Step 2: Select “Delete” icon (the trash)
Step 3: Remove the app
We would appreciate it if you could spend your time giving us some feedback so that we can improve our app and services better. This is totally optional.
To complete the uninstallation, please choose the Remove button.
4.2. Uninstall the app manually
Besides using the “Restore all previous settings” button in the admin, you can also remove the app manually as follows:
Step 1: Go to Themes Folder
Step 2: Open layout/theme.liquid
file.
Then find and remove the following code
{% include 'login_require' %}
Step 3: Finally, find and remove the following files
login_require.liquid
in Snippets folder
bsscommerce-passcode.liquid
in Snippets folder
tiny.content.min.css
in Assets folder
Once you remove the file as above, your uninstallation is completed. Please refresh the storefront to check the result. If your uninstallation is successful, users will no longer be restricted from accessing any pages.
Need help? Please email us at sales@bsscommerce.com