Custom texts

A list of texts than you can customize:

📘

Order status
Delivery code,
Delivery date and time
Delivery Address
Products
Help Center
Order Detail
Payment Method
¿How did your order go?
Order Help (HTML)
Order Total
Order Help Title
Add Comment Title
Order Payment
Discounts
Shipping
QR

ParametersDescription
customTexts.orderStatusTextParameter to customize text Order Status
customTexts.deliveryCodeTextParameter to customize text Delivery code
customTexts.deliveryDateTextParameter to customize text Delivery date and time
customTexts.deliveryAddressTextParameter to customize text Delivery address
customTexts.productsTextParameter to customize text Products
customTexts.helpCenterTextParameter to customize text Help center
customTexts.orderDetailTextParameter to customize text Order detail
customTexts.paymentMethodTextParameter to customize text Payment method
customTexts.rateQuestionTextParameter to customize text ¿How did your order go?
customTexts.orderHelpHtmlParameter to customize the section Understand the charges for my order
customTexts.orderTotalParameter to customize the text Order total in Order details
customTexts.orderHelpTitleParameter to customize the title Understand the charges for my order in order details
customTexts.addCommentTitleParameter to customize the title Add a comment to your order in add comments component
customTexts.orderPaymentParameter to customize the title Order payment in Payment method details
customtexts.discountsParameter to customize the title Discounts in Order details
customtexts.shippingParameter to customize the text Shipping fee in Order details
customtexts.qrParameter to customize the text Go to the delivery area and show the QR code in View QR Code

Usage Example


Consider the following examples:

  • Text order status

3818

Code example:

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/lsw.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        customTexts:{
        orderStatus: "order custom",
      }
    }
    window.instaleap.lsw.render(params)
</script>
</html>

You will see the following content:

  • Text Delivery code

3818

Code example:

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/lsw.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        customTexts:{
        deliveryCode: "delivery code custom",
      }
    }
    window.instaleap.lsw.render(params)
</script>
</html>

You will see the following content:

  • Text Delivery date and time

3818

Code example:

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/lsw.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        customTexts:{
        deliveryDate: "delivery date custom",
      }
    }
    window.instaleap.lsw.render(params)
</script>
</html>

You will see the following content:

  • Text Delivery Address

3818

Code example:

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/lsw.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        customTexts:{
        deliveryAddress: "delivery address custom",
      }
    }
    window.instaleap.lsw.render(params)
</script>
</html>

You will see the following content:

  • Text Products

3818

Code example:

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/lsw.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        customTexts:{
        products: "products custom",
      }
    }
    window.instaleap.lsw.render(params)
</script>
</html>

You will see the following content:

  • Text Help Center

3818

Code example:

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/lsw.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        customTexts:{
        helpCenter: "help center custom",
      }
    }
    window.instaleap.lsw.render(params)
</script>
</html>

You will see the following content:

  • Text Order Detail

3818

Code example:

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/lsw.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        customTexts:{
        orderDetail: "order detail custom",
      }
    }
    window.instaleap.lsw.render(params)
</script>
</html>

You will see the following content:

  • Text Payment Method

3818

Code example:

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/lsw.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        customTexts:{
        paymentMethod: "payment method custom",
      }
    }
    window.instaleap.lsw.render(params)
</script>
</html>

You will see the following content:

Text ¿How did your order go?

3818

Code example:

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/lsw.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        hideElements: { 
        rateOrder:false     
        },
        customTexts:{
        rateQuestion: "rate question custom"
       
      }
    }
    window.instaleap.lsw.render(params)
</script>
</html>

You will see the following content:

  • Order help (HTML)

3818

Code example:

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/lsw.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        customTexts:{
        orderHelpHtml:`<h5>Subtotal</h5>
<p>Total cost of the product list without counting taxes, shipping or changes</p>
<br>
<h5>Shipping fee</h5>
<p>Shipping fee set by the store</p>
<br>
<h5>Order total</h5>
<p>In case you have made any changes to your order here you will see the extra charges</p>
<br>
<h5>Total paid</h5>
<p>Value you paid when the order was placed</p>`,
       
      }
    }
    window.instaleap.lsw.render(params)
</script>
</html>

You can customize the section by passing an html in the orderHelpHtml parameter. This is an example of the HTML:

<h5>Subtotal</h5>
<p>Total cost of the product list without counting taxes, shipping or changes</p>
<br>
<h5>Shipping fee</h5>
<p>Shipping fee set by the store</p>
<br>
<h5>Order total</h5>
<p>In case you have made any changes to your order here you will see the extra charges</p>
<br>
<h5>Total paid</h5>
<p>Value you paid when the order was placed</p>
  • Text Order total

2190

Code example:

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/lsw.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        customTexts:{
          orderTotal: "Order total custom"
        }
    }
    window.instaleap.lsw.render(params)
</script>
</html>

You will see the following content:

👍

Tags available

Titles should be in h5 , paragraphs in p tags and line breaks with the br tag.

You will see the following content:

  • Text order status

1820

Code example:

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/lsw.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        customTexts:{
        orderHelpTitle: "Custom title help",
      }
    }
    window.instaleap.lsw.render(params)
</script>
</html>

You will see the following content:

  • Text Add Comment Title

2156

Code example:

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/lsw.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        customTexts:{
          addCommentTitle: "Custom text to add comment title"
        }
    }
    window.instaleap.lsw.render(params)
</script>
</html>

You will see the following content:

  • Order Payment Text

2550

Code example

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/lsw.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        customTexts:{
          orderPayment: "Custom order Payment"
        }
    }
    window.instaleap.lsw.render(params)
</script>
</html>

You will see the following content

  • Discounts text

2854

Code example

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/lsw.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        customTexts:{
          discounts: "Custom discounts text"
        }
    }
    window.instaleap.lsw.render(params)
</script>
</html>

You will see the following content

  • Shipping fee text

2276

Code example

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/lsw.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        customTexts:{
          shipping: "Custom Shipping fee text"
        }
    }
    window.instaleap.lsw.render(params)
</script>
</html>

You will see the following content

  • QR text

2268

Code example

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/lsw.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        customTexts:{
          qr: "Custom QR text"
        }
    }
    window.instaleap.lsw.render(params)
</script>
</html>

You will see the following content