Sezzle widget installation for site..

rk12129
New Member
9 0 0

@MeganFFB Add this add to your product template and replace Insert your Merchant ID Here with your actual Sezzle Merchant ID

<script type="text/javascript">
  document.sezzleConfig =
  {
    targetXPath: '.product__price--reg',
    widgetType: 'product-page',
    renderToPath: '..',
    theme: 'light',
    alignment: 'auto',
    fontFamily: 'inherit',
    color: 'inherit',
    fontSize: 14,
    fontWeight: 400,
    logoSize: 1.00,
    maxWidth: 400,
    marginTop: 0,
    marginBottom: 0,
    marginLeft: 0,
    marginRight: 0
  }
</script>
<script src="https://widget.sezzle.com/v1/javascript/price-widget?uuid=Insert your Merchant ID Here"></script>

 

0 Likes
Johnsmith1
New Member
3 0 0

Anybody care to assist for my website? I'm attempting to have it show afterpay and sezzle at the same time. Due to the Amazon issue I want to ensure I am showing 2 options for folks trying to purchase. Thank you!

 

www.Typicallyblush.com

0 Likes
agiragency
New Member
8 0 0

Hi, I tried on another website and it's the same problem. Can you check please?

 

www.teddyglowco.com

0 Likes
Visely-Team
Shopify Partner
1837 210 420

@agiragency every site/theme is different. Also on your last example you have misplaced the whole script and it errors out. For the teddy store change targetXPath to '.product-single__price' and add </script> just before this piece of code:

<script type="text/javascript">
  document.sezzleConfig =
...
Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
0 Likes
Visely-Team
Shopify Partner
1837 210 420

@Johnsmith1 make sure you add " (double quotes) and close the previous script block in the line below:

 

<script src=https://widget.sezzle.com/v1/javascript/price-widget?uuid=3958b8d0-81e4-4aa0-9a55-191996ac3780></script>

 

so it reads:

 

</script><script src="https://widget.sezzle.com/v1/javascript/price-widget?uuid=3958b8d0-81e4-4aa0-9a55-191996ac3780"></script>

 

 

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
agiragency
New Member
8 0 0

Would it be possible to send me the whole code to write please?

I don't really understand where to put stuff, sorry.

0 Likes
Johnsmith1
New Member
3 0 0

@Visely-Team Thank you sir. One last question. Do you know why there is a duplicate like this? It appears to only happen on discounted items.

 

Here is the code for reference:

<script type="text/javascript">
document.sezzleConfig =
{
targetXPath: '.ProductMeta__PriceList/.Price',
widgetType: 'product-page',
renderToPath: '..',
theme: 'light',
alignment: 'auto',
fontFamily: 'inherit',
color: 'inherit',
fontSize: 15,
fontWeight: 400,
logoSize: 1.00,
maxWidth: 400,
marginTop: 0,
marginBottom: 0,
marginLeft: 0,
marginRight: 0
}
</script>

</script><script src="https://widget.sezzle.com/v1/javascript/price-widget?uuid=3958b8d0-81e4-4aa0-9a55-191996ac3780"></sc...>

 

Screen Shot 2020-11-30 at 9.53.55 PM.png

0 Likes
agiragency
New Member
8 0 0

It doesn't appear to be working, do you see why?

0 Likes
Visely-Team
Shopify Partner
1837 210 420

@agiragency because field name targetXPath should stay, adjust the code so it reads:

 

 

  document.sezzleConfig =
  {
    targetXPath: '.product-single__price',
    widgetType: 'product-page',
    renderToPath: '..',
    theme: 'light',
    alignment: 'auto',
    fontFamily: 'inherit',
    color: 'inherit',
    fontSize: 15,
    fontWeight: 400,
    logoSize: 1.00,
    maxWidth: 400,
    marginTop: 0,
    marginBottom: 0,
    marginLeft: 0,
    marginRight: 0
  }

 

 

  

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
0 Likes
Visely-Team
Shopify Partner
1837 210 420

@Johnsmith1 adjust the value for your targetXPath so it reads:

 

...
targetXPath: '.ProductMeta__PriceList/.ProductMeta__Price[0]'
...

 

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
0 Likes