Are you looking to spice up your email subscription forms with a vibrant and inviting design? Look no further! Combining the robust functionality of Grouplist.io with the power of Sendy, you can now create a subscription form that not only captivates your audience but also aligns perfectly with the Best Buy color scheme.
Introducing the Custom Best Buy Style
Inspired by Best Buy's iconic blue and yellow, this custom CSS ensures your Grouplist.io forms are not only visually appealing but also provide a seamless user experience. Here's a snapshot of the CSS that transforms your standard forms into something spectacular:
Here is the CSS:
.grouplist-form {
font-size: 130%;
padding-right: 10px;
}
.grouplist-input, .grouplist-submit {
width: calc(100% - 22px);
padding: 10px;
margin-bottom: 10px;
border: 2px solid #0046be;
border-radius: 5px;
}
.grouplist-submit {
background-color: #0046be;
color: #ffe300;
font-weight: bold;
border: none;
cursor: pointer;
margin-right: 10px;
}
.grouplist-submit:hover {
background-color: #003399;
}{codeBox}
<form accept-charset="utf-8" action="https://app.grouplist.io/subscribe" method="POST" class="grouplist-form"><label for="grouplist-name">Name</label><input id="grouplist-name" name="name" type="text" class="grouplist-input" /><label for="grouplist-email">Email</label><input id="grouplist-email" name="email" type="email" class="grouplist-input" /><div style="display: none;"><label for="grouplist-hp">HP</label><input id="grouplist-hp" name="hp" type="text" class="grouplist-input" /></div><input name="list" type="hidden" value="JaW763w7oW44344534xAye7eQ" /><input name="subform" type="hidden" value="yes" /><input id="grouplist-submit" name="submit" type="submit" class="grouplist-submit" /></form>{codeBox}
0 Comments