Skip to main content
Skip table of contents

Add a welcome message to your landing page

Purpose and scope

The Templates Editor feature is a code-based design tool to extend the look and feel of your Gated Login landing page.

The Templates Editor is a code-based design tool for extending the look and feel of different elements of your WebShop, including the Account Dashboard, Header, Footer, and Gated Login (if enabled). We have exposed objects and variables that allow you to achieve a personalized look and feel for your WebShop.

This article demonstrates how you can add a welcome message to your landing page.

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.

Introducing terms and concepts used in this article

Term

Definition

Cascading Style Sheets

(CSS), describes how HTML elements are displayed on screen and can control the layout of multiple webpages at once.

Hypertext Markup Language

(HTML), the standard markup language for creating Web pages, used to describe the structure of a Web page.

Twig

an open source template engine which we refer to as our templating language. It consists of a standard syntax that uses expressions, variables and tags to control the content and logic of each template or code snippet.

Use case 1: Add a message to the Gated Login landing page

Use case 1

To add a personalized welcome message to your customers on your WebShop landing page, use the Twig Block in Visual Page Builder. Open Visual Page Builder, scroll down to Misc in the left panel controls to locate the Twig Block. Drag it to where you wish it to be displayed, open the Twig editor and add the following code.

Add a welcome message to your landing page

Related content

<h2> Welcome back, {{customer.Name}}! </h2>

Changes are automatically saved and visible in WebShop immediately.

Watch

What will my customers see in WebShop?

The code changes you have made are immediately visible 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.