JSFiddle - React, Tailwind, and code Playground

by VictorVelarde

HTML

<html>
    <head>
        <script type="text/javascript" src="https://static.asknice.ly/dist/standalone/asknicely-in-app-conversation.js"></script>
        <link href="https://static.asknice.ly/dist/standalone/asknicely-in-app-conversation.css" rel="stylesheet" type="text/css" charset="utf-8">
    </head>
    <body>
        <p>
            AskNicely Web-based Survey Popup Example for traditional websites.<br>
            Running in 'force' mode.<br>
            Responses will be recorded.
        </p>
    </body>
    <script type="text/javascript">
        document.addEventListener('DOMContentLoaded', function () {
            askNicelyConversation({
                config: {
                    is_dev:         false,
                    force:          true, // Optional - only set this true for testing to the popup so it will ALWAYS appear
                    alignment:      "center", // Optional - "left", "center" or "right"
                    domain_key:     "carto", // Required
                    template_name:  "Default", // Required - the survey template you wish to use
                    name:           "VĂ­ctor Velarde - TEST", // Optional - but nice to have
                    email:          "[email protected]", // Required - if no email, this should be a unique id for this customer in an email-like format. But a real email address is more powerful for follow-ups
                    email_hash:     "507766489c2c8e0f99aaa8dbfcc3b2b281aea0cac647099c11bb85ef352f25f0",  // Required - *security hash of this customers email - see below
                    created:        1675278174, // Highly desired - unix timestamp when this customer joined your service.
                },
                customData: {
                    a_custom_property: "business", // Optional - Send extra data about this customer for reporting and leaderboards
                    another_custom_property: "New York" // Optional - Send extra data about this customer for...