Best Of
Re: Ideas
Hi Guys,
It would be amazing if you could make it possible to create an abandoned cart email that is only triggered when items from certain categories on my website are in the basket. That way we can then offer different things to different kinds of shoppers. It would be even better if this could be possible without having to add underlying code to the website...
Thanks!
Beckey.
It would be amazing if you could make it possible to create an abandoned cart email that is only triggered when items from certain categories on my website are in the basket. That way we can then offer different things to different kinds of shoppers. It would be even better if this could be possible without having to add underlying code to the website...
Thanks!
Beckey.
Re: Community Webinar - Best practices for Onsite Recommendations
If you have any questions prior to the webinar, simply throw them in a comment here and i will make sure to have an answer for you! Talk soon!
Community Webinar - Best practices for Onsite Recommendations
Dear Community members,
We have an upcoming webinar this Thursday that I think you’d be really interested in. Here at Nosto, we know that most merchants are interested in personalizing the products their onsite shoppers see in order to drive more sales. However many are unsure of best practices needed to do this. If you’re in the same boat, this flash-webinar will be perfect for you!
Join us this Thursday, May 9th at 3pm CET with our Head of Support & Community, Dan Macarie, as he dives into best practices for leveraging our Onsite Product Recommendations tooling to create personalized experiences that incentivize your customers to convert online.
If interested, feel free to save your seat here!
Re: Closing a pop up
Hello @Ambre
I am sure of what you want to achieve with the closing of the popup, but not sure if I have understood what you wanna do with the UTMs.
But I try: if you check this code I have written for you to be pasted at the bottom of the popup
this will first hide the popup (and the opaque black layer behind it) and redirect the user to the homepage with a string of UTMs attached (that you will have to add in the apposite space where now you see utm_source=nosto which is one I invented for the sake of this example).
Please do let me know if this is what you wanted to have or if I have misunderstood your question - and, considered it is Friday, that is very much possible eheh
In the meantime, I wish you a very great weekend!
I am sure of what you want to achieve with the closing of the popup, but not sure if I have understood what you wanna do with the UTMs.
But I try: if you check this code I have written for you to be pasted at the bottom of the popup
<script>
var _j = _targetWindow.jQuery;
_j("#NostoPopUp").click(function(e) {
_j(this).hide();
_j("#simpledialog-overlay").remove();
_targetWindow.window.location.href = _targetWindow.window.location.href + "?utm_source=nosto";
e.preventDefault();
});
</script>
this will first hide the popup (and the opaque black layer behind it) and redirect the user to the homepage with a string of UTMs attached (that you will have to add in the apposite space where now you see utm_source=nosto which is one I invented for the sake of this example).
Please do let me know if this is what you wanted to have or if I have misunderstood your question - and, considered it is Friday, that is very much possible eheh
In the meantime, I wish you a very great weekend!
Re: Excluding taxes prices values are used as included taxes prices
Hey @Distriartisan
unfortunately, when operating with math, Apache Velocity (based on Java, same behavior) gets rid of trailing zeros - like, for example, 37,20 becomes 37,2.
Now, if I would be you, I would do everything with Javascript (either in the template or running on your server once the slots have been loaded) but, since you asked, I will show you how to do that with Velocity - and maybe, looking at how much intricate that is for carrying out such a simple operation, maybe you will even change your mind
With Javascript
Firstly, I would set all the prices in an attribute of a <span> element (this via HTML) and then, with Javascript, calculate the tax on top of the price and keeping the zeros. Something like:
With Velocity
I guess you can see yourself how much more elastic the whole operation is when done via Javascript, whilst with Velocity you will have to split the price at the decimal point, turning a variable into an array, checking the length of the array containing the decimals and, if longer than 1, append a "0" after the price... pretty crazy
How do you see that? I am afraid to ask if it's clear, but considered you got so far, I presume you have a good enough programming knowledge to understand what I have written there eheh
Please do let me know how/if that worked for you!
unfortunately, when operating with math, Apache Velocity (based on Java, same behavior) gets rid of trailing zeros - like, for example, 37,20 becomes 37,2.
Now, if I would be you, I would do everything with Javascript (either in the template or running on your server once the slots have been loaded) but, since you asked, I will show you how to do that with Velocity - and maybe, looking at how much intricate that is for carrying out such a simple operation, maybe you will even change your mind
With Javascript
Firstly, I would set all the prices in an attribute of a <span> element (this via HTML) and then, with Javascript, calculate the tax on top of the price and keeping the zeros. Something like:
<span class="nosto-price-$divId" price-before-tax="$!product.price"></span>
<!-- SCRIPT TO ADD AT THE BOTTOM OF THE TEMPLATE OR ON YOUR PAGE LOAD -->
<script>
var price = 0;
var myPrice = document.getElementByClassName("nosto-price-$divId");
for(i = 0; i < myPrince.length; i++){
price = parseFloat(myPrice[i].getAttribute("price-before-tax")) * 1.2;
price = price.toFixed(2);
myPrice[i].innerHTML = price;
}
</script>What does this code do? Find all the elements with class "nosto-price", calculates the tax on top of it and it rounds it to 2 decimals. The result will be placed within the <span> element itself.With Velocity
#set($newPrice = $!product.price.asNumber() * 1.20)
#set($newRoundedPrice = $math.roundTo(2, $newPrice))
#set($finalRoundedPrice = $newRoundedPrice.toString().split("\."))
## now $finalRoundedPrice is an array and
## $finalRoundedPrice[0] is the integer number and
## $finalRoundedPrice[1] is the decimal. Then you do:
#if($finalRoundedPrice[1].length() > 1)
<span class="price">$finalRoundedPrice[0].$finalRoundedPrice[1]</span>
#else
<span class="price">$finalRoundedPrice[0].$finalRoundedPrice[1]0</span>I guess you can see yourself how much more elastic the whole operation is when done via Javascript, whilst with Velocity you will have to split the price at the decimal point, turning a variable into an array, checking the length of the array containing the decimals and, if longer than 1, append a "0" after the price... pretty crazy
How do you see that? I am afraid to ask if it's clear, but considered you got so far, I presume you have a good enough programming knowledge to understand what I have written there eheh
Please do let me know how/if that worked for you!
Re: Ideas
It'd be great if you can add/remove attributes in templates. There are defaults (like 'header background' / $!props.colors.headerBackground) - but the templates would be much more flexible and noob friendly if I could build them to have their own properties - and remove the properties which no longer apply.
Re: Recommendations > add to cart link
Hey @Distriartisan
I know you enjoy to speak tech so I complete Dan's answer with some code.
You are on Magento, and we do support the add to cart functionality, an example of a working button could be
<a href="#" onclick="Nosto.addProductToCart('$!product.productId', this);">AJOUTER AU PANIER</a>
Try that out and if it raises some problems do let us know, but I am sure it's gonna work!
I know you enjoy to speak tech so I complete Dan's answer with some code.
You are on Magento, and we do support the add to cart functionality, an example of a working button could be
<a href="#" onclick="Nosto.addProductToCart('$!product.productId', this);">AJOUTER AU PANIER</a>
Try that out and if it raises some problems do let us know, but I am sure it's gonna work!
Re: Recommendations > template > alt images
Hey @Distriartisan
it's me, Casper
Ok, jokes aside, let's get your question answered.
The alternate images are contained in an array, which it'll have to be mapped within an object, something like this
This will have to be placed, of course, within the usual #foreach($product in $products) iteration loop, as the array containing the different alternate images is itself a property of the object "product".
If it sounds complicated to understand, just copy/paste it
Let me know how that has worked!
it's me, Casper
Ok, jokes aside, let's get your question answered.
The alternate images are contained in an array, which it'll have to be mapped within an object, something like this
#foreach($img in $!product.alternateImages)
<img src="$!img.thumb(8)" alt="$!product.name" />
#endThis will have to be placed, of course, within the usual #foreach($product in $products) iteration loop, as the array containing the different alternate images is itself a property of the object "product".
If it sounds complicated to understand, just copy/paste it
Let me know how that has worked!
Newborns in the Nosto family: new Support page and Playbook
Hi everyone!
We are pleased to announce to you all that:
- the Nosto Support page has a newer, fresher, slicker design: check it out!
- the Nosto Playbook for stepping up your game when it comes to onsite product recommendations.
Check them out, let us know what you think and - if you have feedbacks - oh, boy, those are always very welcome!
