INTEGRATE WITH NEXWEAVE

5min
Integrate your app with Nexweave using only a script tag. You can create campaigns on Nexweave and generate links right in your platform. 
Steps:
Add the following script to the body tag of the window you want this Iframe in.
HTML
|
<script>
    window.onload = function(){
        var nexDiv = document.getElementById('nexweave')
        var iframe = document.createElement('iframe')
        iframe.id = 'nex-script'
        iframe.src='https://script.nxwv.io/integration/frame/?id=600a6f0dcfcc91992ca89b30'
        iframe.height='600px'
        iframe.width='600px'
        iframe.style.border = "0px"
        nexDiv.appendChild(iframe)
    }
</script>
<script>
    window.onload = function(){
        var nexDiv = document.getElementById('nexweave')
        var iframe = document.createElement('iframe')
        iframe.id = 'nex-script'
        iframe.src='https://script.nxwv.io/integration/frame/?id=600a6f0dcfcc91992ca89b30'
        iframe.height='600px'
        iframe.width='600px'
        iframe.style.border = "0px"
        nexDiv.appendChild(iframe)
    }
</script>
﻿
This will load the below UI inside any div tag with id="nexweave"
﻿
Users will have to create campaigns and API keys on Nexweave to be able to use this integration. They can Log In using the API key, select a campaign from the list, and map the variables from the campaign to your app's default variables.
On clicking "Insert Experience", we send a post message from the above iFrame to the parent window. The parent window needs to now listen to this message event. You can use the following script tag to do so.
HTML
|
<script>
    var eventMethod = window.addEventListener
        ? "addEventListener"
        : "attachEvent";
    var eventer = window[eventMethod];
    var messageEvent = eventMethod === "attachEvent"
        ? "onmessage"
        : "message";
    
    eventer(messageEvent, function (e) {
        if(e.data?.type==="nex-event"){
            // --- EMBED DATA
            console.log(e.data.payload)
        }
    });
</script>
<script>
    var eventMethod = window.addEventListener
        ? "addEventListener"
        : "attachEvent";
    var eventer = window[eventMethod];
    var messageEvent = eventMethod === "attachEvent"
        ? "onmessage"
        : "message";
    
    eventer(messageEvent, function (e) {
        if(e.data?.type==="nex-event"){
            // --- EMBED DATA
            console.log(e.data.payload)
        }
    });
</script>
﻿
In the code above, we have logged e.data.payload , so you can see the actual data that the Nexweave iFrame returns on the console. You can use this data and insert in your compose boxes, chat bots, etc. 
﻿
Note: The link in the script provided to embed the nexweave iFrame varies from application to application. If you want to integrate with Nexweave, please contact us and we will give you a unique link for the script.
﻿
Updated 03 Mar 2023
Did this page help you?
Personalized Images using Texau
Javascript Integration
Docs powered by
Archbee
TABLE OF CONTENTS
Steps: