Skip to main content
Skip table of contents

WebShop landing page: Add welcome message

Purpose and scope

To demonstrate how you can customize your WebShop landing page using the Templates Editor.

Watch

More information

The Webshop landing page contains login and account creation functionality. This use case demonstrates how to add a welcome message to your 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 on your WebShop landing page:

  1. Open Templates in the Management Interface. This opens the Templates Editor.

  2. Navigate to Templates->Login and select “login.twig”. This opens the existing twig code under the EDITOR tab.

  3. Add the following code.

  4. Select Save to save your changes.

Twig code to add a welcome message to the WebShop landing page

<div style="background-color: #ffffff; color: black; padding: 8px; border: 3px solid #d3377b;">

<h3>Welcome!</h3>

<b>Please enter your username and password to log into your account.</b>

</div>

Remember

  • You may have to select Clear Cache (ClearCacheIcon.png) 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.

Related content

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.