Pinterest Integration

-- url of the page with the problem -- : www.beeswaxcandleshop.com/store.html
-- HikaShop version -- : 4.5.0
-- Joomla version -- : 3.10.6
-- PHP version -- : 7.4.28
-- Browser(s) name and version -- : chrome

I am working to integrate Pinterest and Hikashop. I have added their base code to the head of the site just fine. Now I need to add "add to cart", "checkout" and "page visit" to the site. I THINK I need to add it to each product page. Howe do I add script to each product page?

Thank you - It worked fine and the code is in all of the hikashop product files - however I will need to put code into each separate product files. I am trying to use "sourceror" and it works fine in a non hikashop article but when I use it in a hikashop product description article, all the "code" parts gets stripped out after saving and refreshing. Is there any setting in hikashop to change this?

Thank you - It worked fine!

Back with another quick similar question. I have two more pieces of code to insert in "add to cart" and "checkout". So it triggers when a customer from pinterest checks out.

I have added them to:
"cart / showcart.php" and "checkout / show.php" -- I do not think it is working correctly and cannot see them in source file.

Is this the best spot?


"sample"

<script>
pintrk('track', 'checkout', {
value: 100,
order_quantity: 1,
currency: 'USD',
line_items: [
{
product_id: {{ product.id }}
}
]
});
</script>

Hello - I am back again and still working on Pinterest integration. I have added a custom field to add code and it is working. However it is on the bottom of the body and I need it on the bottom of the HEAD area. It would be a slightly different code for each product. Is there a way to have a custom field for each product IN THE HEAD AREA?

Thank you - I will check it out. Where do I paste in the script - In my new extra field I made, or somewhere else? Thank you

Hello - I am a bit confused, I do not write code - just do a lot of copy/paste. (and pinterest does not help a lot to get everything working)

I previously put this code (below)in "cart / showcart.php" page and it shows up at the bottom of page source just fine, but it needs to be in the head. So now I need to use the addScriptDeclaration as you suggested.

<script>
pintrk('track', 'addtocart', {
value: 10.00,
order_quantity: 1,
currency: 'USD'
});
</script>

I am not exactly sure how to implement it. Trying to learn a few new things - I found this below:


Inline JavaScript

Blocks of JavaScript code can be declared directly within a component or module's display template using the JDocument class' addScriptDeclaration method:
```
<?php
$document = JFactory::getDocument();
$document->addScriptDeclaration('
window.event("domready", function() {
alert("An inline JavaScript Declaration");
});
');
?>
```

Question1 - So I need to put this code in my "cart / showcart.php" page. Where do I put the script, Inside the brackets?

<?php
$document = JFactory::getDocument();
$document->addScriptDeclaration('
window.event("domready", function() {
alert("An inline JavaScript Declaration");
});
');
?
<script>
pintrk('track', 'addtocart', {
value: 10.00,
order_quantity: 1,
currency: 'USD'
});
</script>>

I am a bit lost here - or do I put it somewhere else in my template and point to it???
+++++++

Question 2 - Here is a script commonly used in pinterest:
<script>
pintrk('track', 'pagevisit', {
line_items: [
{
product_id: {{ product.id }}
}
]
});
</script>

This part:
"product_id: {{ product.id }}"
will this automatically pull my hikashop product id and use it ? - at one time I was thinking I had to add this code with my actual product id pasted in - such as "product_id: {{ lp_3cyl }}" - I think this is incorrect?

Last Question/comment - I do not see a lot of info about using Pinterest with Hikashop - lots of stuff with Shopify and other systems. I really would like to see Hikashop playing nice with Pinterest - It would add value to Hikashop and their users. If you have any other links regarding Pinterest integration, please let me know.

Thank you for answering all my uninformed questions.

Bill

I added this code:
$document = JFactory::getDocument();
$document->addScriptDeclaration("
pintrk('track', 'addtocart', {
value: 10.00,
order_quantity: 1,
currency: 'USD'
});
");

to the bottom of this page:
www.beeswaxcandleshop.com/cart/checkout.html
Looking at the page source, I see it in the bottom of the body, but not in the head where I want it - Did I do something wrong?
(I must have - I am seeing this code in bottom of live checkout page - oops)

Thank you - that made it work. Another slight problem - I have a main pinterest tag added on ALL my pages through my template (shows at bottom of head) - Now the new script is showing above the main pinterest tag and it needs to be at the bottom - should I just put another copy of main pinterest tag in with the newly added one? The main pint tag needs to fire before the add to cart one.