WebShop Gated Login landing page: Add welcome message
Purpose and scope
To demonstrate how you can customize your WebShop Gated Login landing page using the Templates Editor.
Watch
More information
The Webshop Gated Login landing page contains login and account creation functionality. It appears when the gated login feature is enabled, meaning only customers with an account can use your WebShop.
This use case demonstrates how to add a welcome message to your Gated Login landing page.
Once you have saved your changes in WebShop, they are immediately visible in WebShop to your customers.
Key points
If you are comfortable with HTML, CSS and variables, you’ll be in a good place to use this feature to achieve a personalized look and feel for your WebShop.
You are responsible for ensuring that the code you have written doesn’t adversely affect your WebShop.
Recipe
To add a welcome message to the WebShop Gated Login landing page:
Open Templates in the Management Interface. This opens the Templates Editor.
Navigate to Templates->Portal Login, and select “login-portal.twig”. This opens the existing twig code under the EDITOR tab.
Add the following code.
Select Save to save your changes.
Twig code to add welcome message to the gated login landing page
|
|---|
Remember
You may have to select Clear Cache (
) in the top menu of the Management Interface before your changes are visible.Select the DOCUMENTATION tab to view what objects and variables you can manipulate.
Select the LAYOUT tab to see where your twig code is displayed in WebShop.