Sezzle widget installation for site..

[rk12129]

@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>

[Johnsmith1]

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

[agiragency]

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

www.teddyglowco.com

[Visely-Team]

@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 =
...

[Visely-Team]

@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>

[agiragency]

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

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

[Johnsmith1]

@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...>

[agiragency]

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

[Visely-Team]

@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
  }

[Visely-Team]

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

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