Profile Picture
Akshay Joshi

Metric Kit – CTA Section

Call-to-action section featuring a form and list in a two-column layout
Copy component
{"id":407,"name":"metric-cta-section","title":"Metric CTA Section","date":"2025-04-22 20:11:38","date_formatted":"April 22, 2025","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/metric-cta-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"13a05e","name":"section","parent":0,"children":["14f387"],"settings":{"_cssGlobalClasses":["vneohb"]},"label":"CTA Section"},{"id":"14f387","name":"container","parent":"13a05e","children":["e182bd","252fd2"],"settings":{"_cssGlobalClasses":["qresdr","ckdesc"],"_direction":"row"}},{"id":"e182bd","name":"block","parent":"14f387","children":["1e10a0","375f4c"],"settings":{"_cssGlobalClasses":["rwcdbh"]},"label":"Left Column"},{"id":"1e10a0","name":"block","parent":"e182bd","children":["971739","626e91"],"settings":{"_cssGlobalClasses":["gvwtyk"]},"label":"Heading Block"},{"id":"971739","name":"heading","parent":"1e10a0","children":[],"settings":{"text":"Get your free campaign analysis","tag":"h2","_cssGlobalClasses":["jxomuc"]}},{"id":"626e91","name":"block","parent":"1e10a0","children":["66c453"],"settings":[]},{"id":"66c453","name":"list","parent":"626e91","children":[],"settings":{"items":[{"title":"Audit your current campaign architecture","id":"wwaski"},{"title":"Identify revenue leakage points","id":"hyypww"},{"title":"Analyze competitor targeting strategies","id":"cujvqw"},{"title":"Show potential ROAS improvements","id":"buxblq"},{"title":"Provide actionable optimization steps","id":"fbdoas"}],"icon":{"library":"ionicons","icon":"ion-md-checkmark"},"separatorDisable":true,"itemJustifyContent":"flex-start","_cssGlobalClasses":["satbie"]},"themeStyles":[]},{"id":"375f4c","name":"block","parent":"e182bd","children":["f25545","a3d815"],"settings":{"_cssGlobalClasses":["gdgqvt"]},"label":"Profile Block"},{"id":"f25545","name":"block","parent":"375f4c","children":["230a5e","f78b87"],"settings":{"_cssGlobalClasses":["uvvgsr"]}},{"id":"230a5e","name":"image","parent":"f25545","children":[],"settings":{"image":{"id":325,"filename":"Profile-Image.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Profile-Image.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Profile-Image.png"},"_cssGlobalClasses":["coxrzc"]}},{"id":"f78b87","name":"heading","parent":"f25545","children":[],"settings":{"text":"Karri Saarinen, CEO at Linear","tag":"custom","customTag":"span","_cssGlobalClasses":["uxtjcz"]}},{"id":"a3d815","name":"text-basic","parent":"375f4c","children":[],"settings":{"text":"Most agency audits are just sales pitches. Metric\u2019s analysis was different \u2013 in 15 minutes, they showed us exactly why our campaigns were underperforming and how to fix them. ","_cssGlobalClasses":["dxqwga"]}},{"id":"252fd2","name":"block","parent":"14f387","children":["5ab9ba"],"settings":{"_cssGlobalClasses":["wlbkbx"]},"label":"Right Column"},{"id":"5ab9ba","name":"form","parent":"252fd2","children":[],"settings":{"fields":[{"type":"text","placeholder":"Your Name","id":"5126d0","label":"Name"},{"type":"email","placeholder":"Work Email","required":true,"id":"817e57","label":"Email"},{"type":"text","label":"Company","placeholder":"Company","id":"civnqm"},{"type":"html","label":"Primary platform","placeholder":"Your Name","id":"sdfnlb","html":"Primary platform"},{"type":"checkbox","placeholder":"Primary platform","id":"agifpv","label":"Primary platform checkbox","options":"LinkedIn\nX \/ Twitter\nMeta\nYouTube\nTikTok"},{"type":"html","label":"Main challenge","placeholder":"Your Name","id":"sstgae","html":"Main challenge"},{"type":"checkbox","placeholder":"Primary platform","id":"tuegcc","label":"Main challenge checkbox","options":"option 1\nOption 2\nOther"},{"type":"checkbox","label":"Term","id":"nmpdff","options":"I agree that Metric can store my submitted information as outlined in our Privacy Policy. I understand I can request deletion of my data at any time via support@metric.com."}],"actions":["email"],"successMessage":"Message successfully sent. We will get back to you as soon as possible.","emailSubject":"Contact form request","emailTo":"admin_email","fromName":"AK Developer","emailErrorMessage":"Submission failed. Please reload the page and try to submit the form again.","htmlEmail":true,"mailchimpPendingMessage":"Please check your email to confirm your subscription.","mailchimpErrorMessage":"Sorry, but we could not subscribe you.","sendgridErrorMessage":"Sorry, but we could not subscribe you.","_cssGlobalClasses":["tamhog"],"submitButtonText":"Get your analysis"},"themeStyles":[]}],"templateType":"section","global_classes":[{"id":"vneohb","name":"metric-default-section","settings":{"_padding":{"top":"100","bottom":"100","left":"5%","right":"5%"},"_padding:mobile_landscape":{"top":"80","bottom":"80"},"_padding:mobile_portrait":{"top":"60","bottom":"60"}}},{"id":"qresdr","name":"metric-default-container","settings":{"_width":"1728"}},{"id":"jxomuc","name":"metric-h2-white","settings":{"_typography":{"color":{"hex":"#ffffff"},"font-size":"48","font-weight":"400"},"_typography:mobile_portrait":{"font-size":"32"}}},{"id":"ckdesc","name":"metric-cta-section__container","settings":{"_columnGap":"96","_background":{"color":{"hex":"#171717"}},"_padding":{"top":"6%","right":"6%","bottom":"6%","left":"6%"},"_padding:mobile_portrait":{"top":"5%","right":"5%","bottom":"5%","left":"5%"},"_alignItems":"stretch","_rowGap:mobile_landscape":"50"}},{"id":"satbie","name":"metric-cta-section__list","settings":{"titleTypography":{"font-size":"20","color":{"hex":"#909090"},"line-height":"1.2"},"iconSize":"24","iconColor":{"hex":"#ffffff"},"titleMargin":{"left":"10"},"itemMargin":{"bottom":"30"},"titleTypography:mobile_portrait":{"font-size":"16"}}},{"id":"gvwtyk","name":"metric-cta-section_list-block","settings":{"_rowGap":"64"}},{"id":"coxrzc","name":"metric-cta-section__profile-photo","settings":{"_width":"48","_border":{"radius":{"right":"50","top":"50","bottom":"50","left":"50"}}}},{"id":"uxtjcz","name":"metric-cta-section__profile-name","settings":{"_typography":{"font-size":"20","color":{"hex":"#909090"}},"_typography:mobile_portrait":{"font-size":"16"}},"modified":1745351607,"user_id":1},{"id":"dxqwga","name":"metric-cta-section__profile-txt","settings":{"_typography":{"font-size":"20","color":{"hex":"#ffffff"}},"_typography:mobile_portrait":{"font-size":"16"}},"modified":1745311627,"user_id":1},{"id":"uvvgsr","name":"metric-cta-section__profile-image-block","settings":{"_direction":"row","_alignItems":"center","_columnGap":"16"}},{"id":"gdgqvt","name":"metric-cta-section__profile-block","settings":{"_rowGap":"24"}},{"id":"wlbkbx","name":"metric-cta-section_form-column","settings":[]},{"id":"tamhog","name":"metric-cta-section_form","settings":{"submitButtonBorder":{"radius":{"top":"100","right":"100","left":"100","bottom":"100"}},"fieldBackgroundColor":{"hex":"#171717"},"fieldBorder":{"width":{"top":"0","right":"0","left":"0","bottom":"1"},"style":"solid","color":{"hex":"#ffffff"}},"fieldPadding":{"bottom":"24"},"fieldTypography":{"font-size":"20","color":{"hex":"#ffffff"}},"placeholderTypography":{"color":{"hex":"#ffffff"}},"_cssCustom":".metric-cta-section_form button.bricks-button {\n padding-top: 8px;\n padding-right: 24px;\n padding-bottom: 8px;\n padding-left: 24px;\n min-height: 48px;\n border-radius: 50px;\n background-color: #fff;\n font-size: 16px;\n font-weight: 500;\n color: #171717;\n}\n.metric-cta-section_form span.justterm a {\n color: white;\n text-decoration: underline;\n} \n.metric-cta-section_form ul.options-wrapper {\n padding-bottom: 24px;\n border-bottom: 1px solid #fff;\n margin-bottom: 72px;\n}\n.metric-cta-section_form input {\n margin-bottom: 72px;\n}\n.metric-cta-section_form .justlabel {\n font-size: 20px;\n}\n.metric-cta-section_form ul.options-wrapper li {\n color: #909090;\n font-size: 17px;\n margin-bottom: 16px;\n}\n\n\/* Container UL Styling *\/\n\n\n\/* Hide the default checkbox *\/\n .metric-cta-section_form .options-wrapper input[type=\"checkbox\"] {\n display: none;\n}\n\n\/* Style the label as a block and align checkbox visually *\/\n .metric-cta-section_form .options-wrapper label {\n display: flex;\n align-items: center;\n gap: 16px;\n\n color: #999999;\n cursor: pointer;\n padding: 10px;\n}\n\n\/* Custom checkbox box *\/\n .metric-cta-section_form .options-wrapper input[type=\"checkbox\"] + label::before {\n content: \"\";\n display: inline-block;\n width: 24px;\n height: 25px;\n background-color: #ffffff;\n border-radius: 2px;\n flex-shrink: 0;\n position: relative;\n}\n\n\/* Checkmark when checked *\/\n .metric-cta-section_form .options-wrapper input[type=\"checkbox\"]:checked + label::before {\n content: \"\u2713\";\n font-size: 14px;\n color: black;\n text-align: center;\n line-height: 25px;\n}\n","_cssCustom:mobile_landscape":" .metric-cta-section_form ul.options-wrapper {\n\n margin-bottom: 56px;\n}\n.metric-cta-section_form input {\n margin-bottom: 56px;\n}","_cssCustom:mobile_portrait":" .metric-cta-section_form ul.options-wrapper {\n \n margin-bottom: 44px;\n}\n.metric-cta-section_form input {\n margin-bottom: 44px;\n}\n.metric-cta-section_form .justlabel {\n font-size: 16px;\n}\n.metric-cta-section_form .options-wrapper label {\n \n font-size: 16px;\n}","fieldTypography:mobile_portrait":{"font-size":"16"},"submitButtonTypography":{"font-size":"16","font-weight":"500"}},"modified":1745351607,"user_id":1},{"id":"rwcdbh","name":"metric-cta-section__col","settings":{"_justifyContent":"space-between"}}]}

Similar components

Profile Picture
Joe Warren

CTA Banner

Simple CTA banner with a heading, text and a button
View now
Copy now
{"content":[{"id":"wmnbpc","name":"section","parent":0,"children":["icjqsu"],"settings":{"_cssGlobalClasses":["qbqcae","iweoxy"]},"label":"Banner"},{"id":"icjqsu","name":"container","parent":"wmnbpc","children":["mjprkw"],"settings":{}},{"id":"mjprkw","name":"block","parent":"icjqsu","children":["nwldgz","ehftmj"],"settings":{"_cssGlobalClasses":["faevoa"]}},{"id":"nwldgz","name":"block","parent":"mjprkw","children":["dojlhm","cgmcpo"],"settings":{"_cssGlobalClasses":["okxcic"]}},{"id":"dojlhm","name":"heading","parent":"nwldgz","children":[],"settings":{"_cssGlobalClasses":["behkmk"],"tag":"h2","text":"Ready for radiant skin?"}},{"id":"cgmcpo","name":"text-basic","parent":"nwldgz","children":[],"settings":{"text":"Book your personalized skincare session today and discover your natural glow.","_typography:mobile_portrait":{"text-align":"center"}}},{"id":"ehftmj","name":"block","parent":"mjprkw","children":["jpbqep"],"settings":{"_cssGlobalClasses":["upiwtu"]}},{"id":"jpbqep","name":"button","parent":"ehftmj","children":[],"settings":{"text":"Book an appointment","style":"primary","_cssGlobalClasses":["dljujd"],"icon":{"library":"svg","svg":{"id":151,"filename":"Phone.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/Phone.svg"},"height":"18","width":"18"},"iconPosition":"left","link":{"type":"external","url":"#"}}}],"source":"bricksCopiedElements","sourceUrl":"https://darkturquoise-cormorant-212243.hostingersite.com","version":"1.12.3","globalClasses":[{"id":"qbqcae","name":"section-padding-large","settings":{"_padding":{"top":"100","bottom":"100"}}},{"id":"iweoxy","name":"background--cream-light","settings":{"_background":{"color":{"hex":"#fff9f6"}}}},{"id":"faevoa","name":"banner","settings":{"_background":{"color":{"hex":"#fee0d9"}},"_border":{"radius":{"top":"200","right":"200","bottom":"200","left":"200"}},"_display":"grid","_gridTemplateColumns":"repeat(2, 1fr)","_padding":{"top":"75","right":"150","bottom":"75","left":"150"},"_padding:tablet_portrait":{"left":"50","right":"50","top":"50","bottom":"50"},"_gridTemplateColumns:mobile_portrait":"1fr","_border:mobile_landscape":{"radius":{"top":"150","right":"150","bottom":"150","left":"150"}}}},{"id":"okxcic","name":"banner__content","settings":{"_padding:tablet_portrait":{"bottom":"60","top":"60","right":"0","left":"0"},"_justifyContent:tablet_portrait":"center","_rowGap":"10","_padding:mobile_landscape":{"top":"22","bottom":"22","left":"0","right":"0"}},"modified":1744615411,"user_id":1},{"id":"behkmk","name":"banner__heading","settings":{"_typography":{"font-size":"42"},"_typography:tablet_portrait":{"font-size":"36"},"_typography:mobile_portrait":{"text-align":"center","font-size":"30"}}},{"id":"upiwtu","name":"banner__button-wrap","settings":{"_alignItems":"flex-end","_justifyContent":"center","_alignItems:mobile_portrait":"center"}},{"id":"dljujd","name":"button-primary","settings":{"_background":{"color":{"hex":"#ff835a"}},"_typography":{"font-weight":"700"},"_padding":{"left":"40","right":"40","bottom":"14","top":"14"},"_border":{"radius":{"right":"20"}},"_background:hover":{"color":{"hex":"#512729"}},"_typography:hover":{"color":{"hex":"#ffffff"}},"_cssTransition":"all 0.2s ease","_cssCustom":".button-primary:hover svg {\n stroke: #ffffff;\n}"}}],"globalElements":[]}
Profile Picture
Joe Warren

CTA Banner

Responsive CTA banner featuring a dashboard image.
View now
Copy now
{"content":[{"id":"yhxuan","name":"section","parent":0,"children":["qtqokl"],"settings":{"_cssGlobalClasses":["qbqcae"]}},{"id":"qtqokl","name":"container","parent":"yhxuan","children":["nsnahp"],"settings":[]},{"id":"nsnahp","name":"block","parent":"qtqokl","children":["jivowv","bqkczg"],"settings":{"_cssGlobalClasses":["rwxmdy"]},"label":"Banner"},{"id":"jivowv","name":"block","parent":"nsnahp","children":["lgzqfe","hngzph"],"settings":{"_cssGlobalClasses":["okxcic"]},"label":"Content"},{"id":"lgzqfe","name":"heading","parent":"jivowv","children":[],"settings":{"text":"Curious to try? Join the waiting list","_cssGlobalClasses":["dejhef"],"tag":"h2"}},{"id":"hngzph","name":"button","parent":"jivowv","children":[],"settings":{"text":"Join the waitlist","style":"primary","_cssGlobalClasses":["zvekva"],"link":{"type":"external","url":"#"}}},{"id":"bqkczg","name":"block","parent":"nsnahp","children":["qffqbz"],"settings":{"_cssGlobalClasses":["isgsrq"]},"label":"Image Wrapper"},{"id":"qffqbz","name":"image","parent":"bqkczg","children":[],"settings":{"_cssGlobalClasses":["vmasth"],"image":{"id":112,"filename":"Screenshot-2025-04-14-at-07.53.04.png","size":"full","full":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/Screenshot-2025-04-14-at-07.53.04.png","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/Screenshot-2025-04-14-at-07.53.04.png"}},"themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://darkturquoise-cormorant-212243.hostingersite.com","version":"1.12.3","globalClasses":[{"id":"qbqcae","name":"section-padding-large","settings":{"_padding":{"top":"100","bottom":"100"}}},{"id":"rwxmdy","name":"banner__grid-2","settings":{"_background":{"color":{"hex":"#7c3aed"}},"_border":{"radius":{"top":"8","right":"8","bottom":"8","left":"8"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#7c3aed","rgb":"rgba(124, 58, 237, 0.14)","hsl":"hsla(262, 83%, 58%, 0.14)"}},"_display":"grid","_gridTemplateColumns":"repeat(2, 1fr)","_overflow":"clip","_gridTemplateColumns:tablet_portrait":"1fr","_gridTemplateRows:tablet_portrait":"1fr 1fr"}},{"id":"okxcic","name":"banner__content","settings":{"_padding":{"top":"150","bottom":"150","left":"60","right":"60"},"_rowGap":"40","_padding:tablet_portrait":{"bottom":"60","top":"60","left":"5%","right":"5%"},"_justifyContent:tablet_portrait":"center","_rowGap:mobile_landscape":"32","_rowGap:mobile_portrait":"28"},"modified":1744614852,"user_id":1},{"id":"dejhef","name":"banner__h2","settings":{"_typography":{"color":{"hex":"#ffffff"},"font-weight":"700","font-size":"44","line-height":"1.25"},"_typography:mobile_landscape":{"font-size":"36"},"_typography:mobile_portrait":{"font-size":"29"}},"modified":1744614784,"user_id":1},{"id":"zvekva","name":"banner__CTA","settings":{"_background":{"color":{"hex":"#ffffff"}},"_typography":{"color":{"hex":"#7c3aed"},"font-weight":"600"},"_padding":{"left":"30","right":"30","bottom":"12","top":"12"},"_border":{"radius":{"top":"6","right":"6","bottom":"6","left":"6"}},"_cursor":"pointer","_transform:hover":{"scaleX":"1.03","scaleY":"1.03"},"_cssTransition":"transform 0.2s ease"},"modified":1744614298,"user_id":1},{"id":"isgsrq","name":"banner__image-wrapper","settings":{"_alignItems:tablet_portrait":"center","_padding:mobile_portrait":{"left":"5%"}}},{"id":"vmasth","name":"banner__image","settings":{"_transform":{"translateY":"60"},"_border":{"radius":{"top":"8"}},"_width":"100%","_height":"100%","_objectFit":"cover","_width:tablet_portrait":"90%","_border:tablet_portrait":{"radius":{"top":"8","right":"8","bottom":"0","left":"0"}},"_transform:tablet_portrait":{"translateY":"0"},"_width:mobile_portrait":"100%","_border:mobile_portrait":{"radius":{"right":"0"}}}}],"globalElements":[]}
Profile Picture
Akshay Joshi

Regim Kit CTA Section

Simple lightweight CTA section.
View now
Copy now
{"id":149,"name":"cta-section","title":"CTA Section","date":"2025-04-11 17:27:52","date_formatted":"April 11, 2025","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/8da2b861f9488c056b4e9140b613346e?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/cta-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"c115dd","name":"section","parent":0,"children":["77e003"],"settings":{"_cssGlobalClasses":["upnjxa","wuvnzt"]},"label":"CTA Section"},{"id":"77e003","name":"container","parent":"c115dd","children":["a42256","d58768","53f25c"],"settings":{"_cssGlobalClasses":["pzrjyf"]}},{"id":"a42256","name":"heading","parent":"77e003","children":[],"settings":{"text":"Create your event with RegiM","_cssGlobalClasses":["qabqaz"]}},{"id":"d58768","name":"text-basic","parent":"77e003","children":[],"settings":{"text":"Leveraging our virtual and live event experience, Hubilo offers everything you need to set up your next hybrid event from registration to executing a flawless event.\n\n","_cssGlobalClasses":["lfesuw"]}},{"id":"53f25c","name":"button","parent":"77e003","children":[],"settings":{"text":"Get Early Access","style":"primary","_cssGlobalClasses":["ifqjya"]}}],"templateType":"section","global_classes":[{"id":"upnjxa","name":"regim-section-default","settings":{"_padding":{"bottom":"75","top":"75","left":"5%","right":"5%"},"_rowGap":"70"},"_exists":false},{"id":"ifqjya","name":"regim-btn","settings":{"_background":{"color":{"hex":"#0876dd"}},"_typography":{"color":{"hex":"#ffffff"},"font-size":"16","font-weight":"600"},"_padding":{"top":"12","left":"16","right":"16","bottom":"12"},"_border":{"radius":{"top":"6","right":"6","bottom":"6","left":"6"},"width":{"bottom":"1","top":"1","right":"1","left":"1"},"style":"solid","color":{"hex":"#0876dd"}},"_border:hover":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#0876dd"}},"_background:hover":{"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0)","hsl":"hsla(0, 0%, 0%, 0)"}},"_typography:hover":{"color":{"hex":"#0876dd"}}},"modified":1744375400,"user_id":1},{"id":"qabqaz","name":"regim-cta__heading","settings":{"_typography":{"text-align":"center","color":{"hex":"#ffffff","id":"cgcqaf","name":"Color #2"},"font-weight":"600","font-size":"48","line-height":"60px"},"_typography:mobile_landscape":{"font-size":"36","line-height":"48px"},"_typography:mobile_portrait":{"font-size":"30","line-height":"40px"}},"modified":1744381225,"user_id":1},{"id":"lfesuw","name":"regim-cta__textarea","settings":{"_typography":{"color":{"hex":"#ffffff","id":"cgcqaf","name":"Color #2"},"text-align":"center","font-size":"18","line-height":"28px"},"_typography:mobile_portrait":{"font-size":"16","line-height":"24px"}},"modified":1744381225,"user_id":1},{"id":"pzrjyf","name":"regim-cta__container","settings":{"_justifyContent":"center","_alignItems":"center","_width:tablet_portrait":"688","_width:mobile_landscape":"100%","_rowGap":"30","_widthMax":"800"}},{"id":"wuvnzt","name":"regim-section__cta-section","settings":{"_background":{"color":{"hex":"#111827"}},"_rowGap":"40px","_padding":{"top":"100","bottom":"100"},"_padding:mobile_landscape":{"top":"64","bottom":"64"}},"modified":1744381225,"user_id":1}]}

Categories

CTAs