Multipurpose artikel (artikel keuze)

27 maart 2023 - 2 minuten
Gekleurde balk
← Terug naar kennisbank

Basedriver heeft een multipurpose artikel ontwikkeld waarmee de opbouw van het template bepaald kan worden per contactmoment. Het aanmaken van een contentgroep en het maken van de content werken hetzelfde als bij een standaard artikel.  

Hieronder vind je meer uitleg over het gebruik van het multipurpose artikel. Het multipurpose artikel werkt enkel met het multipurpose template. (Note: dit is ingeregeld naar wens van de klant en kan zijn dat er specifieke zaken niet ingeregeld zijn).

Artikel keuze
Na het aanmaken van de content groep en de keuze voor het multipurpose artikel kies je een multipurpose artikel.  

Het multipurpose artikel heeft de volgende (meest voorkomende) artikel keuzes: 

  • Artikel afbeelding boven 
  • Artikel afbeelding boven 50% 
  • Artikel afbeelding links 
  • Artikel afbeelding links brede tekst 
  • Artikel afbeelding rechts 
  • Artikel afbeelding rechts brede tekst 
  • Advertorial afbeelding breed
  • Advertorial afbeelding rechts 
  • Agenda artikel 
  • Aftelklok 

Er zijn nog meer mogelijkheden van artikelkeuzes echter zijn deze klant specifiek.

Na de keuze van een artikel vouwt het veld zich uit en verschijnen de onderstaande velden: 

Alle tekstvelden zijn voorzien van een wysiwyg editor waardoor je o.a. de teksten kan centreren en uitlijnen naar links en rechts. Tevens heb je de keuze om de button ook te centreren of links/rechts uit te lijnen. De button kleur kan ook weer op dezelfde manier worden aangepast als bij de navigatiebalk. 

Met de keuze extra velden is het mogelijk om onder de button een extra tekst veld in te voegen en een extra button. Ook hier kan je de kleur van de button afzonderlijk aanpassen. 

Artikel 50%
Als je kiest voor het artikel 50% dan verschijnt er naast de velden voor het 1ste 50% artikel, direct ook de velden voor het 2de 50% artikel. Ook in dit artikel kan je zoals bij de andere artikelen kiezen voor: 

  • Uitlijning 
  • Extra velden 
  • Button kleur 

Deze keuzes zijn per 50% afzonderlijk in te stellen.

Artikel agenda
Bij de keuze voor het artikel agenda zijn ook weer de bekende velden en keuzes aanwezig en te gebruiken. In het agenda artikel zijn er een drietal velden toegevoegd: 

  • Locatie 
  • Start (startdatum/tijd)
  • Eind (einddatum/tijd) 

Dit zijn verplichte velden. 

Bekijk ook gebruik multipurpose artikel als header.

Neem contact op met Basedriver support

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='6826' /><input type="hidden" id="_fluentform_19_fluentformnonce" name="_fluentform_19_fluentformnonce" value="116bfb9f67" /><input type="hidden" name="_wp_http_referer" value="/kennisbank/multipurpose-artikel-artikel-keuze/" /><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_4a7e12051b2a932e777aa2967e64c894><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_4a7e12051b2a932e777aa2967e64c894'> <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='6826' /><input type="hidden" id="_fluentform_17_fluentformnonce" name="_fluentform_17_fluentformnonce" value="116bfb9f67" /><input type="hidden" name="_wp_http_referer" value="/kennisbank/multipurpose-artikel-artikel-keuze/" /><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_1bd5fd4f9b6ffbaa2015204062b4b31f><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_1bd5fd4f9b6ffbaa2015204062b4b31f'> <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>