Universal Consent Management

In Legal Monster, you can create multiple widgets for collecting the correct consent. This guide will show you have to make just the consent widget you need!

Before you start

Make sure that you have a privacy policy before you create any widgets. A privacy policy is needed for all widgets.

Install the widgets

Once you've finished your widget, you'll receive a code snippet, which you need to include in your form. You can follow this guide, which shows you how to include a Legalmonster widget in your form.

Collect consent for signups

You need to collect consent, when users sign up to your service. This happens when users sign up for a service, create an account or buy something on your website. Often users need to fill out a form with their details, which you'll store somewhere, and in that form, you should include a consent to your service.

Step 1: Create a Signup widget

To create a signup widget, navigate to "Widgets" from the sidebar in the dashboard.

Click on Create a widget, and select "Sign up for a service". Now select whether your service is aimed at Consumers or Business users. This step is important to get right as that changes the look of the widget and makes sure that it is always compliant.

Step 2: Configure the widget

In the next step you need to configure your widget so it uses the correct privacy policy and/or terms of service. You'll also have the option to bundle the consent with a consent for email marketing. If you choose to include email marketing, you must provide a list of purposes for which you intend to email the users.

Marketing Consent

Are you users filling out a form to book a demo, download an e-book or other types of marketing offers? Then you need to collect marketing consent. Create a marketing consent widget to integrate with your form in two easy steps:

Step 1: Business or Consumers

Click on Create a widget, and select "Marketing offer". Now select whether your service is aimed at Consumers or Business users. This step is important to get right as that changes the look of the widget and makes sure that it is always compliant.

Step 2: Configure your widget

The marketing widget must include a privacy policy, so remember to select the privacy policy for your widget. You might also choose to bundle the widget with consent for e-mail marketing.

Email marketing consent

Step 1: Create the e-mail marketing widget

To collect e-mail marketing consent, you must create a widget in Legal Monster. The widget will produce a few lines of text, that will inform the user and ensure that they are given the correct information upon entering their email address.

The widget only contains text. You have to make the input field yourself.

Create a newsletter widget to use with a form that is only asking users to sign up for your email newsletter (not during signup e.g.).

Click on "Signs up for a newsletter"

The email marketing widget must include a privacy policy, so remember to select the privacy policy for your widget.

An example of the newsletter consent widget

Step 2: Pair it with a form

You'll need to find the input field in your code to pair the input field with your newly created email marketing text widget.

This piece of code is an example of such an input field. The form has two fields, one for name and one for email:

<form action="newsletter.php">
<label for="fname">Name:</label>
<input type="text" id="fname" name="fname">
<label for="lname">Email:</label>
<input type="text" id="email" name="email">
<input type="submit" value="Submit">
</form>

Once you have found your form, you must paste the code snippet of your e-mail marketing widget:

Copy the code in "Embed your widget"-textarea

It will look like this:

<script>
!function(){var i,e,t,s=window.legal=window.legal||[];if(s.SNIPPET_VERSION="3.0.0",i="https://widgets.legalmonster.com/v1/legal.js",!s.__VERSION__)if(s.invoked)window.console&&console.info&&console.info("legal.js: The initialisation snippet is included more than once on this page, and does not need to be.");else{for(s.invoked=!0,s.methods=["cookieConsent","document","ensureConsent","handleWidget","signup","user"],s.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);return e.unshift(t),s.push(e),s}},e=0;e<s.methods.length;e++)t=s.methods[e],s[t]=s.factory(t);s.load=function(e,t){var n,o=document.createElement("script");o.setAttribute("data-legalmonster","sven"),o.type="text/javascript",o.async=!0,o.src=i,(n=document.getElementsByTagName("script")[0]).parentNode.insertBefore(o,n),s.__project=e,s.__loadOptions=t||{}},s.widget=function(e){s.__project||s.load(e.widgetPublicKey),s.handleWidget(e)}}}();
legal.widget({
type: "newsletter",
widgetPublicKey: "owfhYkhHBj7Ju5QPpT4XpW4d",
targetElementSelector: "#legalmonster-newsletter-owfhYkhHBj7Ju5QPpT4XpW4d",
});
</script>
<div id="legalmonster-newsletter-owfhYkhHBj7Ju5QPpT4XpW4d"></div>

There are two parts to this code the code between the <script>-tags, and lastly the <div>-element. Paste the code into the code for your form like this:

<script>
!function(){var i,e,t,s=window.legal=window.legal||[];if(s.SNIPPET_VERSION="3.0.0",i="https://widgets.legalmonster.com/v1/legal.js",!s.__VERSION__)if(s.invoked)window.console&&console.info&&console.info("legal.js: The initialisation snippet is included more than once on this page, and does not need to be.");else{for(s.invoked=!0,s.methods=["cookieConsent","document","ensureConsent","handleWidget","signup","user"],s.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);return e.unshift(t),s.push(e),s}},e=0;e<s.methods.length;e++)t=s.methods[e],s[t]=s.factory(t);s.load=function(e,t){var n,o=document.createElement("script");o.setAttribute("data-legalmonster","sven"),o.type="text/javascript",o.async=!0,o.src=i,(n=document.getElementsByTagName("script")[0]).parentNode.insertBefore(o,n),s.__project=e,s.__loadOptions=t||{}},s.widget=function(e){s.__project||s.load(e.widgetPublicKey),s.handleWidget(e)}}}();
legal.widget({
type: "newsletter",
widgetPublicKey: "owfhYkhHBj7Ju5QPpT4XpW4d",
targetElementSelector: "#legalmonster-newsletter-owfhYkhHBj7Ju5QPpT4XpW4d",
});
</script>
<form action="newsletter.php">
<label for="fname">Name:</label>
<input type="text" id="fname" name="fname">
<label for="lname">Email:</label>
<input type="text" id="email" name="email">
<div id="legalmonster-newsletter-owfhYkhHBj7Ju5QPpT4XpW4d"></div>
<input type="submit" value="Submit">
</form>

As you can see, the div element of the legal monster code snippet is inserted into the form tags. And the script part of the code snippet is above the form.

That's it. If you want to read more, check this guide about how to integrate the widget into the form.

Cookie Consent

Lastly, there the widget for cookie consent, which we've created a seperate guide to here: Cookie Pop-up consent solution.