Der Firmennamengenerator als Widget für Websites

(function () {
    function businessnamegeneratorLoaded () {
        window.BUSINESSNAMEGENERATOR.create('iframeContainer')
    }

    // custom
    window.BUSINESSNAMEGENERATOR = {
        url : 'DEINE_PERSÖNLICHE_URL'
    };

    // widget
    const s  = document.createElement('script');
    s.src    = "https://www.namensgeneratoren.de/widget.js";
    s.async  = true;
    s.onload = businessnamegeneratorLoaded;

    document.head.appendChild(s);
})();

<button class="businessNameGeneratorWidget-action button">
    Namensgenerator öffnen
</button>
<script>
    (function () {
        // custom
        window.BUSINESSNAMEGENERATOR = {
            url : 'DEINE_PERSÖNLICHE_URL'
        };

        // widget
        const s  = document.createElement('script');
        s.src    = "https://www.namensgeneratoren.de/widget.js";
        s.async  = true;

        document.head.appendChild(s);
    })();
</script>

:root {
    --qui-color-primary: #eee;
    --qui-color-primary-akcent: #333;
    --qui-bng-results-entry-border-color: var(--qui-color-primary);
    --qui-input-border-color: transparent;
}

.BusinessNameGenerator-tool {
    background-image: url('https://images.pexels.com/photos/1655166/pexels-photo-1655166.jpeg?auto=compress&cs=tinysrgb&w=1920');
    padding: 10rem 20px;
    color: #fff;
}

.BusinessNameGenerator-tool-header {
    max-width: 1000px;
    margin: 0 auto;
}

.BusinessNameGenerator-results-inner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 4rem 0;
}

.BusinessNameGenerator-results {
    background: #fff;
}