Product – LaunchFlows Patterns

Single Product Blocks – Two Column

<!-- wp:paragraph -->
<p>*Note - To View An Example Of This Product Pattern <a rel="noreferrer noopener" href="https://patterns.launchflows.com/product/product-blocks/" data-type="URL" data-id="https://patterns.launchflows.com/product/product-blocks/" target="_blank">Click This Link</a>. Otherwise, click the "Copy Pattern Code" button below to grab all the blocks.</p>
<!-- /wp:paragraph -->

<!-- wp:columns {"className":"eplus-wrapper"} -->
<div class="wp-block-columns eplus-wrapper"><!-- wp:column {"className":"eplus-wrapper"} -->
<div class="wp-block-column eplus-wrapper"><!-- wp:launchflows/productimages -->
<div class="wp-block-launchflows-productimages">[lf-product-images]</div>
<!-- /wp:launchflows/productimages -->

<!-- wp:launchflows/productbreadcrumb -->
<div class="wp-block-launchflows-productbreadcrumb">[lf-product-breadcrumb]</div>
<!-- /wp:launchflows/productbreadcrumb -->

<!-- wp:launchflows/productbreadcrumbs -->
<div class="wp-block-launchflows-productbreadcrumbs">[lf-product-breadcrumbs]</div>
<!-- /wp:launchflows/productbreadcrumbs --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"eplus-wrapper"} -->
<div class="wp-block-column eplus-wrapper"><!-- wp:launchflows/producttitle -->
<div class="wp-block-launchflows-producttitle">[lf-product-title]</div>
<!-- /wp:launchflows/producttitle -->

<!-- wp:launchflows/productprice -->
<div class="wp-block-launchflows-productprice">[lf-product-price]</div>
<!-- /wp:launchflows/productprice -->

<!-- wp:launchflows/productdescription -->
<div class="wp-block-launchflows-productdescription">[lf-product-description]</div>
<!-- /wp:launchflows/productdescription -->

<!-- wp:launchflows/productaddtocart -->
<div class="wp-block-launchflows-productaddtocart">[lf-product-add-to-cart]</div>
<!-- /wp:launchflows/productaddtocart -->

<!-- wp:launchflows/productfirstpayment -->
<div class="wp-block-launchflows-productfirstpayment">[lf-product-firstpayment]</div>
<!-- /wp:launchflows/productfirstpayment -->

<!-- wp:launchflows/productmeta -->
<div class="wp-block-launchflows-productmeta">[lf-product-meta]</div>
<!-- /wp:launchflows/productmeta --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"className":"eplus-wrapper"} -->
<div class="wp-block-columns eplus-wrapper"><!-- wp:column {"className":"eplus-wrapper"} -->
<div class="wp-block-column eplus-wrapper"><!-- wp:launchflows/producttabs -->
<div class="wp-block-launchflows-producttabs">[lf-product-tabs]</div>
<!-- /wp:launchflows/producttabs -->

<!-- wp:launchflows/productrelated -->
<div class="wp-block-launchflows-productrelated">[lf-product-related]</div>
<!-- /wp:launchflows/productrelated --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

Example Upsell Component

<!-- wp:heading {"className":"eplus-tTlxCq","epGeneratedClass":"eplus-tTlxCq","epAnimationGeneratedClass":"edplus_anim-CuuG4t"} -->
<h2 class="eplus-tTlxCq">But Wait... For A Limited Time, Get THIS Instead! (Quantities Limited)</h2>
<!-- /wp:heading -->

<!-- wp:launchflows/upsell {"content":"[lf-upsell product=\u0022569\u0022 next=\u00228\u0022 accept=\u0022Yes, I Want It!\u0022 accept_tags=\u0022\u0022 decline=\u0022No Thanks...\u0022 image=\u0022yes\u0022 title=\u0022yes\u0022 price=\u0022yes\u0022]"} -->
<div class="wp-block-launchflows-upsell">[lf-upsell product="569" next="8" accept="Yes, I Want It!" accept_tags="" decline="No Thanks..." image="yes" title="yes" price="yes"]</div>
<!-- /wp:launchflows/upsell -->

Checkout | Product

WorkShop Sales, Checkout & Upsell

<!-- wp:kadence/rowlayout {"uniqueID":"_4d8563-1c","colLayout":"equal","topPadding":50,"bottomPadding":50,"topMargin":0,"bottomMargin":0,"bgColor":"palette7","firstColumnWidth":60,"secondColumnWidth":40,"inheritMaxWidth":true,"bgColorClass":"theme-palette7","kadenceBlockCSS":"selector {\n  padding-bottom: 0!important\n  margin-bottom: 0!important;;\n\n}"} -->
<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_4d8563-1c" class="kt-row-layout-inner kt-row-has-bg kt-layout-id_4d8563-1c has-theme-palette-7-background-color"><div class="kt-row-column-wrap kt-has-2-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row  kt-custom-first-width-60  kt-custom-second-width-40 kb-theme-content-width"><!-- wp:kadence/column {"uniqueID":"_662230-64"} -->
<div class="wp-block-kadence-column inner-column-1 kadence-column_662230-64"><div class="kt-inside-inner-col"><!-- wp:image {"id":505,"sizeSlug":"large","linkDestination":"none","className":"eplus-yxpyqB","epGeneratedClass":"eplus-yxpyqB","epCustomBorder":{"borderTop":{"area":"1","style":"solid","color":"rgb(171, 184, 195)","important":false},"borderRight":{"area":"1","style":"solid","color":"rgb(171, 184, 195)","important":false},"borderBottom":{"area":"1","style":"solid","color":"rgb(171, 184, 195)","important":false},"borderLeft":{"area":"1","style":"solid","color":"rgb(171, 184, 195)","important":false},"borderAll":{"area":"1","style":"solid","color":"rgb(171, 184, 195)","important":false}},"epAnimationGeneratedClass":"edplus_anim-WF8hFp"} -->
<figure class="wp-block-image size-large eplus-yxpyqB"><img src="https://patterns.launchflows.com/wp-content/uploads/2021/11/workshop-featured-image-1024x576.jpg" alt="" class="wp-image-505"/></figure>
<!-- /wp:image -->

<!-- wp:spacer {"height":30,"className":"eplus-Ppgz4P","epGeneratedClass":"eplus-Ppgz4P","epAnimationGeneratedClass":"edplus_anim-4yU8EF"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer eplus-Ppgz4P"></div>
<!-- /wp:spacer -->

<!-- wp:kadence/advancedheading {"uniqueID":"_4de53e-b9"} -->
<h2 class="kt-adv-heading_4de53e-b9 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_4de53e-b9">These are the things that you stop doing. You won't have to do these anymore. Don't do these things again.<br><br>And instead...<br><br>Use this proven recipe and process for doing something else that this workshop makes possible.</h2>
<!-- /wp:kadence/advancedheading -->

<!-- wp:spacer {"height":30,"className":"eplus-hFTL5L","epGeneratedClass":"eplus-hFTL5L","epAnimationGeneratedClass":"edplus_anim-v9kuqh"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer eplus-hFTL5L"></div>
<!-- /wp:spacer -->

<!-- wp:kadence/advancedheading {"level":6,"uniqueID":"_827882-06"} -->
<h6 class="kt-adv-heading_827882-06 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_827882-06">DATES + TIMES</h6>
<!-- /wp:kadence/advancedheading -->

<!-- wp:paragraph {"className":"eplus-qc2Yp7","epGeneratedClass":"eplus-qc2Yp7","epAnimationGeneratedClass":"edplus_anim-Ytx1MC"} -->
<p class="eplus-qc2Yp7">We're running the workshop twice so you can choose which day is best for you (or you can attend both)<br>Option 1: January 1, 2021 @ 1:00 - 3:00pm CDT<br>Option 2: January 3, 2021 @ 12:00 - 2:00pm CDT<br></p>
<!-- /wp:paragraph -->

<!-- wp:kadence/advancedheading {"level":6,"uniqueID":"_035c36-5e"} -->
<h6 class="kt-adv-heading_035c36-5e wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_035c36-5e">Can't make it to the live workshop?</h6>
<!-- /wp:kadence/advancedheading -->

<!-- wp:paragraph {"className":"eplus-WG1B9L","epGeneratedClass":"eplus-WG1B9L","epAnimationGeneratedClass":"edplus_anim-r772IV"} -->
<p class="eplus-WG1B9L">Lifetime replay access is included in your ticket.</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":30,"className":"eplus-HMvpV7","epGeneratedClass":"eplus-HMvpV7","epAnimationGeneratedClass":"edplus_anim-mphxtQ"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer eplus-HMvpV7"></div>
<!-- /wp:spacer -->

<!-- wp:kadence/advancedheading {"level":6,"uniqueID":"_ec13f2-c9"} -->
<h6 class="kt-adv-heading_ec13f2-c9 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_ec13f2-c9">TOPICS</h6>
<!-- /wp:kadence/advancedheading -->

<!-- wp:kadence/iconlist {"items":[{"icon":"fe_checkCircle","link":"","target":"_self","size":20,"text":"How to do this and that and the other things will be taught in the workshop","width":2,"color":"palette1","background":"","border":"","borderRadius":0,"borderWidth":1,"padding":5,"style":"default"},{"icon":"fe_checkCircle","link":"","target":"_self","size":20,"text":" How to do the second immediate win when one buys this workshop","width":2,"color":"palette1","background":"","border":"","borderRadius":0,"borderWidth":1,"padding":5,"style":"default"}],"listCount":2,"listGap":20,"uniqueID":"_0736f7-37","iconAlign":"top"} -->
<div class="wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items_0736f7-37 kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop"><ul class="kt-svg-icon-list"><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-0"><div style="display:inline-flex;justify-content:center;align-items:center;color:var(--global-palette1)" class="kt-svg-icon-list-single kt-svg-icon-list-single-fe_checkCircle"><svg style="display:inline-block;vertical-align:middle" viewbox="0 0 24 24" height="20" width="20" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg></div><span class="kt-svg-icon-list-text">How to do this and that and the other things will be taught in the workshop</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-1"><div style="display:inline-flex;justify-content:center;align-items:center;color:var(--global-palette1)" class="kt-svg-icon-list-single kt-svg-icon-list-single-fe_checkCircle"><svg style="display:inline-block;vertical-align:middle" viewbox="0 0 24 24" height="20" width="20" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg></div><span class="kt-svg-icon-list-text"> How to do the second immediate win when one buys this workshop</span></li></ul></div>
<!-- /wp:kadence/iconlist --></div></div>
<!-- /wp:kadence/column -->

<!-- wp:kadence/column {"id":2,"topPadding":4,"bottomPadding":3,"leftPadding":3,"rightPadding":3,"topMargin":0,"background":"palette9","borderWidth":[1,0,0,0],"borderRadius":[5,5,5,5],"uniqueID":"_a2497e-30","displayShadow":true,"paddingType":"%"} -->
<div class="wp-block-kadence-column inner-column-2 kadence-column_a2497e-30"><div class="kt-inside-inner-col" style="background:var(--global-palette9)"><!-- wp:launchflows/notices -->
<div class="wp-block-launchflows-notices">[lf-notices]</div>
<!-- /wp:launchflows/notices -->

<!-- wp:launchflows/login -->
<div class="wp-block-launchflows-login">[lf-login]</div>
<!-- /wp:launchflows/login -->

<!-- wp:launchflows/review -->
<div class="wp-block-launchflows-review">[lf-review]</div>
<!-- /wp:launchflows/review -->

<!-- wp:launchflows/billing -->
<div class="wp-block-launchflows-billing">[lf-billing]</div>
<!-- /wp:launchflows/billing -->

<!-- wp:group {"className":"eplus-XkldV9","epCustomPadding":{"value":{"top":"5","right":"5","bottom":"5","left":"5"},"unit":"%","important":false},"epCustomMargin":{"value":{"top":"","right":"","bottom":"15","left":""},"unit":"px","important":false},"epGeneratedClass":"eplus-XkldV9","epCustomBorder":{"borderTop":{"area":"5","style":"dashed","color":"rgba(99, 6, 234, 1)","important":false},"borderRight":{"area":"5","style":"dashed","color":"rgba(99, 6, 234, 1)","important":false},"borderBottom":{"area":"5","style":"dashed","color":"rgba(99, 6, 234, 1)","important":false},"borderLeft":{"area":"5","style":"dashed","color":"rgba(99, 6, 234, 1)","important":false},"borderAll":{"area":"5","style":"dashed","color":"rgba(99, 6, 234, 1)","important":false}},"epCustomBackground":{"solid":"rgba(85, 67, 132, 0.17)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":"","backgroundAttachment":"","backgroundPlacement":"back"}},"epAnimationGeneratedClass":"edplus_anim-qnzr1a"} -->
<div class="wp-block-group eplus-XkldV9"><!-- wp:kadence/advancedheading {"level":4,"uniqueID":"_9e23bb-04","color":"#6306ea","mobileSize":20,"colorClass":""} -->
<h4 class="kt-adv-heading_9e23bb-04 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_9e23bb-04"><strong>ONE TIME OFFER: JUST $37</strong></h4>
<!-- /wp:kadence/advancedheading -->

<!-- wp:kadence/advancedheading {"level":6,"uniqueID":"_98b5a4-c8","mobileSize":16} -->
<h6 class="kt-adv-heading_98b5a4-c8 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_98b5a4-c8"><strong>Your Upsell Product</strong> Name</h6>
<!-- /wp:kadence/advancedheading -->

<!-- wp:paragraph {"className":"eplus-4F2hYl","fontSize":"small","epGeneratedClass":"eplus-4F2hYl","epAnimationGeneratedClass":"edplus_anim-BBDEgQ"} -->
<p class="eplus-4F2hYl has-small-font-size">Describe why it would be a mistake to continue going without this upsell.<br><br>Explain exactly what this upsell will offer the person who buys it.<br><br>Clarify the benefits that the buyer will experience when using this upsell to fix their pain point.</p>
<!-- /wp:paragraph -->

<!-- wp:kadence/advancedheading {"level":6,"uniqueID":"_a8dfea-1a","mobileSize":16} -->
<h6 class="kt-adv-heading_a8dfea-1a wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_a8dfea-1a">Yes! Add Upsell Product Name</h6>
<!-- /wp:kadence/advancedheading -->

<!-- wp:launchflows/bump {"content":"[lf-bump product=\u0022501\u0022 image=\u0022no\u0022 title=\u0022yes\u0022 price=\u0022yes\u0022 style=\u0022p-square\u0022 shortdesc=\u0022yes\u0022]"} -->
<div class="wp-block-launchflows-bump">[lf-bump product="501" image="no" title="yes" price="yes" style="p-square" shortdesc="yes"]</div>
<!-- /wp:launchflows/bump --></div>
<!-- /wp:group -->

<!-- wp:launchflows/payment -->
<div class="wp-block-launchflows-payment">[lf-payment]</div>
<!-- /wp:launchflows/payment -->

<!-- wp:paragraph {"className":"eplus-isIeYM","epGeneratedClass":"eplus-isIeYM","epAnimationGeneratedClass":"edplus_anim-lVrEHM"} -->
<p class="eplus-isIeYM"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:kadence/column --></div></div></div>
<!-- /wp:kadence/rowlayout -->

<!-- wp:launchflows/always-in {"content":"[lf-always-in product=\u0022495\u0022 icon=\u0022yes\u0022 title=\u0022yes\u0022 price=\u0022yes\u0022 shortdesc=\u0022yes\u0022]","className":"lf-hide"} -->
<div class="wp-block-launchflows-always-in lf-hide">[lf-always-in product="495" icon="yes" title="yes" price="yes" shortdesc="yes"]</div>
<!-- /wp:launchflows/always-in -->

<!-- wp:launchflows/additional {"className":"lf-hide"} -->
<div class="wp-block-launchflows-additional lf-hide">[lf-additional]</div>
<!-- /wp:launchflows/additional -->

<!-- wp:launchflows/shipping {"className":"lf-hide"} -->
<div class="wp-block-launchflows-shipping lf-hide">[lf-shipping]</div>
<!-- /wp:launchflows/shipping -->

<!-- wp:launchflows/wccoupon {"className":"lf-hide"} -->
<div class="wp-block-launchflows-wccoupon lf-hide">[lf-wccoupon]</div>
<!-- /wp:launchflows/wccoupon -->

<!-- wp:launchflows/save-stripe-cc -->
<div class="wp-block-launchflows-save-stripe-cc">[lf-save-stripe-cc]</div>
<!-- /wp:launchflows/save-stripe-cc -->

<!-- wp:html {"epGeneratedClass":"eplus-68RNAY","epAnimationGeneratedClass":"edplus_anim-O6yR8u"} -->
<style>a.remove {display: none!important;}tr.cart-subtotal {display: none;}</style>
<!-- /wp:html -->