Newsletter Experience Fragment

Short Description:

This component is created as an experience fragment and should be displayed on numerous pages at
the end of the page in order to draw the user's attention to the newsletter.

Marketing purpose:

Should encourage the user to register for the newsletter = lead generation.

Built with Core Components

The Newsletter XF is a component built with Core Components. It has a container with titles, teaser, button and images. This means, that some of the features offered by some components should not be used, for example: in teasers for short descriptions, it uses titles and check box icon only, so please don't use pretitle, links, call to actions and descriptions.

Page Design Example

Not Available

Component Design

AOS (live)

opens in a new tab

Properties
Markup
JSON


    

    
        sling:resourceType:
        aida-component-library/core/components/container/container
    

    
        cq:styleIds:
        1652792807323,1649932009706

    <div class="container responsivegrid cmp-container--margin-padding-disabled cmp-container--newsletter" data-initialized="">
  <div id="container-55af7cf83d" class="cmp-container">
    <div class="container responsivegrid cmp-container--margin-padding-disabled">
      <div id="container-82276c91fe" class="cmp-container">
        <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
          <div class="title aem-GridColumn aem-GridColumn--default--12">
            <div id="title-d39883e9e9" class="cmp-title">
              <h2 class="cmp-title__text ">
                <span>AIDA Newsletter abonnieren</span>
              </h2>
            </div>
          </div>
          <div class="teaser aem-GridColumn aem-GridColumn--default--12" data-initialized="">
            <div id="teaser-385ae74a8a" class="cmp-teaser" data-initialized="">
              <div class="cmp-teaser__content">
                <div class="cmp-teaser__title">
                  <span>Wöchentlich einmalige Angebote</span>
                </div>
              </div>
              <div class="cmp-teaser__image">
                <div data-cmp-is="image" data-cmp-src="/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_left/teaser1.coreimg{.width}.svg/1665995604647/check.svg" data-cmp-filereference="/content/dam/aida-component-library/icons/check.svg" id="teaser-50256ad836-image" data-cmp-hook-image="imageV3" class="cmp-image" itemscope="" itemtype="http://schema.org/ImageObject">
                  <img src="/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_left/teaser1.coreimg.svg/1665995604647/check.svg" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="48" height="35" alt="check icon">
                </div>
              </div>
            </div>
          </div>
          <div class="teaser aem-GridColumn aem-GridColumn--default--12" data-initialized="">
            <div id="teaser-397b7e03ef" class="cmp-teaser" data-initialized="">
              <div class="cmp-teaser__content">
                <div class="cmp-teaser__title">
                  <span>Neuigkeiten und Tipps zuerst erhalten</span>
                </div>
              </div>
              <div class="cmp-teaser__image">
                <div data-cmp-is="image" data-cmp-src="/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_left/teaser1_copy.coreimg{.width}.svg/1665995604647/check.svg" data-cmp-filereference="/content/dam/aida-component-library/icons/check.svg" id="teaser-c35e727c49-image" data-cmp-hook-image="imageV3" class="cmp-image" itemscope="" itemtype="http://schema.org/ImageObject">
                  <img src="/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_left/teaser1_copy.coreimg.svg/1665995604647/check.svg" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="48" height="35" alt="check icon">
                </div>
              </div>
            </div>
          </div>
          <div class="teaser aem-GridColumn aem-GridColumn--default--12" data-initialized="">
            <div id="teaser-53adff90f9" class="cmp-teaser" data-initialized="">
              <div class="cmp-teaser__content">
                <div class="cmp-teaser__title">
                  <span>Gewinnspiele und Reiseberichte</span>
                </div>
              </div>
              <div class="cmp-teaser__image">
                <div data-cmp-is="image" data-cmp-src="/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_left/teaser1_copy_1421135898.coreimg{.width}.svg/1665995604647/check.svg" data-cmp-filereference="/content/dam/aida-component-library/icons/check.svg" id="teaser-98321d9e17-image" data-cmp-hook-image="imageV3" class="cmp-image" itemscope="" itemtype="http://schema.org/ImageObject">
                  <img src="/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_left/teaser1_copy_1421135898.coreimg.svg/1665995604647/check.svg" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="48" height="35" alt="check icon">
                </div>
              </div>
            </div>
          </div>
          <div class="button cmp-button--type-default aem-GridColumn aem-GridColumn--default--12">
            <a id="button-1205422785" class="cmp-button" href="/content/aida-component-library/demo-pages/pages/reiseschutz.html" target="_blank">
              <span class="cmp-button__icon cmp-button__icon--button" aria-hidden="true"></span>
              <span class="cmp-button__text">Jetzt anmelden</span>
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="container responsivegrid cmp-container--margin-padding-disabled" style="height: 663px;">
      <div id="container-71fa0d998d" class="cmp-container">
        <div class="image">
          <div data-cmp-is="image" data-cmp-widths="320,480,600,800,1024,1200,1600" data-cmp-src="/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image1.coreimg.85{.width}.png/1682696669680/newsletter1.png" data-cmp-filereference="/content/dam/aida-component-library/demo/images/teasers/newsletter1.png" id="image-ddb4b16972" data-cmp-hook-image="imageV3" class="cmp-image" itemscope="" itemtype="http://schema.org/ImageObject">
            <img src="/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image1.coreimg.png/1682696669680/newsletter1.png" srcset="/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image1.coreimg.85.320.png/1682696669680/newsletter1.png 320w,/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image1.coreimg.85.480.png/1682696669680/newsletter1.png 480w,/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image1.coreimg.85.600.png/1682696669680/newsletter1.png 600w,/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image1.coreimg.85.800.png/1682696669680/newsletter1.png 800w,/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image1.coreimg.85.1024.png/1682696669680/newsletter1.png 1024w,/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image1.coreimg.85.1200.png/1682696669680/newsletter1.png 1200w,/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image1.coreimg.85.1600.png/1682696669680/newsletter1.png 1600w" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="709" height="708" alt="image1">
          </div>
        </div>
        <div class="image">
          <div data-cmp-is="image" data-cmp-widths="320,480,600,800,1024,1200,1600" data-cmp-src="/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image2.coreimg.85{.width}.png/1682696659992/newsletter2.png" data-cmp-filereference="/content/dam/aida-component-library/demo/images/teasers/newsletter2.png" id="image-898c2eb6f0" data-cmp-hook-image="imageV3" class="cmp-image" itemscope="" itemtype="http://schema.org/ImageObject">
            <img src="/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image2.coreimg.png/1682696659992/newsletter2.png" srcset="/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image2.coreimg.85.320.png/1682696659992/newsletter2.png 320w,/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image2.coreimg.85.480.png/1682696659992/newsletter2.png 480w,/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image2.coreimg.85.600.png/1682696659992/newsletter2.png 600w,/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image2.coreimg.85.800.png/1682696659992/newsletter2.png 800w,/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image2.coreimg.85.1024.png/1682696659992/newsletter2.png 1024w,/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image2.coreimg.85.1200.png/1682696659992/newsletter2.png 1200w,/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image2.coreimg.85.1600.png/1682696659992/newsletter2.png 1600w" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="505" height="504" alt="image2">
          </div>
        </div>
        <div class="image">
          <div data-cmp-is="image" data-cmp-widths="320,480,600,800,1024,1200,1600" data-cmp-src="/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image3.coreimg.85{.width}.png/1682696629266/newsletter3.png" data-cmp-filereference="/content/dam/aida-component-library/demo/images/teasers/newsletter3.png" id="image-60e634a3e4" data-cmp-hook-image="imageV3" class="cmp-image" itemscope="" itemtype="http://schema.org/ImageObject">
            <img src="/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image3.coreimg.png/1682696629266/newsletter3.png" srcset="/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image3.coreimg.85.320.png/1682696629266/newsletter3.png 320w,/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image3.coreimg.85.480.png/1682696629266/newsletter3.png 480w,/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image3.coreimg.85.600.png/1682696629266/newsletter3.png 600w,/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image3.coreimg.85.800.png/1682696629266/newsletter3.png 800w,/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image3.coreimg.85.1024.png/1682696629266/newsletter3.png 1024w,/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image3.coreimg.85.1200.png/1682696629266/newsletter3.png 1200w,/content/aida-component-library/library/utilities/AIDA-328-CP-Newsletter/_jcr_content/root/responsivegrid/demo/component/container_copy/container_right/image3.coreimg.85.1600.png/1682696629266/newsletter3.png 1600w" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="555" height="738" alt="image 3">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

myAIDA

Careers

Page Authoring

Navigation

Containers

Utilities

Newsletter Experience Fragment

Short Description:

Marketing purpose:

Built with Core Components

AIDA Newsletter abonnieren