Account Dashboard: Add a promotion to the top of your Account Dashboard

To demonstrate how you can add a promotion to the top of your account dashboard using the Templates Editor.

<add a sentence or two here>

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.

To add a promotion to the top of your Account Dashboard that is visible to your B2B customers:

Open Templates in the Management Interface. This opens the Templates Editor.
Navigate to Templates->Dashboard and select “dashboard-before.twig”. This opens the existing twig code under the EDITOR tab.
Add the following code, which
- Uses logic and available variables to determine if the account type is B2B,
- Includes a link to ‘On Sale’ items for your B2B customers. Add the link to your sale items after the <a href=”Link to your catalog page”> </a> HTML tags.
Select Save to save your changes.

{% if account.Type == 'B2B' %}

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

<h3>Exclusive deals</h3>

<p>As a valued B2B customer, here are some exclusive deals for you, <b>{{customer.Name}}</b>.</p>

<p> See <a href="Link to your catalog page">our Sale Items</a> for more information.</p>

</div>

{% endif %}

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.