https://www.loom.com/share/7217fba29aa34e4b94a5aa2de760fac4
- Click the "Add" bubble on the left side, navigate to "Embed", and choose "Embed a Site"
- Place the block somewhere in your page, and click "Enter Website Address" and choose "Code"
- In the input box, paste the script found below, replacing
api_key
,waitlist_link
with your desired values:
<div id="root"></div>
<style>.container--waitlistapi {margin: 0 auto;}</style>
<script src="https://unpkg.com/waitlistapi/dist/widget-wix.js"
id="Waitlist-API-Script"
data-config="{'name': 'w1',
'api_key': '{YOUR API KEY}',
'waitlist_link': '{YOUR WAITLIST LINK}',
'config': {'targetElementId': 'root'}
}">
</script>
-
Resize the element to your liking!
-
(Optional) Use the available classes found here to style the component.
-
Turn on Wix's "Dev Mode"
-
Navigate to
masterPage.js
and paste the following script:
import wixLocation from 'wix-location'
$w.onReady(function () {
// Write your code here
$w("#html1").onMessage( (event) => {
let data = event.data;
wixLocation.to(data);
} );
$w("#html1").postMessage(wixLocation.query.ref_id);
});
https://gist.github.com/Ryan-Ouyang/3727a28efe47c0a984b8de111aadffe4