Rownd Hub Docs

<script>
!function(){var e=window._rphConfig=window._rphConfig||[];let t=window.localStorage.getItem("rph_base_url_override")||"https://hub.rownd.io";e.push(["setBaseUrl",t]);var r=document,s=r.createElement("script"),a=r.getElementsByTagName("script")[0];s.type="text/javascript",s.async=!0,s.src=t+"/static/scripts/rph.js",a.parentNode.insertBefore(s,a)}();
//Get your key from https://rownd.io/product-hunt
_rphConfig.push(['setAppKey', 'REPLACE_WITH_ROWND_APP_KEY']);

</script>

//Ensure this is AFTER the main snippet
_rphConfig.push(['onLoaded', () => {
const loginButton = document.querySelector('#REPLACE_WITH_HTML_SELECTOR_FOR_BUTTON');
loginButton.addEventListener('click', (evt) => {
       //this delays the forward / action until after auth
       evt.preventDefault();
       evt.stopPropagation();
//Rownd sign in request
     rownd.requestSignIn();
 });
}]);

‍

_rphConfig.push(['onLoaded', () => {
           // Get new value from button click
           const button = document.querySelector('REPLACE_WITH_BUTTON_HTML_SELECTOR');
           button.addEventListener('click', (evt) => {
           evt.preventDefault();
               const newEmail = document.querySelector('REPLACE_WITH_FORM_INPUT_HTML_SELECTOR').value;
// This example uses email, you can utilize SMS with 'phone_number'
               rownd.user.setValue('email', newEmail);
               // rownd.requestSignIn will automatically kick off a validation
               rownd.requestSignIn({ auto_sign_in: true, identifier: newEmail });
           });
       }]);

‍

_rphConfig.push(['onLoaded', () => {
           // Note: ROWND_DATA_TYPES are specific to rownd.  List below
           const button = document.querySelector('#REPLACE_WITH_BUTTON_HTML_SELECTOR');
           button.addEventListener('click', (evt) => {
           evt.preventDefault();
               const newDATATYPE1= document.querySelector('DATATYPE1_INPUT_HTML_SELECTOR').value;
               rownd.user.setValue('DATATYPE1', newREPLACEWITHDATATYPE1);

               //Second data type
               const newDATATYPE2= document.querySelector('DATATYPE2_INPUT_HTML_SELECTOR').value;
               rownd.user.setValue('DATATYPE2', newREPLACEWITHDATATYPE2);

               //Third data type
               const newDATATYPE3= document.querySelector('DATATYPE3_INPUT_HTML_SELECTOR').value;
               rownd.user.setValue('DATATYPE3', newREPLACEWITHDATATYPE2);

               //ect.
               //If you choose, you can also validate at this point as well, just ensure you are collecting email as one of the datatypes

               //rownd.requestSignIn will automatically kick off a validation
               //rownd.requestSignIn({ auto_sign_in: true, identifier: newEmail });
           });
       }]);
</script>
‍

<!--
Data can be sent to and retrieved from the Rownd Hub. We are working on simplifying it and would love feedback.

You have to find the HTML Selector for each element
Video on how to do it: https://www.loom.com/share/be8d81a9e2384660818b8f4a279d9959

This is also added to the footer.  Always ensure these snippets are UNDER the website snippet
-->
//Use Rownd Hubdata to Customize a page

<script type="text/javascript">
_rphConfig.push(['onLoaded', () => {
 rph.events.addEventListener('user_data', (e) => {
   const REPLACE_WITH_VARIABLE = e.detail.data.REPLACE_WITH_DATA_TYPE;
   document.querySelector('REPLACE_WITH_ELEMENT_ID').innerText = REPLACE_WITH_VARIABLE ? `REPLACE WITH TRUE VALUE/$(REPLACE_WITH_VARIABLE)` : 'REPLACE_WITH_ELSE_VALUE';
 });
}]);
</script>

‍

//Where to after validation; the PATH can be relative (/welcome) or absolute (https://mysite.com/welcome)
_rphConfig.push(['setPostLoginRedirect', 'REPLACE_WITH_PATH_OF_REDIRECT']);

‍