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",
                    domain_key:     "carto",
                    template_name:  "Default", 
                    name:           "Laura Álvarez Ruiperez",
                    email:          "[email protected]",
                    email_hash:     "a905fb2c8aae869a9d0cb56ccdcf9216afa295de8fbc4b1419e91e85aafc412e",
                    created:        1675278174,
                },
                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 reporting and leaderboards
                }
            });
        });
    </script>
</html>