@yourasset/ya-finance-now NPM

@yourasset/ya-finance-now

The @yourasset/ya-finance-now web component provides finance-related features for your watches. Follow the steps below to integrate it into your website.

Getting started

With CDNs like JSPM, Skypack or UNPKG, you can import just our modules in <script type="module">.

Add the following script tag to your HTML file to include the @yourasset/ya-finance-now web component using Skypack:

<script
  type="module"
  src="https://cdn.skypack.dev/@yourasset/ya-finance-now"
></script>

Use the ya-finance-now element in your HTML:

<ya-finance-now
  merchantid="your-merchant-id"
  sku="your-product-sku"
  price="your-product-price"
  language="your-language"
></ya-finance-now>

For a pre-owned product, add the preowned attribute:

<ya-finance-now
  merchantid="your-merchant-id"
  sku="your-product-sku"
  preowned
></ya-finance-now>

For a full width widget, add the full-width attribute:

<ya-finance-now
  merchantid="your-merchant-id"
  sku="your-product-sku"
  preowned
  price="your-product-price"
  language="your-language"
  full-width
></ya-finance-now>

To link directly to the financing page instead of the product page, add the financing-page attribute:

<ya-finance-now
  merchantid="your-merchant-id"
  sku="your-product-sku"
  financing-page
></ya-finance-now>

Properties

merchantid (String, required): The merchant ID associated with your account.
sku (String, required): The product SKU used by the merchant.
preowned (Boolean, optional): Indicates whether the item is pre-owned. Default is false.
price (Number, optional): The fallback price to calculate the financing if the sku could not be found.
language (String, optional): The language for the component. It falls back to the HTML lang attribute, otherwise defaults to en.
full-width (Boolean, optional): Indicates whether the widget should be full width. Default is false.
financing-page (Boolean, optional): When true, links directly to the financing page instead of the product page. Default is false.