SpectrumMigou: Include HTML code for newsletter signup form

2025-03-04T18:02:26Z

Include HTML code for newsletter signup form

New page

<form method=post action=https://newsletter.infomaniak.com/v3/api/1/newsletters/webforms/18863/submit class=inf-form
style=max-width:700px>
<input type=email name=email style=display:none><input type=hidden name=key
value="eyJpdiI6IkhNaUhWRGM3c01hRmxiMkh6YjhPUE9Bck0rb1BjejBqa05QZWdIUHlnalk9IiwibWFjIjoiZDhiY2NiNzI1NzE0MmQ0M2ZiZTZkY2IyNmNiODlkZjYzZjUzN2Y1YTgxNTlhNTk1MDRmZGY5NTg1YjhiYjRiMiIsInZhbHVlIjoiQ1Y1UWo5K3FWcnRBUVNtNHVmNUZITVdRdTBFcVFwUjN4MVNCTzRWaVNDYz0ifQ=="><input
type=hidden name=webform_id value=18863>
<style>
.inf-main_6432821a1d5b2b35b3c47142fbf29a02 {
background-color: #f5f5f5;
padding: 25px 20px;
margin: 25px auto
}

.inf-main_6432821a1d5b2b35b3c47142fbf29a02 .inf-content {
margin-top: 13px
}

.inf-main_6432821a1d5b2b35b3c47142fbf29a02 h4,
.inf-main_6432821a1d5b2b35b3c47142fbf29a02 span,
.inf-main_6432821a1d5b2b35b3c47142fbf29a02 label,
.inf-main_6432821a1d5b2b35b3c47142fbf29a02 input,
.inf-main_6432821a1d5b2b35b3c47142fbf29a02 .inf-submit,
.inf-main_6432821a1d5b2b35b3c47142fbf29a02 .inf-success p a {
color: #555;
font-size: 14px
}

.inf-main_6432821a1d5b2b35b3c47142fbf29a02 h4 {
font-size: 18px;
margin: 0 0 13px
}

.inf-main_6432821a1d5b2b35b3c47142fbf29a02 h4,
.inf-main_6432821a1d5b2b35b3c47142fbf29a02 label {
font-weight: 700
}

.inf-main_6432821a1d5b2b35b3c47142fbf29a02 .inf-input {
margin-bottom: 7px
}

.inf-main_6432821a1d5b2b35b3c47142fbf29a02 label {
display: block
}

.inf-main_6432821a1d5b2b35b3c47142fbf29a02 input {
height: 35px;
color: #999;
border: 1px solid #e9e9e9;
border: none;
padding-left: 7px
}

.inf-main_6432821a1d5b2b35b3c47142fbf29a02 .inf-input.inf-error label,
.inf-main_6432821a1d5b2b35b3c47142fbf29a02 .inf-input.inf-error span.inf-message {
color: #c03
}

.inf-main_6432821a1d5b2b35b3c47142fbf29a02 .inf-input.inf-error input {
border: 1px solid #c03
}

.inf-main_6432821a1d5b2b35b3c47142fbf29a02 .inf-input input {
width: 100%
}

.inf-main_6432821a1d5b2b35b3c47142fbf29a02 .inf-input.inf-error span.inf-message {
display: block
}

.inf-main_6432821a1d5b2b35b3c47142fbf29a02 .inf-submit {
text-align: right
}

.inf-main_6432821a1d5b2b35b3c47142fbf29a02 .inf-submit input {
background-color: #777;
color: #fff;
border: none;
font-weight: 400;
height: auto;
padding: 7px
}

.inf-main_6432821a1d5b2b35b3c47142fbf29a02 .inf-submit input.disabled {
opacity: .4
}

.inf-btn {
color: #555;
border: none;
font-weight: 400;
height: auto;
padding: 7px;
display: inline-block;
background-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, .24);
border-radius: 2px;
line-height: 1em
}

.inf-rgpd {
margin: 25px 0 15px;
color: #555
}
</style>
<div class=inf-main_6432821a1d5b2b35b3c47142fbf29a02>
<h4>WikiDeal Newsletter</h4><span>Don’t miss WikiDeal’s new technical, product and community developments! We
send out a brief newsletter approximately every month, to let you know what’s cooking (and how you can get
involved if you want).</span>
<div class=inf-success style=display:none>
<h4>Votre inscription a été enregistrée avec succès !</h4>
<p><a href=# class=inf-btn>«</a></p>
</div>
<div class=inf-content>
<div class="inf-input inf-input-text"><input type=email name=inf[1] data-inf-meta=1 data-inf-error required
placeholder="Email *"></div>
<div class=inf-rgpd>Your e-mail address is only used to send you our newsletter. You can unsubscribe at any
time.</div>
<div><label
data-mcaptcha_url="https://captcha.infomaniak.com/widget/?sitekey=wKJaAigS1e48fWgqtjvg5w7rKA6QIwmy"
for=mcaptcha__token id=mcaptcha__token-label><input type=text name=mcaptcha__token
id=mcaptcha__token></label>
<div id=mcaptcha__widget-container></div>
<script src=https://unpkg.com/@mcaptcha/vanilla-glue@0.1.0-rc2/dist/index.js></script>
</div>
<div class=inf-submit><input type=submit style=margin-top:25px value=Subscribe></div>
</div>
</div>
</form>

Widget:NewsletterSignup - Revision history

SpectrumMigou: Include HTML code for newsletter signup form