Creating the Signup form

You can put the SendInBlue signup form on any front-end page. Add the SendInBlue Signup Form component to a page or layout. Click the added component and paste your SendInBlue list identifier in the SendInBlue List ID field.

If you want to use the double opt-in flow (as required due to GDPR in Europe) enable Double Opt-in and provide the Double Opt-in template ID and either a CMS page or a static page to redirect to after the douple opt-in mail link was clicked by a subscriber.

Now close the Inspector and save the page.

The simplest way to add the signup form is to use the component's default partial and the {% component %} tag. Add it to a page or layout where you want to display the form:

{% component 'mailSignup' %}

If the default partial is not suitable for your website, replace the component tag with custom code, for example:

<form
    id="subscribe-form"
    data-request="mailSignup::onSignup"
    data-request-update="'mailSignup::result': '#subscribe-form'"
>
    <input type="text" name="email" placeholder="Newsletter subscription">
    <input type="submit" class="btn btn-default" value="Subscribe"/>
</form>

The example uses the standard partial mailSignup::result for displaying the subscription confirmation message. If you don't like the standard message you can create your own partial in your theme and specify its name in the data-request-update attribute. The default partial is located in plugins/studiobosco/sendinblue/components/signup/result.htm.