Affiliate Block – Design 1

The below affiliate block design is ideal to group list of affiliate offers in a neat and professional manner. The design was suggested by one of my YouTube channel subscriber.

Block Design

Block Code

<!-- wp:generateblocks/container {"uniqueId":"d1d48849","backgroundColor":"#f0f0f0","isDynamic":true,"blockVersion":3,"paddingTop":"25","paddingRight":"25","paddingBottom":"25","paddingLeft":"25","paddingSyncUnits":true,"borderRadiusTopRight":"15","borderRadiusBottomRight":"15","borderRadiusBottomLeft":"15","borderRadiusTopLeft":"15"} -->
<!-- wp:generateblocks/headline {"uniqueId":"13f8a5b1","element":"h3","blockVersion":2,"display":"flex","flexDirection":"row","alignItems":"center","fontWeight":"700","backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":"","iconPaddingRight":"2","iconSize":2} -->
<h3 class="gb-headline gb-headline-13f8a5b1 gb-headline-text">Do you want to organize a trip to Canada?</h3>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"24f9b00e","element":"h4","blockVersion":2,"display":"flex","flexDirection":"row","alignItems":"center","fontWeight":"700","marginBottom":"30","backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":"","iconPaddingRight":"2","iconSize":2} -->
<h4 class="gb-headline gb-headline-24f9b00e gb-headline-text">You can get it here:</h4>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"d59fbb3a","element":"div","blockVersion":2,"display":"flex","flexDirection":"row","alignItems":"center","backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","hasIcon":true,"iconColor":"","iconPaddingRight":"2","iconSize":2} -->
<div class="gb-headline gb-headline-d59fbb3a"><span class="gb-icon"><svg xml:space="preserve" style="enable-background:new 0 0 122.88 122.88;" viewBox="0 0 122.88 122.88" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="Layer_1" version="1.1"> <style type="text/css"> 	.st0{fill-rule:evenodd;clip-rule:evenodd;} </style> <g> 	<path d="M16.63,105.75c0.01-4.03,2.3-7.97,6.03-12.38L1.09,79.73c-1.36-0.59-1.33-1.42-0.54-2.4l4.57-3.9 		c0.83-0.51,1.71-0.73,2.66-0.47l26.62,4.5l22.18-24.02L4.8,18.41c-1.31-0.77-1.42-1.64-0.07-2.65l7.47-5.96l67.5,18.97L99.64,7.45 		c6.69-5.79,13.19-8.38,18.18-7.15c2.75,0.68,3.72,1.5,4.57,4.08c1.65,5.06-0.91,11.86-6.96,18.86L94.11,43.18l18.97,67.5 		l-5.96,7.47c-1.01,1.34-1.88,1.23-2.65-0.07L69.43,66.31L45.41,88.48l4.5,26.62c0.26,0.94,0.05,1.82-0.47,2.66l-3.9,4.57 		c-0.97,0.79-1.81,0.82-2.4-0.54l-13.64-21.57c-4.43,3.74-8.37,6.03-12.42,6.03C16.71,106.24,16.63,106.11,16.63,105.75 		L16.63,105.75z" class="st0"></path> </g> </svg></span><span class="gb-headline-text">The best flight deals to Canada <a href="#">here</a></span></div>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"432e2680","element":"div","blockVersion":2,"display":"flex","flexDirection":"row","alignItems":"center","marginTop":"25","backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","hasIcon":true,"iconColor":"","iconPaddingRight":"2","iconSize":2} -->
<div class="gb-headline gb-headline-432e2680"><span class="gb-icon"><svg xml:space="preserve" style="enable-background:new 0 0 122.88 114.26" viewBox="0 0 122.88 114.26" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="Layer_1" version="1.1"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g><path d="M0,104.77h14.74V19.01c0-0.81,0.67-1.48,1.49-1.48h2.98l1.41-5.75l-5.46-4.62l7.13-0.53L25,0l2.71,6.62 l7.13,0.53l-5.46,4.62l1.41,5.76c4.28,0,8.51,0.01,12.7,0.01l1.41-5.77l-5.46-4.62l7.13-0.53L49.3,0L52,6.62l7.13,0.53l-5.46,4.62 l1.42,5.78l12.69,0.02l1.42-5.8l-5.46-4.62l7.13-0.53L73.59,0l2.71,6.62l7.13,0.53l-5.46,4.62l1.42,5.81 c4.19,0,8.41,0.01,12.68,0.01l1.42-5.82l-5.46-4.62l7.13-0.53L97.88,0l2.71,6.62l7.13,0.53l-5.46,4.62l1.43,5.83l2.96,0 c0.82,0,1.48,0.67,1.48,1.48v85.68h14.74v9.49H0V104.77L0,104.77z M20.85,17.53c2.8,0,5.57,0,8.31,0L25,14.96L20.85,17.53 L20.85,17.53z M45.11,17.55l8.38,0.01l-4.2-2.6L45.11,17.55L45.11,17.55z M69.36,17.58l8.48,0.01l-4.25-2.63L69.36,17.58 L69.36,17.58z M93.61,17.6c2.83,0,5.67,0,8.54,0l-4.27-2.64L93.61,17.6L93.61,17.6z M27.99,84.32h8.42c0.27,0,0.5,0.22,0.5,0.5 v8.49c0,0.27-0.22,0.5-0.5,0.5h-8.42c-0.27,0-0.5-0.22-0.5-0.5v-8.49C27.5,84.54,27.72,84.32,27.99,84.32L27.99,84.32z M85.87,84.32h8.42c0.27,0,0.5,0.22,0.5,0.5v8.49c0,0.27-0.22,0.5-0.5,0.5h-8.42c-0.27,0-0.5-0.22-0.5-0.5v-8.49 C85.37,84.54,85.59,84.32,85.87,84.32L85.87,84.32z M71.15,53.74h8.42c0.27,0,0.5,0.22,0.5,0.5v8.49c0,0.27-0.22,0.5-0.5,0.5h-8.42 c-0.27,0-0.5-0.22-0.5-0.5v-8.49C70.65,53.97,70.87,53.74,71.15,53.74L71.15,53.74z M85.87,53.74h8.42c0.27,0,0.5,0.22,0.5,0.5 v8.49c0,0.27-0.22,0.5-0.5,0.5h-8.42c-0.27,0-0.5-0.22-0.5-0.5v-8.49C85.37,53.97,85.59,53.74,85.87,53.74L85.87,53.74z M85.87,69.03h8.42c0.27,0,0.5,0.22,0.5,0.5v8.49c0,0.27-0.22,0.5-0.5,0.5h-8.42c-0.27,0-0.5-0.22-0.5-0.5v-8.49 C85.37,69.26,85.59,69.03,85.87,69.03L85.87,69.03z M71.15,69.03h8.42c0.27,0,0.5,0.22,0.5,0.5v8.49c0,0.27-0.22,0.5-0.5,0.5h-8.42 c-0.27,0-0.5-0.22-0.5-0.5v-8.49C70.65,69.26,70.87,69.03,71.15,69.03L71.15,69.03z M71.15,84.32h8.42c0.27,0,0.5,0.22,0.5,0.5 v8.49c0,0.27-0.22,0.5-0.5,0.5h-8.42c-0.27,0-0.5-0.22-0.5-0.5v-8.49C70.65,84.54,70.87,84.32,71.15,84.32L71.15,84.32z M42.71,53.74h8.42c0.27,0,0.5,0.22,0.5,0.5v8.49c0,0.27-0.22,0.5-0.5,0.5h-8.42c-0.27,0-0.5-0.22-0.5-0.5v-8.49 C42.21,53.97,42.44,53.74,42.71,53.74L42.71,53.74z M27.99,53.74h8.42c0.27,0,0.5,0.22,0.5,0.5v8.49c0,0.27-0.22,0.5-0.5,0.5h-8.42 c-0.27,0-0.5-0.22-0.5-0.5v-8.49C27.5,53.97,27.72,53.74,27.99,53.74L27.99,53.74z M27.99,69.03h8.42c0.27,0,0.5,0.22,0.5,0.5v8.49 c0,0.27-0.22,0.5-0.5,0.5h-8.42c-0.27,0-0.5-0.22-0.5-0.5v-8.49C27.5,69.26,27.72,69.03,27.99,69.03L27.99,69.03z M42.71,69.03 h8.42c0.27,0,0.5,0.22,0.5,0.5v8.49c0,0.27-0.22,0.5-0.5,0.5h-8.42c-0.27,0-0.5-0.22-0.5-0.5v-8.49 C42.21,69.26,42.44,69.03,42.71,69.03L42.71,69.03z M42.71,84.32h8.42c0.27,0,0.5,0.22,0.5,0.5v8.49c0,0.27-0.22,0.5-0.5,0.5h-8.42 c-0.27,0-0.5-0.22-0.5-0.5v-8.49C42.21,84.54,42.44,84.32,42.71,84.32L42.71,84.32z M23.95,26.36h4.71v5.49h5.16v-5.49h4.74v15.72 h-4.74v-6.37h-5.16v6.37h-4.71V26.36L23.95,26.36z M41.09,34.23c0-2.57,0.69-4.56,2.08-5.99c1.39-1.43,3.32-2.14,5.81-2.14 c2.54,0,4.5,0.7,5.88,2.11c1.38,1.41,2.06,3.37,2.06,5.9c0,1.84-0.3,3.34-0.9,4.52c-0.6,1.17-1.47,2.09-2.61,2.75 c-1.14,0.66-2.55,0.98-4.25,0.98c-1.72,0-3.15-0.28-4.28-0.85c-1.13-0.57-2.04-1.46-2.74-2.68C41.45,37.6,41.09,36.07,41.09,34.23 L41.09,34.23z M45.81,34.25c0,1.58,0.29,2.73,0.86,3.42c0.58,0.69,1.36,1.04,2.35,1.04c1.01,0,1.8-0.34,2.36-1.02 c0.56-0.68,0.84-1.9,0.84-3.66c0-1.48-0.29-2.56-0.87-3.24c-0.58-0.68-1.37-1.03-2.36-1.03c-0.95,0-1.72,0.35-2.3,1.04 C46.1,31.5,45.81,32.65,45.81,34.25L45.81,34.25z M57.84,26.36H72.2v3.89h-4.82v11.84h-4.71V30.25h-4.82V26.36L57.84,26.36z M74.31,26.36h12.63v3.36h-7.89v2.5h7.32v3.21h-7.32v3.1h8.13v3.56H74.31V26.36L74.31,26.36z M89.72,26.36h4.71v11.86h7.38v3.87 H89.72V26.36L89.72,26.36z M65.21,47.2h35.53c0.59,0,1.07,0.57,1.07,1.27V99.7c0,0.7-0.48,1.27-1.07,1.27H65.21 c-0.59,0-1.07-0.57-1.07-1.27V48.48C64.14,47.77,64.62,47.2,65.21,47.2L65.21,47.2z M21.98,47.13h35.53c0.59,0,1.07,0.57,1.07,1.27 v51.3c0,0.7-0.48,1.27-1.07,1.27H21.98c-0.59,0-1.07-0.57-1.07-1.27V48.4C20.91,47.7,21.39,47.13,21.98,47.13L21.98,47.13z" class="st0"></path></g></svg></span><span class="gb-headline-text">The best hotels at the best prices in Canada <a href="#">here</a></span></div>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"6787207c","element":"div","blockVersion":2,"display":"flex","flexDirection":"row","alignItems":"center","marginTop":"25","backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","hasIcon":true,"iconColor":"","iconPaddingRight":"2","iconSize":2} -->
<div class="gb-headline gb-headline-6787207c"><span class="gb-icon"><svg viewBox="0 0 102.16 122.88" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" id="Layer_1"><title>hike</title><path d="M42.08,68.7a68,68,0,0,0,7.74,4c7.53,3.51,13.72,6.4,15.05,18.23a36.81,36.81,0,0,1,0,6.3v0c0,.32,0,.66-.07,1.46l-.8,16.8c7.24,0,14.23.23,20.39.6,1.39-.32,3.35-1,5.42-1.52L73.63,54.26l-2.39.94h0l-.89.32c-5.19,1.84-8.95,3.17-15.53,1.55a.34.34,0,0,1-.14,0c-4.6-1.78-7-4.26-9.31-6.69L45,50l-3,18.73ZM9.61,29.51l8.36.6c2.12.15,3.49,2.64,3.11,4.93L16.57,62.29c-.36,2.19-10.93,4-13.4,4.62C1.11,67.45-.33,64.27.07,62L5.12,32.92a4.11,4.11,0,0,1,4.49-3.41Zm41,86.17c.13-6.57.35-10.93.72-18l0-1.07a31,31,0,0,0,.07-3.43,8,8,0,0,0-.67-2.88L50.7,90c-.47-1-.9-2-1.54-2.27a54.32,54.32,0,0,0-5.65-2.11c-2.66-.87-5.62-1.76-8.24-2.5C33.35,89.51,30.74,97.2,28,104.52c-2.14,5.6-5,9.15-7.26,13,8.43-1,19.06-1.62,30-1.88ZM5,120.94c2.45-6,6.93-13.38,9.69-21.29,2.84-8.13,5.56-16.42,7.56-23.08a21.28,21.28,0,0,1-3.11-4.89,10.93,10.93,0,0,1-.84-6.45L22,45.44C23.46,34.8,23.74,29.06,35,29.81c10.63.69,15.61,6.29,19.47,10.63,1.71,1.92,3.19,3.58,4.78,4.34.75.36,1.94-.14,3.28-.71a22,22,0,0,1,2.59-1l1.16-.44.67-.25,3.14-1.25-1.29-4.83a3.41,3.41,0,0,1,6.58-1.76l1.09,4.06.15-.06h0a5.06,5.06,0,0,1,4.13.61,7.24,7.24,0,0,1,2.4,2.37,6.58,6.58,0,0,1,1,3.52,8.79,8.79,0,0,1-3,6.1.84.84,0,0,1-.31.19l-.94.37L96.7,114a4.3,4.3,0,0,1,2.31,1.2,14.92,14.92,0,0,1,2.67,4.17l.48,3.52h-99c0-.7.67-1.35,1.85-1.94ZM35.88.69a12.74,12.74,0,1,1-7.33,6.45A12.7,12.7,0,0,1,35.88.69Z"></path></svg></span><span class="gb-headline-text">Book the best tours and excursions in Canada in English <a href="#">here</a></span></div>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"c69506c2","element":"div","blockVersion":2,"display":"flex","flexDirection":"row","alignItems":"center","marginTop":"25","backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","hasIcon":true,"iconColor":"","iconPaddingRight":"2","iconSize":2} -->
<div class="gb-headline gb-headline-c69506c2"><span class="gb-icon"><svg xml:space="preserve" style="enable-background:new 0 0 122.88 103.26" viewBox="0 0 122.88 103.26" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="Layer_1" version="1.1"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g><path d="M117.95,42.04v61.22h-14.31V93.8h-84.4v9.46l-14.31,0V42.04H0v-9.41h12.04l6.71-20.88 C20.73,5.59,24.03,0,30.49,0h64.39c6.46,0,10.18,5.48,11.74,11.74l5.19,20.88h11.06v9.41H117.95L117.95,42.04L117.95,42.04z M40.01,74.91h42.27v9.97l-42.27,0V74.91L40.01,74.91L40.01,74.91z M9.72,51.69c10.77,0.34,17.36,4.85,19.05,14.26H9.72V51.69 L9.72,51.69z M111.8,51.69c-10.77,0.34-17.36,4.85-19.05,14.26h19.05V51.69L111.8,51.69z M17.18,32.62h88.52l-3.79-17.51 c-1.04-4.8-4.03-8.95-8.95-8.95H31.74c-4.92,0-7.44,4.26-8.95,8.95L17.18,32.62L17.18,32.62L17.18,32.62z" class="st0"></path></g></svg></span><span class="gb-headline-text">Rent your car in Canada at the best price <a href="#">here</a></span></div>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"7344db23","element":"div","blockVersion":2,"display":"flex","flexDirection":"row","alignItems":"center","marginTop":"25","backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","hasIcon":true,"iconColor":"","iconPaddingRight":"2","iconSize":2} -->
<div class="gb-headline gb-headline-7344db23"><span class="gb-icon"><svg viewBox="0 0 467 511.79" clip-rule="evenodd" fill-rule="evenodd" image-rendering="optimizeQuality" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" xmlns="http://www.w3.org/2000/svg"><path d="M78.44 410.04c-1.35-15.14 5.91-30.67 18.38-48.49l-85.56-43.83c-5.29-1.75-5.46-4.89-2.83-8.81l15.84-16.18c2.94-2.21 6.16-3.3 9.79-2.65l101.38 7.82 44.64-58.1-.8 30.19c-.6 22.98.22 44.36 2.38 64.23l-1.14 1.27 2.41 9.15c3.89 28.62 10.69 53.96 20.13 76.26l3.4 12.9c1.3 3.45.8 6.81-.85 10.12l-13.06 18.48c-3.38 3.3-6.51 3.69-9.18-1.2l-58.51-76.28c-15.34 15.54-29.36 25.48-44.55 26.83-1.41.11-1.75-.34-1.87-1.71zm217.81-51.83c8.52 4.91 14.05 8.99 20.66 16.26 17.12-27.55 35.7-42.82 59.86-64.49l2.36-.91h26.44c-35.45 39.37-62.94 71.84-87.55 119.31-12.81-27.39-24.23-46.3-49.78-63.84l28.01-6.33zm170.56-92.32c3.68 140.23-46 215.3-129.87 245.9l-.03-.02-.03.02c-83.87-30.6-133.56-105.67-129.87-245.9 45.26 2.39 94.99-10.1 129.87-40.22 39.32 30.28 80.48 42.83 129.93 40.22zm-23.83 18.86c3 114.51-37.56 175.8-106.05 200.79l-.02-.01-.03.01c-68.48-24.99-109.05-86.28-106.05-200.79 36.97 1.95 77.57-8.24 106.05-32.84 32.11 24.73 65.72 34.98 106.1 32.84zm-259.3-49.65 26.78-34.85L4.32 86.46c-5.17-2.44-5.87-5.69-1.18-9.92l25.99-24.91L288.8 99.82l59.06-66.38C370.99 9.45 394.51-2.47 413.62.43c10.56 1.6 14.48 4.36 18.52 13.75 7.91 18.44.64 44.8-19.68 73.1l-64.69 61.71 25.11 65.81c-6.24-3.44-12.3-7.08-18.11-10.77l-20.3-12.87-18.97 14.74c-16.31 12.68-32.71 20.83-49.16 25.52-16.79 4.8-33.92 6.2-51.26 5.3l-31.4-1.62z"></path></svg></span><span class="gb-headline-text">Book your travel insurance with a 5% discount <a href="#">here</a></span></div>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

How to Use the Block Code

1. Install GenerateBlocks plugin from WordPress respoitory
2. Copy and paste the above block code to your WordPress Posts or Page
   • Use Firefox browser
   • When you paste the code, right click and choose “Paste without Formatting” option
3. Start editing and using the block content