.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

variant B

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

Do it now!

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 something in two columns (like the example above), 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"></div>
  Put here the title and text of the campaign
</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.