51751ABB-5214-4D7F-AB7F-8A7599AC7751 Created with sketchtool.

Xpresso Success Checkout

100% 
<div id="xpresso_funnel">
    <div class="xpresso-modal-box" data-xpr-bineos="touchpoint:checkout-success;productAlias:">
        <div class="xpresso-paywall">
            <div class="xpresso-paywall-page-checkout-head">
                <div class="premium-icon">HAZ+</div>
                <div class="progress">
                    <span class="progress-step active">1</span>
                    <span class="progress-step active">2</span>
                    <span class="progress-step">3</span>
                </div>
            </div>
            <div class="xpresso-paywall-inner xpresso-paywall-page-success">
                <div class="checkout-header">
                    <div class="checkout-header-heading">
                        <h2>Vielen Dank für Ihre Buchung von HAZ+</h2>
                    </div>
                </div>
                <div class="success-content">
                    <p>Sie sind mit HAZ+ jederzeit und überall bestens über das informiert, was in Hildesheim und der Region wichtig ist.</p>
                    <div style="display:flex; justify-content: center">
                        <a href="javascript:xpresso.funnel.action('exit_funnel', {});" class="button-primary" style="display: inline-flex">Jetzt weiterlesen</a>
                    </div>
                </div>
            </div>
            <div class="success-footer">

            </div>
        </div>
    </div>
</div>
 
<div id="xpresso_funnel"><div class="xpresso-modal-box" data-xpr-bineos="touchpoint:checkout-success;productAlias:">
    <div class="xpresso-paywall">
      <div class="xpresso-paywall-page-checkout-head">
        <div class="premium-icon">HAZ+</div>
        <div class="progress">
          <span class="progress-step active">1</span>
          <span class="progress-step active">2</span>
          <span class="progress-step">3</span>
        </div>
      </div>
      <div class="xpresso-paywall-inner xpresso-paywall-page-success">
        <div class="checkout-header">
          <div class="checkout-header-heading">
            <h2>Vielen Dank für Ihre Buchung von HAZ+</h2>
          </div>
        </div>
        <div class="success-content">
          <p>Sie sind mit HAZ+ jederzeit und überall bestens über das informiert, was in Hildesheim und der Region wichtig ist.</p>
          <div style="display:flex; justify-content: center">
            <a href="javascript:xpresso.funnel.action('exit_funnel', {});" class="button-primary" style="display: inline-flex">Jetzt weiterlesen</a>
          </div>
        </div>
      </div>
      <div class="success-footer">

      </div>
    </div>
  </div>
</div>
 
/* No context defined for this component. */
  • Content: 
    <div class="xpresso-modal-box" data-xpr-bineos="touchpoint:checkout-success;productAlias:${data.success.offer.texts.offer_key}$">
${#data.success.payment_selected.if-payment_method_id-equals-be}$
<div style="display:none;height:0;width:0;" data-xpr-bineos="touchpoint:checkout-sepa-success;productAlias:${data.success.offer.texts.offer_key}$"></div>
${/data.success.payment_selected.if-payment_method_id-equals-be}$
    <div class="xpresso-paywall">
      <div class="xpresso-paywall-page-checkout-head">
        <div class="premium-icon">HAZ+</div>
        <div class="progress">
          <span class="progress-step active">1</span>
          <span class="progress-step active">2</span>
          <span class="progress-step">3</span>
        </div>
      </div>
        <div class="xpresso-paywall-inner xpresso-paywall-page-success">
            <div class="checkout-header">
                <div class="checkout-header-heading">
                    <h2>Vielen Dank für Ihre Buchung von HAZ+</h2>
                </div>
            </div>
            <div class="success-content">
                <p>Sie sind mit HAZ+ jederzeit und überall bestens über das informiert, was in Hildesheim und der Region wichtig ist.</p>
                <div style="display:flex; justify-content: center">
                    <a href="javascript:xpresso.funnel.action('exit_funnel', {});" class="button-primary" style="display: inline-flex">Jetzt weiterlesen</a>
                </div>
            </div>
        </div>
        <div class="success-footer">
        </div>
    </div>
</div>

${> funnelCss}$
  • URL: /components/raw/xpresso-success-checkout/success.mustache
  • Filesystem Path: src/patterns/50-external/Xpresso/Funnel/xpresso-success-checkout/success.mustache
  • Size: 1.6 KB
  • Content: 
    {
  "name": "xpresso-success-checkout",
  "title": "Lightbox Checkout Success",
  "label": "Lightbox Checkout Success",
  "status": "wip",
  "context": {}
}
  • URL: /components/raw/xpresso-success-checkout/xpresso-success-checkout.json
  • Filesystem Path: src/patterns/50-external/Xpresso/Funnel/xpresso-success-checkout/xpresso-success-checkout.json
  • Size: 157 Bytes
  • Handle: @xpresso-success-checkout
  • Preview:
  • Filesystem Path: src/patterns/50-external/Xpresso/Funnel/xpresso-success-checkout/xpresso-success-checkout.twig

There are no notes for this item.