Guided Landing Page Enhancement: Repeating Region

Guided Landing Page Enhancement: Repeating Region

It would be fantastic to allow a section of a landing page (including contained elements) to be duplicated. An example of this would be an event landing page that has a variable number of speakers; event a might need 2, event b might need 5. Hypothetical example below:

<div class="speaker mktoRepeatable">

     <div class="speaker__name mktoText" id="speakerName" mktoName="Name">Speaker Name</div>

     <div class="speaker__title mktoText" id="speakerText" mktoName="Title">Speaker Title</div>

</div>

vs

<div class="speaker">

     <div class="speaker__name mktoText" id="speakerName1" mktoName="Name">Speaker Name</div>

     <div class="speaker__title mktoText" id="speakerText1" mktoName="Title">Speaker Title</div>

</div>

<div class="speaker">

     <div class="speaker__name mktoText" id="speakerName2" mktoName="Name">Speaker Name</div>

     <div class="speaker__title mktoText" id="speakerText2" mktoName="Title">Speaker Title</div>

</div>

7 Comments
Anonymous
Not applicable

Templates are one of my major gripes with Marketo after switching from Pardot. Guided templates are definitely a step forward, but without repeatable  regions are not flexible enough. 

Anonymous
Not applicable

This would be such a great idea - especially for speaker bios.

Grégoire_Miche2
Level 10

Hi Jonathan,

That's a great idea. You may want to contribute to this stream :

You will probably need a variable or a mechanism to set the number of repeat, with a min and max. Ideally, this would take the form of a variable, similar to other guided LP variables.

Best regards,

Greg

Courtney_Grimes
Level 10

Just a technical note here: this is actually possible in a couple of different ways: I've used AngularJS to solve this on free-form landing pages, and toggling display of divs if there's an upper limit for guided landing pages. Granted, this is all more advanced ways of addressing the issue and it would be a better solution if this was easier for endusers.

Anonymous
Not applicable

The locations where we do this right now don't have an explicit upper limit so we are including more than enough duplicate entries and including variables to toggle the visibility of the items. This ends up making guided templates that have  a lot of toggles and other variables, over 150 for one template.

I isn't a particularly elegant solution especially compared to something like Mail Chimp:

<div class="article" mc:repeatable>

<h3 mc:edit="article_title">Title</h3>

<p mc:edit="article_content">Content</p>

</div>

Mateo_Mateus
Level 1

Hi Courtney, can you explain a little bit more how was the implementation you did in Angular to solve this? I might need to to the same.
Thanks a lot

kh-lschutte
Community Manager
Status changed to: Open Ideas