.proca-widget, #widget-demo {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}

Find out more about our campaigns and actions progress

Yes, send me emails

No, don't send me emails

Your personal information will be kept private and held securely....<1>privacy</1>

variant A

Another Long long text with lines and shit

variant A

variant B

I want to receive the newsletter from {{name}}

Do it now!

I signed <%= campaign %>, you should sign too!

I signed #<%=campaign %>, you should too!

Hi, sign that!

How to embed this into your website?

For a more complete information, including how to modify the social media messages, please check out our guide

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.

Just the action tool

This is the most flexible solution, you can have a full width form, or manage your layout exactly the way your want.
<script src="https://%widget_path%"></script>
          

Action tool and campaign text (two columns)

If you want a little help and have a widget with two columns (like the example on this page), it's almost the same, but you put the text you want on the left hand column as the content of the widget
<script src="https://%widget_path%"></script>
<div class="proca-widget">
  <div class="proca-description">Loading text...</div>
</div>
          

You can put the first line wherever you want, the other lines has to be where you want the form to be displayed

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.