Content type Nieuwsbrief afbeelding boven 33%

30 november 2021 - 2 minuten
Gekleurde balk
← Terug naar kennisbank

Hoe maak je content type Nieuwsbrief afbeelding boven 33%?

Waarschijnlijk ken je de content type Nieuwsbrief afbeelding boven 50% wel? Deze zit in de meeste omgevingen van Basedriver. En waarschijnlijk ook in jouw omgeving. Bij dit content type moet je er 2 van aanmaken, anders wordt het niet getoond in je mail. Dat geldt voor dit content type met 33% eigenlijk ook. In dit geval is het een 3 koloms content blok. Dus bij dit content type moet je 3x een content aanmaken. Anders wordt het namelijk niet getoond.

Hier zie je een voorbeeld van de content type:

33% voorbeeld afbeelding

Zoals je ziet zit er een hover 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.

Hier is een voorbeeld zoals je hem in Basedriver ziet:contenttype in Basedriver

Afbeelding 1 wordt overal vertoond. Afbeelding 2 wordt dus niet door alle email clients vertoond.
Hou hier ook rekening mee met maken van de afbeeldingen.

Formaat afbeeldingen

Normaal is de hoogte niet zo belangrijk. In dit geval wel. Zoals bijvoorbeeld voor Gmail op de macbook. Door vaste maten in de template te zetten werkt de hover namelijk voor Gmail op de macbook. Dit formaat is breedte 167px x hoogte 150px. Dit is dus wel zo handig om te weten.

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

Gekleurde balk

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='6188' /><input type="hidden" id="_fluentform_19_fluentformnonce" name="_fluentform_19_fluentformnonce" value="86db53477a" /><input type="hidden" name="_wp_http_referer" value="/kennisbank/content-type-nieuwsbrief-afbeelding-boven-33/" /><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_01767397a0586e32cfb3bbcf5b071f55><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 &lt;a href=&quot;https://basedriver.com/privacyverklaring/&quot;&gt;Privacy verklaring&lt;/a&gt;." id='input_checkbox_m0tavp_1_01767397a0586e32cfb3bbcf5b071f55'> <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='6188' /><input type="hidden" id="_fluentform_17_fluentformnonce" name="_fluentform_17_fluentformnonce" value="86db53477a" /><input type="hidden" name="_wp_http_referer" value="/kennisbank/content-type-nieuwsbrief-afbeelding-boven-33/" /><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_4f44f97fda01e5011ff0b4851959c268><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_4f44f97fda01e5011ff0b4851959c268'> <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>