Version: Next

Android

info

Nailpolish integration is almost same as the integration of Makeup. You do not need a different WebView either. One WebView is enough to use both Plugin types. All you need to adjust is the parameters that Plugin receive for remote management. So this section will only contain the differences from Makeup integration of Android.

Communication with the Plugin/Remote Control#

The function calls to manipulate/customize the Plugin is the same that of Web version. There is only slight tweaks in invoking them due to the platform differences as you can can see the below.

Please remember that you can call the functions only after the initial load of WebView, just like the way it was in Web.

note

If you are already using our Template Engine on Landing Page Integration, you might not need them at all. They are only needed to control the Plugin remotely.

Kotlin
Java

// Function that executes JavaScript code.
fun injectJS(command:String) {
    webView.evaluateJavascript(command, null)
}

// Apply the product with unique product_code.
fun applyNailProductWithCode(v: View?) {
    // Get the unique product code when button is clicked, it's up to your own preference.
    // E.g., it can be retrieved from a "tag" that's set on button.
    val productCode = "P_001";
    injectJS("javascript:postMessage(JSON.stringify({applyProductWithCode:{product_code:'${productCode}', isNail: true}}),'*')")
}

// Apply the product by its category and key values.
fun applyNailProductWithNameAndCategory(v: View?) {
    // Values are just examples, you need to retrieve them by selected product/button.
    val categoryName = "Lipstick"
    val fullProductName = "${brandName} ${productName} ${productColor}"
    injectJS("javascript:postMessage(JSON.stringify({applyProductWithNameAndCategory:{category: '${categoryName}', key: '${fullProductName}', isNail: true}}),'*')")
}

// Remove/clear any Makeup that is currently available.
fun removeProduct() {
    injectJS("javascript:postMessage(JSON.stringify({removeProduct:true}),'*')")
}