The destination modal represents the classic AIDA modal, but instead of static data, it uses structured data from the content fragment. This is intended to reduce the maintenance effort for the editor and to ensure uniformity of the destination content. The composition of the modal consists of simple elements and does not use any outstanding functionality.
The user can open a modal by clicking on a CTA link or pin on a map. The modal then reveals further information that the user does not need to see directly on the page. In the modal itself, the user then has another option to jump off and dive deeper into the funnel.
First, create a new Content Fragment, in this case, inside the folder destinations.
Fill your content fragment with all the required information, like name, link, image, marketing facts, etc.
Now create an Experience Fragment and choose the CF you already created.
Now create a teaser and select the link to the Experience Fragment you just created by checking "Open as Popup".
Your modal is ready. Test it on Preview mode.
- titleType: div
- linkURLHidden: ,
- imageFromPageImage: false
- pretitle: Test Teaser
- titleFromPage: false
- asset: false
- modal: false
- jcr:description: <p>Click the CTA to open the modal on preview mode.</p>
- linkTarget: _self
- descriptionFromPage: false
- sling:resourceType: aida-component-library/core/components/content/teaser
- isDecorative: false
- textIsRich: true
- altValueFromDAM: false
- cq:styleIds: 1645620796744