.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}

They signed the pledge

they signed the pledge...

This is the text of the campaign, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

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 form

<script src="https://%widget_path%"></script>

Action tool and list of supporters

This is for later in the campaign when you start having some candidates signing and you want to display them 
<script src="https://%widget_path%"></script>
          <h3><span class="proca-counter">They</span> signed the pledge</h3>
<div class="proca-supporters">they signed the pledge...</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.