Three ways to add penelope to your journal website or submission system
Option 1: using a link (no coding necessary)
Add this URL to your website, replacing *** with your reference code and ### with your ID (you get these when you sign up).
https://peneloperesearch.typeform.com/to/mSsjjJ?ref=***&id=###
<a class="typeform-share button" href="https://peneloperesearch.typeform.com/to/mSsjjJ?ref=***&id=###" data-mode="1" target="_blank">Check Manuscript</a> <script>(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id='typef_orm',b='https://s3-eu-west-1.amazonaws.com/share.typeform.com/';if(!gi.call(d,id)){js=ce.call(d,'script');js.id=id;js.src=b+'share.js';q=gt.call(d,'script')[0];q.parentNode.insertBefore(js,q)}id=id+'_';if(!gi.call(d,id)){qs=ce.call(d,'link');qs.rel='stylesheet';qs.id=id;qs.href=b+'share-button.css';s=gt.call(d,'head')[0];s.appendChild(qs,s)}})()</script>
When done correctly it will look like this:
Option 3: Embed the form directly
If you have access to the html underlying your website, you can use this code snippet to embed Penelope directly in your site. Replace *** with your reference code and ### with your ID (you get these when you sign up).
<div class="typeform-widget" data-url="https://peneloperesearch.typeform.com/to/mSsjjJ?ref=***&id=###" data-text="precheck" style="width:100%;height:500px;"></div> <script>(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id='typef_orm',b='https://s3-eu-west-1.amazonaws.com/share.typeform.com/';if(!gi.call(d,id)){js=ce.call(d,'script');js.id=id;js.src=b+'widget.js';q=gt.call(d,'script')[0];q.parentNode.insertBefore(js,q)}})()</script>
When done correctly it will look like it does here.