Implementing-the-barion-base-and-full-pixel-in-shoprenter-webshops: Difference between revisions

From Barion Documentation
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
(One intermediate revision by the same user not shown)
Line 8: Line 8:
|
|
<gallery mode="slideshow" widths=1000px heights=800px>
<gallery mode="slideshow" widths=1000px heights=800px>
Image:Shoprenter_pixel_step_1.png|1. Click ''settings'' > ''Payments method''
Image:Shoprenter_eng_1.png|1. Click ''settings'' > ''Payments method''.
Image:shoprenter_pixel_step_2.png|2. Search Barion and click on the ''edit'' icon.  
Image:Shoprenter_eng_2.png|2. Search Barion and click on the ''edit'' icon.  
Image:shoprenter_pixel_base_step_3.png|3. Finally, copy-paste live Barion Pixel Id from your Barion Wallet (BP-XXXXXXXXXX-XX) without any apostrophe. The Barion payment method status should be allowed and saved.
Image:Shoprenter_eng_3.png|3. Finally, copy-paste live Barion Pixel Id from your Barion Wallet (BP-XXXXXXXXXX-XX) without any apostrophe. The Barion payment method status should be allowed and saved.
</gallery>
</gallery>
|}
|}


= Base code implementation in shoprenter webshop admin site =
= Full code implementation in shoprenter webshop admin site =


{| role="presentation"
{| role="presentation"
Line 21: Line 21:
|
|
<gallery mode="slideshow" widths=1000px heights=800px>
<gallery mode="slideshow" widths=1000px heights=800px>
Image:shoprenter-mar-1-step.png|1. Click ''settings'' > ''Payments method''
Image:Shoprenter_eng_1.png|1. Click ''settings'' > ''Payments method''.
Image:shoprenter-mar-2-step.png|2. Search Barion and click on the ''edit'' icon.  
Image:Shoprenter_eng_2.png|2. Search Barion and click on the ''edit'' icon.  
Image:shoprenter-mar-3-step.png|3. Copy-paste live Barion Pixel Id from your Barion Wallet (BP-XXXXXXXXXX-XX) without any apostrophe. The Barion payment method status should be allowed and saved.
Image:Shoprenter_eng_3.png|3. Copy-paste live Barion Pixel Id from your Barion Wallet (BP-XXXXXXXXXX-XX) without any apostrophe. The Barion payment method status should be allowed and saved.
Image:shoprenter-mar-4-step.png|2. Click ''settings'' > ''Appearance'' > ''Theme customization''.
Image:Shoprenter_eng_4.png|2. Click ''Appearance'' > ''Theme customization'' > ''custom scripts''.
Image:shoprenter-mar-6-step.png|2. Copy-Paste the following code snippet in custom script section: <span style="color:red"><script src="<nowiki>https://pixel.barion.com/srmar.js</nowiki>" async=true></script></span>
Image:Shoprenter_eng_5.png|2. Copy-Paste the following code snippet in custom script section: <span style="color:red"><script src="<nowiki>https://pixel.barion.com/srmar.js</nowiki>" async=true></script></span>
</gallery>
</gallery>
|}
|}

Revision as of 12:08, 30 September 2021

The base and full Barion Pixel implementation in Shoprenter webshops

Base code implementation in shoprenter webshop admin site

(click arrow for next steps)

Full code implementation in shoprenter webshop admin site

(click arrow for next steps)