Hoe maak je content type Nieuwsbrief Carousel?
We hebben een animatie content type ontwikkeld. Door op de thumbnails te klikken verander je van het grote beeld. Het is wel raadzaam om 5 dezelfde formaat afbeeldingen te gaan gebruiken. Zo ziet het er strakker uit.
Hier zie je een voorbeeld van de content type:
Zoals je ziet zit er een animatie in. Kijk je op jouw computer dan kan je hem in ieder geval online zien. Maar dat wil helaas niet zeggen dat iedereen het in zijn email client ziet. Daar zit nog steeds verschil in. Animaties in emails tonen hangt van zoveel factoren af, zoals welke email client gebruik je, werk je op een mac of een pc of kijk je op een iphone of een android. Maar online werkt het altijd.
Fall back Image
Omdat de carousel niet in elke email client wordt getoond, hebben we ervoor gezorgd dat er een fallback image komt. Deze afbeelding wordt dan automatisch vertoond als de email client de carousel niet laat zien. Het is raadzaam om de fallback image zo te maken dat de afbeelding ook de belangrijke informatie heeft, wat je op de andere afbeeldingen hebt staan.
Hier is een voorbeeld zoals je hem in Basedriver ziet:
Neem contact op met Basedriver support
Is het in jouw Basedriver nog niet mogelijk om deze content type te maken? Neem dan contact op met een Key-user uit jouw organisatie of neem contact op met support@basedriver.com
Heeft bovenstaande niet geholpen, dan staat ons support team voor je klaar.
Stel een vraag aan Support
Over Basedriver
Basedriver is een digitaal marketing platform waarin content, data en campagnes bij elkaar komen. We zorgen ervoor dat B2B en B2C bedrijven hun content aan de juiste klant aanbieden door middel van persoonlijke nieuwsbrieven en e-mail marketing campagnes.
Basedriver staat voor:
Een eenvoudige user interface met geautomatiseerde business ruling die zorgt dat marketeers zelfstandig kunnen werken met content, campagnes en data ;
Kwalitatieve marketing data door automatisch bounce management, actieve checks op datakwaliteit en koppelingen met meer dan 2.000 apps en sites;
Een persoonlijke contact- en content planning die het mogelijk maakt om automatisch de juiste content aan de juiste ontvanger aan te bieden.
Met Basedriver vergroot je je marketing database , verstuur je relevantere campagnes, haal je meer rendement uit content én genereer je meer klanten.
[fluentform id="19"]
<div class='fluentform fluentform_wrapper_19'>
<style id="fluentform_custom_css_19" type="text/css">
/*input style*/
.fluent_form_17 frm-fluent-form{
margin-bottom: 10px;
}
.fluent_form_17 .ff-el-input--content{
padding: 6px 12px; /*change padding*/
background-color: #fff; /*change background color*/
border: 1px solid #ced4da; /*change border width and color*/
border-radius: 10px; /*change corner round/ border radius*/
margin-bottom: 10px;
}
.fluent_form_17 .ff-el-form-control{
padding: 6px 12px; /*change padding*/
background-color: #fff; /*change background color*/
border: 1px solid #ced4da; /*change border width and color*/
border-radius: 10px; /*change corner round/ border radius*/
margin-bottom: 10px;
} </style>
<style id="fluentform_styler_css_19" type="text/css">
.fluentform_wrapper_19{ margin: px; } .fluentform_wrapper_19{ padding: px; } .fluentform_wrapper_19 .ff-el-input--content input, .fluentform_wrapper_19 .ff-el-input--content textarea, .fluentform_wrapper_19 .ff-el-input--content select, .fluentform_wrapper_19 .choices__list--single, .fluentform_wrapper_19 .choices[data-type*='select-multiple'] { color: rgba(21, 49, 88, 1);border-style: solid;border-color: rgba(245, 137, 68, 1);border-width: 1px;border-radius: 10px; } .fluentform_wrapper_19 .frm-fluent-form .choices__list--dropdown { border-style: solid;border-color: rgba(245, 137, 68, 1);border-width: 1px;border-radius: 10px; } .fluentform_wrapper_19 .ff_submit_btn_wrapper .ff-btn-submit { background-color: rgba(245, 137, 68, 1);color: rgba(21, 49, 88, 1);padding: px;margin: px; } </style>
<form data-form_id="19" id="fluentform_19" class="frm-fluent-form fluent_form_19 ff-el-form-top ff_form_instance_19_2 ff-form-loading" data-form_instance="ff_form_instance_19_2" method="POST" > <span style="display: none !important;"><input type="checkbox" name="item__19__fluent_checkme_" value="1"
style="display:none !important;" tabindex="-1"></span>
<input type='hidden' name='__fluent_form_embded_post_id' value='6207' /><input type="hidden" id="_fluentform_19_fluentformnonce" name="_fluentform_19_fluentformnonce" value="116bfb9f67" /><input type="hidden" name="_wp_http_referer" value="/kennisbank/content-type-nieuwsbrief-carousel/" /><div data-type="name-element" data-name="FirstName" class=" ff-field_container ff-name-field-wrapper" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-hide_label'><div class='ff-el-input--label ff-el-is-required asterisk-right'><label for='ff_19_FirstName_last_name_'>Voornaam</label> </div><div class='ff-el-input--content'><input type="text" name="FirstName[last_name]" id="ff_19_FirstName_last_name_" class="ff-el-form-control" placeholder="Voornaam" ></div></div></div></div></div><div class='ff-el-group' data-name="custom_html-19_1" ><br /></div><div data-type="name-element" data-name="LastName" class=" ff-field_container ff-name-field-wrapper" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-hide_label'><div class='ff-el-input--label ff-el-is-required asterisk-right'><label for='ff_19_LastName_last_name_'>Achternaam</label> </div><div class='ff-el-input--content'><input type="text" name="LastName[last_name]" id="ff_19_LastName_last_name_" class="ff-el-form-control" placeholder="Achternaam" ></div></div></div></div></div><div class='ff-el-group' data-name="custom_html-19_2" ><br /></div><div class='ff-el-group ff-el-form-hide_label'><div class='ff-el-input--label ff-el-is-required asterisk-right'><label for='ff_19_Mailaddress'>E-mail</label> </div><div class='ff-el-input--content'><input type="email" name="Mailaddress" id="ff_19_Mailaddress" class="ff-el-form-control" placeholder="E-mail Adres" data-name="Mailaddress" ></div></div><div class='ff-el-group' data-name="custom_html-19_3" ><br /></div><div class='ff-el-group ff-el-form-hide_label'><div class='ff-el-input--label asterisk-right'><label for='ff_19_Company'>Bedrijfsnaam</label> </div><div class='ff-el-input--content'><input type="text" name="Company" class="ff-el-form-control" placeholder="Bedrijfsnaam" data-name="Company" id="ff_19_Company" ></div></div><div class='ff-el-group' data-name="custom_html-19_4" ><br /></div><div class='ff-el-group ff-el-form-hide_label'><div class='ff-el-input--content'><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for=input_checkbox_m0tavp_1_77fbdf3d988601b452881b6f070bfde2><input type="checkbox" name="input_checkbox_m0tavp_1[]" data-name="input_checkbox_m0tavp_1" class="ff-el-form-check-input ff-el-form-check-checkbox" value="Ja, ik wil wil meer weten over Basedriver en geef toestemming mijn gegevens veilig op te slaan, conform onze <a href="https://basedriver.com/privacyverklaring/">Privacy verklaring</a>." id='input_checkbox_m0tavp_1_77fbdf3d988601b452881b6f070bfde2'> <span>Ja, ik wil wil meer weten over Basedriver en geef toestemming mijn gegevens veilig op te slaan, conform onze <a href="https://basedriver.com/privacyverklaring/">Privacy verklaring</a>.</span></label></div></div></div><div class='ff-el-group' data-name="custom_html-19_5" ><br /></div><div class='ff-el-group' data-name="custom_html-19_6" ><br /></div><input type="hidden" name="optRouteToAdd" value="SubscriptionFormNewsLetterAPI" data-name="optRouteToAdd" ><input type="hidden" name="attribute" value="2021 webinar omzetkansen" data-name="attribute" ><input type="hidden" name="campaignId" value="52" data-name="campaignId" ><input type="hidden" name="contactmomentId" value="11" data-name="contactmomentId" ><input type="hidden" name="FormName" value="OptinMonster_webinar_omzetkansen" data-name="FormName" ><input type="hidden" name="marketingLabelShortCode" value="BD" data-name="marketingLabelShortCode" ><input type="hidden" name="okForOptCodes" value="N" data-name="okForOptCodes" ><input type="hidden" name="conditions" value="Ja, ik wil wil meer weten over Basedriver en geef toestemming mijn gegevens veilig op te slaan, conform onze privacy verklaring." data-name="conditions" ><div class='ff-el-group ff-text-right ff_submit_btn_wrapper'><button type="submit" class="ff-btn ff-btn-submit ff-btn-md ff_btn_style" >Nu verzenden</button><style>form.fluent_form_19 .ff-btn-submit { background-color: #409EFF; color: #ffffff; }</style></div></form><div id='fluentform_19_errors' class='ff-errors-in-stack ff_form_instance_19_2 ff-form-loading_errors ff_form_instance_19_2_errors'></div></div> <script type="text/javascript">
window.fluent_form_ff_form_instance_19_2 = {"id":"19","settings":{"layout":{"labelPlacement":"top","helpMessagePlacement":"with_label","errorMessagePlacement":"inline"},"id":"95","restrictions":{"denyEmptySubmission":{"enabled":false}}},"form_instance":"ff_form_instance_19_2","form_id_selector":"fluentform_19","rules":{"FirstName[last_name]":{"required":{"value":true,"message":"Dit veld is verplicht"}},"LastName[last_name]":{"required":{"value":true,"message":"Dit veld is verplicht"}},"Mailaddress":{"required":{"value":true,"message":"Dit veld is verplicht!"},"email":{"value":true,"message":"Dit veld moet een geldig e-mailadres bevatten"}},"Company":{"required":{"value":false,"message":"Dit veld is verplicht"}},"input_checkbox_m0tavp_1":{"required":{"value":true,"message":"This field is required"}}}};
</script>
[fluentform id="17"]
<div class='fluentform fluentform_wrapper_17'>
<style id="fluentform_custom_css_17" type="text/css">
/*input style*/
.fluent_form_17 frm-fluent-form{
margin-bottom: 10px;
}
.fluent_form_17 .ff-el-input--content{
padding: 6px 12px; /*change padding*/
background-color: #fff; /*change background color*/
border: 1px solid #ced4da; /*change border width and color*/
border-radius: 10px; /*change corner round/ border radius*/
margin-bottom: 10px;
}
.fluent_form_17 .ff-el-form-control{
padding: 6px 12px; /*change padding*/
background-color: #fff; /*change background color*/
border: 1px solid #ced4da; /*change border width and color*/
border-radius: 10px; /*change corner round/ border radius*/
margin-bottom: 10px;
} </style>
<style id="fluentform_styler_css_17" type="text/css">
.fluentform_wrapper_17{ margin: px; } .fluentform_wrapper_17{ padding: px; } .fluentform_wrapper_17 .ff-el-input--content input, .fluentform_wrapper_17 .ff-el-input--content textarea, .fluentform_wrapper_17 .ff-el-input--content select, .fluentform_wrapper_17 .choices__list--single, .fluentform_wrapper_17 .choices[data-type*='select-multiple'] { color: rgba(21, 49, 88, 1);border-style: solid;border-color: rgba(245, 137, 68, 1);border-width: 1px;border-radius: 10px; } .fluentform_wrapper_17 .frm-fluent-form .choices__list--dropdown { border-style: solid;border-color: rgba(245, 137, 68, 1);border-width: 1px;border-radius: 10px; } .fluentform_wrapper_17 .ff_submit_btn_wrapper .ff-btn-submit { background-color: rgba(245, 137, 68, 1);color: rgba(21, 49, 88, 1);padding: px;margin: px; } </style>
<form data-form_id="17" id="fluentform_17" class="frm-fluent-form fluent_form_17 ff-el-form-top ff_form_instance_17_3 ff-form-loading" data-form_instance="ff_form_instance_17_3" method="POST" > <span style="display: none !important;"><input type="checkbox" name="item__17__fluent_checkme_" value="1"
style="display:none !important;" tabindex="-1"></span>
<input type='hidden' name='__fluent_form_embded_post_id' value='6207' /><input type="hidden" id="_fluentform_17_fluentformnonce" name="_fluentform_17_fluentformnonce" value="116bfb9f67" /><input type="hidden" name="_wp_http_referer" value="/kennisbank/content-type-nieuwsbrief-carousel/" /><div data-type="name-element" data-name="LastName" class=" ff-field_container ff-name-field-wrapper" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-hide_label'><div class='ff-el-input--label ff-el-is-required asterisk-right'><label for='ff_17_LastName_last_name_'>Naam</label> </div><div class='ff-el-input--content'><input type="text" name="LastName[last_name]" id="ff_17_LastName_last_name_" class="ff-el-form-control" placeholder="Naam" ></div></div></div></div></div><div class='ff-el-group' data-name="custom_html-17_1" ><br /></div><div class='ff-el-group ff-el-form-hide_label'><div class='ff-el-input--label ff-el-is-required asterisk-right'><label for='ff_17_Mailaddress'>E-mail</label> </div><div class='ff-el-input--content'><input type="email" name="Mailaddress" id="ff_17_Mailaddress" class="ff-el-form-control" placeholder="E-mail Adres" data-name="Mailaddress" ></div></div><div class='ff-el-group' data-name="custom_html-17_2" ><br /></div><div class='ff-el-group ff-el-form-hide_label'><div class='ff-el-input--label asterisk-right'><label for='ff_17_Company'>LinkedIn profiel</label> </div><div class='ff-el-input--content'><input type="text" name="Company" class="ff-el-form-control" placeholder="LinkedIn profiel" data-name="Company" id="ff_17_Company" ></div></div><div class='ff-el-group' data-name="custom_html-17_3" ><br /></div><div class='ff-el-group ff-el-form-hide_label'><div class='ff-el-input--content'><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for=input_checkbox_m0tavp_1_272ccaf5c77dc309071198559576b51a><input type="checkbox" name="input_checkbox_m0tavp_1[]" data-name="input_checkbox_m0tavp_1" class="ff-el-form-check-input ff-el-form-check-checkbox" value="Ja, ik wil wil meer weten over Basedriver en geef toestemming mijn gegevens veilig op te slaan, conform onze privacy verklaring." id='input_checkbox_m0tavp_1_272ccaf5c77dc309071198559576b51a'> <span>Ja, ik wil wil meer weten over Basedriver en geef toestemming mijn gegevens veilig op te slaan, conform onze privacy verklaring.</span></label></div></div></div><div class='ff-el-group' data-name="custom_html-17_4" ><br /></div><input type="hidden" name="optRouteToAdd" value="SubscriptionFormNewsLetterAPI" data-name="optRouteToAdd" ><input type="hidden" name="attribute" value="Sollicitant" data-name="attribute" ><input type="hidden" name="campaignId" value="65" data-name="campaignId" ><input type="hidden" name="contactmomentId" value="1" data-name="contactmomentId" ><input type="hidden" name="FormName" value="OptinMonster_Sollicitatie_popup" data-name="FormName" ><input type="hidden" name="marketingLabelShortCode" value="BD" data-name="marketingLabelShortCode" ><input type="hidden" name="okForOptCodes" value="N" data-name="okForOptCodes" ><input type="hidden" name="conditions" value="Ja, ik wil wil meer weten over Basedriver en geef toestemming mijn gegevens veilig op te slaan, conform onze privacy verklaring." data-name="conditions" ><div class='ff-el-group ff-text-right ff_submit_btn_wrapper'><button type="submit" class="ff-btn ff-btn-submit ff-btn-md ff_btn_style" >Nu verzenden</button><style>form.fluent_form_17 .ff-btn-submit { background-color: #409EFF; color: #ffffff; }</style></div></form><div id='fluentform_17_errors' class='ff-errors-in-stack ff_form_instance_17_3 ff-form-loading_errors ff_form_instance_17_3_errors'></div></div> <script type="text/javascript">
window.fluent_form_ff_form_instance_17_3 = {"id":"17","settings":{"layout":{"labelPlacement":"top","helpMessagePlacement":"with_label","errorMessagePlacement":"inline"},"id":"95","restrictions":{"denyEmptySubmission":{"enabled":false}}},"form_instance":"ff_form_instance_17_3","form_id_selector":"fluentform_17","rules":{"LastName[last_name]":{"required":{"value":true,"message":"Dit veld is verplicht"}},"Mailaddress":{"required":{"value":true,"message":"Dit veld is verplicht!"},"email":{"value":true,"message":"Dit veld moet een geldig e-mailadres bevatten"}},"Company":{"required":{"value":false,"message":"Dit veld is verplicht"}},"input_checkbox_m0tavp_1":{"required":{"value":true,"message":"This field is required"}}}};
</script>
