Versions Compared

Old Version 11

changes.mady.by.user user-405a5

Saved on

compared with

New Version 12

changes.mady.by.user Documenter

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Add widgets steps with new screen shots

Overview


Multiexcerpt
MultiExcerptNameFeature Overview


Excerpt

Customer Self Service features 'Notify Me' functionality, whereby users can elect to be emailed when unavailable products return to stock.



 The 'Notify Me' email option can be added to both the product detail page and the found from the shopping cart . option

...

Image Removed

...

Image Removed

Image Added


When a user clicks the 'Notify Me' button on an unavailable product, a popup window opens for the user to enter their email address.

Image RemovedImage Added

In the shopping cart, if the 'Notify Me' button is clicked on an out-of-stock product, that product is automatically removed from the cart once the user's notification request has been saved. 

...

Table of Contents
excludeContents


1. Add the Widgets

...


Shopping Cart: 

  1. Login to the CMS.

  2. Navigate to Content --> Standard Pages → Pages and Templates.

  3. Select the Cart templateCheckout → Cart.

  4. Click Edit button.
    Image Removed Image Added 

  5. Click Add Widget in any zone (for example Zone Header Right). The feature will behave the same regardless of zone placement.

  6. Search for and select the 'Stock Availability Popup' widget and click Add Widget.
    Image Removed Image Added 

  7. Click Edit to configure options.

  8. Update messages (optional) and click Save.

  9. Still in the Cart template, locate the Order Lines widget and click Edit.

  10. Tick the option to "Show 'Notify Me When In Stock' button".
    Image Removed Image Added 

  11. Edit the Notify Me button label (on the 'Buttons' tab) if required.

  12. Click Save. 

 

Product Detail page:

  1.  

  1. Navigate to Content → Standard Pages.
    Select the Product Detail template.
    Click Add Widget in any zone (for example Zone Main Left). The feature will behave the same regardless of zone placement.
    Select the 'Stock Availability Popup' widget and click Add.

    Image Removed
    Next, edit the Product Purchase Details widget.
    Tick the option to 'Show Availability?' if it's not already enabled. Note - the 'Notify Me' button will not display on the product detail page if you are not also displaying availability.
    Tick the option to "Show Notify Me button?".
    Image Removed
    Edit the Notify Me button label (on the 'Buttons' tab) if required.

  2. Click Save.


2. Create & Assign the Email Template

  1. Navigate to Content → Content Editor and click New.



  2. Set the values as follows:
      • Template Type - Email Template
      • Template Name - StockAvailabilityNotifyEmailTemplate (This must be exact)
      • Version - Razor 
      • Template Description - a description of your choice


  3. Click the Code Editor tab.

  4. Paste in the email template code contained below (click 'Expand Source' to display).

    Code Block
    collapsetrue
     @{
var product = Model.Product;
var list = new List<string>();
product.MoveThruStart();
while (product.MoveThru())
{
list.Add(product.ProductCode);
}
var products = string.Join(", ", list);
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
@Raw(Model.TemplateUtil.Subtemplate("EmailHeaderSubTemplate"))
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
<center>
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable">
<tr>
<td align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer">
@Raw(Model.TemplateUtil.Subtemplate("EmailBannerSubTemplate"))
<tr>
<td align="center" valign="top">
<!-- START BODY -->
<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody">
<tr>
<td valign="top">
<!-- Full Width Column -->
<table border="0" cellpadding="0" cellspacing="0" width="600">
<tr>
<td valign="top" class="bodyContent">
<!-- 1 Column -->
<table border="0" cellpadding="20" cellspacing="0" width="100%">
<tr>
<td valign="top">
<div>
<h1 class="h1">Available Stock Notification</h1>
<br />
<table border="0" cellpadding="20" cellspacing="0" width="100%">
<tr>
<p>The following products are now back in stock:</p>
<p><a href="@product["SEOUrl"]">@product["Description"]</a></p>
</tr>
</table>
</div>
</td>
</tr>
</table>
<!-- 1 Column -->
</td>
</tr>
</table>
<!-- Full Width Column -->
</td>
</tr>
</table>
<!-- END BODY -->
</td>
</tr>
@Raw(Model.TemplateUtil.Subtemplate("EmailFooterSubTemplate"))
</table>
<br />
</td>
</tr>
</table>
</center>
</body>
</html>


  5. Click Save & Close.
  6. Navigate to Content --> Assign Default Templates. 
  7. Search the page for 'stock' to locate the 'Stock Availability Notify Email Template' field.
  8. Update this field with the Template Description entered at Step 12 (you may need to click 'Show Others' to search the template list).
  9. Click Update at the bottom of the page.

 


3. Create the Scheduled Task and Refresh the Dictionary

...

Content by Label
showLabelsfalse
max5
spacesKB
showSpacefalse
sortmodified
reversetrue
typepage
cqllabel in ("how-to","product","communications") and type = "page" and space = "KB"
labelskb-how-to-article

 

 



Additional Information


Multiexcerpt
MultiExcerptNameAdditional Info
  --


Multiexcerpt
hiddentrue
MultiExcerptNameFeature Title

Back In Stock Notifications



Minimum Version Requirements


Multiexcerpt
MultiExcerptNameMinimum Version Requirements
**.**.**


Prerequisites


Multiexcerpt
MultiExcerptNamePre reqs

--


Self Configurable


Multiexcerpt
MultiExcerptNameSelf Configurable

Yes


Business Function


Multiexcerpt
MultiExcerptNameBusiness Function

Behaviour & Personalisation


BPD Only?


Multiexcerpt
MultiExcerptNameBPD Only

Yes


B2B/B2C/Both


Multiexcerpt
MultiExcerptNameB2B/B2C/Both

Both


Ballpark Hours From CV (if opting for CV to complete self config component)


Multiexcerpt
MultiExcerptNameBallpark Hours From CV (if opting for CV to complete self config component)

2


Ballpark Hours From CV (in addition to any self config required)


Multiexcerpt
MultiExcerptNameBallpark Hours From CV (in addition to any self config required)

Contact CV Support


Third Party Costs


Multiexcerpt
MultiExcerptNameThird Party Costs

n/a


CMS Category


Multiexcerpt
MultiExcerptNameCMS Category

 CMS Category