.proca-widget, #signature-form {max-width:600px;min-width:300px} .row{ display: flex; flex-direction: row; flex-wrap: wrap; width:100%; } .col{ display: flex; flex-direction: column; flex-basis: 100%; padding:0 10px; flex:1; } pre {background:#dede; padding: 10px}

Campaign

You can put a button the style you want SIGN

<%= campaign %>

Bla

How to embed this into your website?

You simply need to copy paste in your website editor, for instance wordpress. The specific instructions depends of your website, check with your webmaster or search how to add "raw html" + your CMS.

Put this line somehwere in your page
<script id="proca" src="https://%widget_path%"></script>
          

and link (styled as a button) with the "url" (href) #proca-dialog. The specifics depend on your theme

<a href="#proca-dialog" class="btn">SIGN NOW</a>

or, only if it doesnt work, you can try

<a class="proca-button btn">SIGN NOW</a>

Please do NOT test the widget on a live page – we don’t want people trying to sign before we go live!
you can see an example of the widget and the steps above.