CINXE.COM
How to Use RSVP Buttons with ActiveCampaign Emails - AddEvent
<!DOCTYPE html> <html lang="en"> <head> <title>How to Use RSVP Buttons with ActiveCampaign Emails - AddEvent</title> <meta name="description" content="How to Use RSVP Buttons with ActiveCampaign Emails " /> <meta property="og:title" content="AddEvent" /> <meta property="og:description" content="" /> <meta property="og:image" content="https://cdn.addevent.com/web/images/opengraph-image.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <!-- Icons --> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" /> <link rel="manifest" href="/site.webmanifest" /> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#125ef8" /> <meta name="msapplication-TileColor" content="#ffffff" /> <meta name="theme-color" content="#ffffff" /> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="canonical" href="https://www.addevent.com/blog/how-to-use-rsvp-buttons-with-activecampaign-emails" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@AddEvent_Inc" /> <meta name="twitter:title" content="" /> <meta name="twitter:description" content="" /> <meta name="twitter:image" content="https://cdn.addevent.com/web/images/twitter-image.png" /> <!-- Critical CSS --> <style>[class^=icon-]{font-style:normal;text-transform:none;-webkit-font-smoothing:antialiased;font-weight:400}*{box-sizing:border-box}body,html{font-family:Circular-AddEvent,Arial,"Helvetica Neue",Helvetica,sans-serif}body,html,p{line-height:130%}a{text-decoration:none}a img{border:none}.overflow-x,body{overflow-x:hidden}body,html{height:100%;width:100%}.top,body,html{width:100%}.top{left:0;top:0}.top .menu-t1 ul{padding:0;margin:0}body,html{text-align:left}@font-face{font-weight:400;font-style:normal;font-family:Circular-AddEvent;src:url("https://cdn.addevent.com/web/fonts/CircularXXWeb-Regular.woff2") format("woff2");font-display:swap}@font-face{font-weight:400;font-style:italic;font-family:Circular-AddEvent;src:url("https://cdn.addevent.com/web/fonts/CircularXXWeb-Italic.woff2") format("woff2");font-display:swap}@font-face{font-weight:500;font-style:normal;font-family:Circular-AddEvent;src:url("https://cdn.addevent.com/web/fonts/CircularXXWeb-Book.woff2") format("woff2");font-display:swap}@font-face{font-weight:500;font-style:italic;font-family:Circular-AddEvent;src:url("https://cdn.addevent.com/web/fonts/CircularXXWeb-BookItalic.woff2") format("woff2");font-display:swap}@font-face{font-weight:600;font-style:normal;font-family:Circular-AddEvent;src:url("https://cdn.addevent.com/web/fonts/CircularXXWeb-Medium.woff2") format("woff2");font-display:swap}@font-face{font-weight:600;font-style:italic;font-family:Circular-AddEvent;src:url("https://cdn.addevent.com/web/fonts/CircularXXWeb-MediumItalic.woff2") format("woff2");font-display:swap}@font-face{font-weight:700;font-style:normal;font-family:Circular-AddEvent;src:url("https://cdn.addevent.com/web/fonts/CircularXXWeb-Bold.woff2") format("woff2");font-display:swap}@font-face{font-weight:700;font-style:italic;font-family:Circular-AddEvent;src:url("https://cdn.addevent.com/web/fonts/CircularXXWeb-BoldItalic.woff2") format("woff2");font-display:swap}@font-face{font-family:icomoon;src:url("https://cdn.addevent.com/web/fonts/icomoon.eot?7bke8f");src:url("https://cdn.addevent.com/web/fonts/icomoon.eot?7bke8f#iefix") format("embedded-opentype"),url("https://cdn.addevent.com/web/fonts/icomoon.ttf?7bke8f") format("truetype"),url("https://cdn.addevent.com/web/fonts/icomoon.woff?7bke8f") format("woff"),url("https://cdn.addevent.com/web/fonts/icomoon.svg?7bke8f#icomoon") format("svg");font-weight:400;font-style:normal;font-display:block}[class^=icon-]{font-family:icomoon!important;speak:never;font-variant:normal;line-height:1;-moz-osx-font-smoothing:grayscale}.icon-close:before{content:"\e94c";color:#125ef8}.icon-menu:before{content:"\e94d"}.icon-analytics:before{content:"\e900";color:#125ef8}.icon-automation_new:before{content:"\e901";color:#7e00e0}.icon-Chevron_Right:before{content:"\e904";color:#125ef8}.icon-document-2-2:before{content:"\e905";color:#125ef8}.icon-embedable_new:before{content:"\e906";color:#1ac67d}.icon-infinite-1:before{content:"\e907";color:#125ef8}.icon-RSVP:before{content:"\e90a";color:#e22e4e}.icon-share-event:before{content:"\e90b";color:#125ef8}.icon-subscription:before{content:"\e90c";color:#f0c322}.icon-Updates:before{content:"\e90d";color:#125ef8}body,html{margin:0;padding:0;background:#fff;font-size:16px;color:#1c212b;font-weight:400}a,p{font-size:1em;color:#1c212b}html{scroll-behavior:smooth}strong{font-weight:600}h1{margin:0;font-size:24px;line-height:135%;color:#1c212b;font-weight:700}h2,h3{margin:0 0 3px;font-size:17px;line-height:135%;color:#1c212b;font-weight:600}::-webkit-input-placeholder{color:#6f7b877d;font-weight:400;font-size:1em}:-moz-placeholder{color:#6f7b877d;font-weight:400;font-size:1em}::-moz-placeholder{color:#6f7b877d;font-weight:400;font-size:1em}:-ms-input-placeholder{color:#6f7b877d;font-weight:400;font-size:1em}div::-webkit-scrollbar{background:0 0;overflow:visible;width:8px;height:8px}div::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:10px}div::-webkit-scrollbar-track-piece{background-color:#fff}div::-webkit-scrollbar-corner{background:0 0}.top .menu-m .drop{right:6px;box-shadow:0 16px 24px 2px rgb(0 0 0 / 14%),0 6px 30px 5px rgb(0 0 0 / 12%),0 8px 10px -5px rgb(0 0 0 / 40%);left:6px}.top{height:76px;position:fixed;z-index:1000;background:#fffe8;border-bottom:1px solid #e8eefa}.top .pdt{padding:14px 30px 0}.top .flex{display:flex;justify-content:space-between;align-items:center}.top .logo-t1{display:flex;justify-content:center;align-items:center;max-width:168px;margin:-4px 0 0}.top .logo-t1 a{display:block;width:168px}.top .logo-t1 img{display:block;width:100%}.top .menu-m{display:none;justify-content:center;align-items:center}.top .menu-m .menu-m-btn{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border:1px solid transparent!important;border-radius:50%}.top .menu-m .menu-m-btn .icon-menu:before{font-size:20px;font-weight:800}.top .menu-m .drop{flex-direction:column;position:fixed;top:6px;max-height:510px;transform:scale(1)!important;border-radius:6px;background-color:#fff;z-index:-1;opacity:0}.top .menu-m .drop .close{display:flex;justify-content:center;align-items:center;position:absolute;width:42px;height:42px;top:15px;right:17px;z-index:100;border-radius:50%}.top .menu-m .drop .close .icon-close:before{color:#000;font-size:22px;font-weight:700}.top .menu-m .drop .main{background-color:#fff;border-radius:8px;padding:22px 12px 16px;overflow-y:auto;max-height:calc(100vh - 130px)}.top .menu-m .drop .main .title{font-size:17px;line-height:1.5;font-weight:700;margin-bottom:16px;padding:0 0 0 14px}.top .menu-m .drop .main ul{list-style-type:none;padding:0;margin:0}.top .menu-m .drop .main .lst{padding-bottom:16px;border-bottom:1px solid #e5eaf3;margin-bottom:16px}.top .menu-m .drop .main .lst li:last-child a,.top .menu-m .drop .main .lst:last-child,p:last-child{margin-bottom:0}.top .menu-m .drop .main .lst li{margin:-3px 0 0}.top .menu-m .drop .main .lst li a{display:flex;position:relative;align-items:center;padding:10px 0 10px 52px;font-size:18px;line-height:1.6;border-radius:6px}.top .menu-m .drop .main .lst li a i{position:absolute;left:11px;top:11px;font-size:26px}.top .menu-m .drop .main .lst.lst-rest{padding-bottom:0;border-bottom:none}.top .menu-m .drop .main .lst.lst-rest li a{font-size:17px;line-height:1.4}.top .menu-m .drop .main .lst.lst-rest li.blk a{font-size:18px;line-height:1.6}.top .menu-m .drop .main ul li.blk{display:block}.top .menu-m .drop .main ul li.blk a{display:block;color:#000;font-size:18px;line-height:1.6}.top .menu-m .drop .ft{padding:0 8px 8px}.top .menu-m .drop .ft .btn{background:#e1e8f8;font-size:18px;line-height:1.7;font-weight:600}.top .menu-t1{padding-left:20px;padding-right:20px;margin:0 auto}.top .menu-t1 ul{display:flex;align-items:center;list-style-type:none}.top .menu-t1 ul li{position:relative;padding:0 25px}.top .menu-t1 ul li a{color:#1c212b;font-size:18px;line-height:1.6}.top .menu-t1 ul li.blk{padding:4px 6px;margin:0 0 0 24px;background-color:#1c212b;border-radius:3px}.top .menu-t1 ul li.blk a{display:block;color:#fff;font-size:12px;line-height:1.33;text-transform:uppercase}.top .menu-t1 ul li.exp a{display:flex}.top .menu-t1 ul li.exp .icon-Chevron_Right{display:block;transform:rotate(90deg);margin:2px 0 0 2px}.top .menu-t1 ul li.exp .icon-Chevron_Right::before{color:inherit}.top .drop{z-index:-1;visibility:hidden;position:absolute;max-width:1040px;left:-326px;opacity:0;transform:scale(.94);margin:-20px 0 0}.top .drop .drop-ctn{margin-top:20px;box-shadow:0 50px 100px rgb(50 50 93 / 10%),0 15px 35px rgb(50 50 93 / 15%),0 5px 15px rgb(0 0 0 / 10%);border-radius:5px;background-color:#fff}.top .drop .rl{position:relative}.top .drop .pad{padding:32px 32px 12px}.top .drop .pad .arr{position:absolute;left:380px;top:-9px;z-index:2;width:20px;height:20px;background:#fff;transform:rotate(45deg)}.top .drop .pad .hdr{color:#1c212b;font-size:22px;line-height:1.5;margin-bottom:20px;font-weight:500}.top .drop .pad .color-grid{margin-left:-12px;margin-right:-12px;gap:0}.top .drop .pad .color-grid .item{padding:20px 16px;min-width:198px;border-radius:8px;background-color:transparent}.top .drop .pad .color-grid .item .crc{background-color:#f3f7ff}.top .drop .ft .pf{padding:0 4px 4px}.top .drop .ft .pfi{padding:8px 16px 12px;border-radius:6px}.top .drop .ft .pfi ul{padding:0}.top .drop .ft .pfi ul li{margin:0;padding:0 15px 0 0}.top .drop .ft .pfi .right a,.top .drop .ft .pfi ul li a{display:flex;align-items:center;padding:8px 16px 8px 8px;border-radius:4px;background-color:transparent}.top .drop .ft .pfi .right a i,.top .drop .ft .pfi ul li a i{font-size:24px;margin-right:8px}.top .signinup{display:inline-block;font-size:15px;color:#a9acb4;padding:10px 30px;border:1px solid transparent;white-space:nowrap}.top .signinup .or{display:inline-block;padding:0 4px;font-style:italic}.top .signinup .signin{font-size:17px;font-weight:600;color:#000;font-style:normal}.blgi-t1 .art .tr a{text-decoration:underline}.top .signinup .signup{font-size:17px;font-weight:500;color:#fff;font-style:normal;margin:0 0 0 4px;padding:9px 16px 9px 15px;border:1px solid transparent;background:#125ef8;border-radius:5px}.blgi-t1 .manc .aut .fx img{display:none}.color-grid .item.item-purple i:before{color:#7e00e0}.sp-blog{display:block;width:100%;position:relative}.color-grid .item.item-red i:before{color:#e22e4e}.color-grid .item.item-yellow i:before{color:#f0c322}.blgi-t1{clear:both;padding:130px 0 100px;position:relative}.blgi-t1 .art{width:800px;margin:0 auto;position:relative}.blgi-t1 .art .hex{clear:both;margin:0 0 80px;text-align:center}.blgi-t1 .art .hex h1{margin:0;font-size:45px;font-weight:600;letter-spacing:-1px;color:#1c212b;line-height:120%}.blgi-t1 .art .dex{clear:both;padding:12px 0 0}.blgi-t1 .art .dex p{margin:0;font-size:16px;color:#959da2;line-height:40px;font-weight:400}.blgi-t1 .art .tr,.blgi-t1 .art .tr p{font-size:17px;line-height:150%;color:#3b3b3b}.blgi-t1 .art .dex p strong{color:#333;font-weight:500}.blgi-t1 .art .dex .im{width:28px;line-height:28px;margin:0 5px;display:inline-block;background:url(https://cdn.addevent.com/web/images/deco-dev-adv-t2.webp) 50% 50%/100% auto no-repeat;border-radius:50%}.blgi-t1 .art .hex .p0{color:#fff;font-weight:500;line-height:1.65;text-transform:uppercase}.blgi-t1 .art .hex .p0{display:inline-block;position:absolute;bottom:-48px;white-space:nowrap;left:50%;transform:translateX(-50%);font-size:14px;background:#125ef8!important;border-radius:4px;padding:2px 14px;letter-spacing:0}.blgi-t1 .art .hex .p2{background:#e91e63}.blgi-t1 .manc .aut .fx{background-repeat:no-repeat;background-position:50% 50%;border-radius:8px}.blgi-t1 .manc{clear:both;margin:0 0 50px}.blgi-t1 .manc .aut{width:900px;margin:0 auto}.blgi-t1 .manc .aut .fx{height:350px;clear:both;background-size:cover;box-shadow:0 0 0 .5px rgba(50,50,93,.17),0 2px 5px 0 rgba(50,50,93,.1),0 1px 1.5px 0 rgba(0,0,0,.07),0 1px 2px 0 rgba(0,0,0,.08),0 0 0 0 transparent}.blgi-t1 .art .tr{clear:both}.blgi-t1 .art .tr p{margin:0 0 25px}.blgi-t1 .art .tr h2{margin:0 0 12px;padding:15px 0 0;font-size:23px;line-height:135%;color:#111;font-weight:600;letter-spacing:-.5px}.blgi-t1 .art .tr img{height:auto;display:block;max-width:90%;margin:25px 0 35px}.sp-blog .sp-blog-cnt{padding:0 20px;margin:0 auto;width:100%;display:block}.sp-blog .sp-blog-cnt{max-width:984px;position:relative}.btn,.color-grid .item.item-blue i:before{color:#125ef8}.btn{text-align:center}.btn{display:block;border:1px solid transparent;width:auto;max-height:64px;background-color:transparent;border-radius:6px;padding:12px 33px;font-size:16px;line-height:1.4;font-weight:400;white-space:nowrap}.btn-6-8{padding:6px 8px}.btn-br{border:1px solid #e1e8f8}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:29px}.color-grid .item{display:flex;flex-direction:column;min-width:172px;color:#1c212b;position:relative}.color-grid .item .crc{display:flex;justify-content:center;align-items:center;background-color:#f3f7ff;width:64px;min-width:64px;height:64px;min-height:64px;border-radius:50%;margin-bottom:16px}.color-grid .item .crc.crc-48{width:48px;min-width:48px;height:48px;min-height:48px}.color-grid .item .crc i{font-size:32px;font-weight:500}.color-grid .item .title{font-size:18px;line-height:1.2;margin-bottom:8px;font-weight:600}.color-grid .item p{color:#585d69;font-size:14px;line-height:1.5;margin:0 0 16px;flex:1}.color-grid .item.item-green i:before{color:#1ac67d}#blog-single-top-t2{position:absolute;right:-130px;top:100px}#blog-single-left{position:absolute;bottom:-116px;left:-845px}#blog-single-right{position:absolute;right:-723px;top:248px}@media all and (max-width:1160px){.top .menu-t1 ul li.exp .drop{max-width:900px;left:-250px}.top .drop .pad .color-grid .item{min-width:172px}.top .drop .pad .arr{position:absolute;left:380px;top:-9px}.color-grid{gap:8px}.color-grid .item{min-width:150px}}@media all and (max-width:1020px){.top .menu-t1 ul li{position:relative;padding:0 15px}.top .menu-t1 ul li a{font-size:17px}}@media all and (max-width:920px){.top .menu-t1,.top .signinup{display:none}.top .pdt{padding:20px 24px}.top .logo-t1{max-width:172px}.top .menu-m{display:flex}#blog-single-left,#blog-single-right{display:none}.color-grid .item p{font-size:16px}.color-grid .item .crc{background:0 0}.blgi-t1 .art,.blgi-t1 .manc .aut{width:auto!important}}@media all and (max-width:640px){p:last-child{margin-bottom:0}.btn{font-size:16px}.blgi-t1 .art .hex h1{font-size:36px}.blgi-t1 .art .dex p{line-height:140%;white-space:pre-line}.blgi-t1 .art .hex .p0{font-size:13px}.btn{line-height:1.5}.btn-6-8{padding:6px 8px}.color-grid .item .title{font-weight:600}}</style> <!-- CSS --> <link rel="preload" href="https://cdn.addevent.com/web/css/style.1727971720.min.css" as="style" type="text/css" media="all" onload="this.rel='stylesheet'" /><noscript><link rel="stylesheet" href="https://cdn.addevent.com/web/css/style.1727971720.min.css" type="text/css" media="all" /></noscript> <script type="text/javascript"> const apiKey = "7c83cdd9bbfa097ae9efd1ac2a5adc93"; const amplitudeIdentifier = ""; const stripeApiKey = "pk_live_51CXIGHFQZnNN5IkD9v3V5sPzP4rGlTFiwQvLUNeFqmDjobSbvvnWN8jLqbJIhy0kpxfXIbEtCC8qNJwKQGIqEl8z00IhsuKE5r"; </script> <script> (function(w){w.fpr=w.fpr||function(){w.fpr.q = w.fpr.q||[];w.fpr.q[arguments[0]=='set'?'unshift':'push'](arguments);};})(window); fpr("init", {cid:'iv10gft5'}); fpr("click"); </script> <script src="https://cdn.firstpromoter.com/fpr.js" async></script> <script src="https://cdn.addevent.com/libs/ref/aetrack.20240418.prod.js" crossorigin="anonymous" async></script> </head> <body id="doc" class=""> <div class="overflow-x"> <div class="top"> <div class="pdt"> <div class="flex"> <div class="logo-t1"> <a href="/" title="Home"> <picture> <img src="https://cdn.addevent.com/web/images/logo-t1.svg" width="168" height="38" alt="AddEvent" /> </picture> </a> </div> <div class="menu-t1"> <div class="list"> <ul> <li class="exp"> <a href="#" title="" class="solexp">Solutions <i class="icon-Chevron_Right"></i></a> <div class="drop" data-open="false"> <div class="drop-ctn"> <div class="rl"> <div class="pad"> <div class="arr"></div> <div class="hdr"> Discover our solutions </div> <div class="color-grid"> <a href="/solutions/share-events" title="Share events" class="link"> <div class="item item-blue"> <div class="crc crc-48"> <i class="icon-share-event"></i> </div> <div class="title"> Share <br /> events </div> <p> Get your events onto your users' calendars. </p> </div> </a> <a href="/solutions/collect-rsvp-events" title="Collect RSVPs" class="link"> <div class="item item-red"> <div class="crc crc-48"> <i class="icon-RSVP"></i> </div> <div class="title"> Collect <br /> RSVPs </div> <p> Collect information from your attendees when they register for your events. </p> </div> </a> <a href="/solutions/subscription-calendars" title="Subscription calendars" class="link"> <div class="item item-yellow"> <div class="crc crc-48"> <i class="icon-subscription"></i> </div> <div class="title"> Subscription <br /> calendar </div> <p> Share multiple events at once with a calendar your users can subscribe to. </p> </div> </a> <a href="/solutions/embeddable-calendar" title="Embeddable calendar" class="link"> <div class="item item-green"> <div class="crc crc-48"> <i class="icon-embedable_new"></i> </div> <div class="title"> Embeddable <br /> calendar </div> <p> Embed a calendar on your website to display and share your events. </p> </div> </a> <a href="/solutions/automated-events" title="Automated events" class="link"> <div class="item item-purple"> <div class="crc crc-48"> <i class="icon-automation_new"></i> </div> <div class="title"> Automated <br /> events </div> <p> Share high volumes of events that can be dynamically updated. </p> </div> </a> </div> </div> <div class="ft"> <div class="pf"> <div class="pfi"> <div class="flex"> <ul> <li><a href="/c/documentation" title="Documentation"><i class="icon-document-2-2"></i>Documentation</a></li> <li><a href="/integrations" title="Integrations"><i class="icon-infinite-1"></i>Integrations</a></li> <li><a href="https://help.addevent.com/changelog" title="Updates" target="_blank"><i class="icon-Updates"></i>Updates</a></li> </ul> <div class="right"> <a href="/solutions/analytics" title="Analytics" class="btn btn-6-8"><i class="icon-analytics"></i>Analytics</a> </div> </div> </div> </div> </div> </div> </div> </div> </li> <li><a href="/c/plans-and-pricing" title="Plans and pricing">Pricing</a></li> <li><a href="/blog" title="Blog">Blog</a></li> <li class="blk"><a href="/c/documentation" title="Documentation for developers">FOR DEVS</a></li> </ul> </div> </div> <div class="right"> <div class="signinup"> <a href="https://app.addevent.com" title="Sign In" class="signin">Sign In</a> <span class="or">or</span> <a href="https://app.addevent.com/signup" title="Sign Up" class="signup">Sign Up</a> </div> <div class="menu-m"> <div class="menu-m-btn"> <i class="icon-menu"></i> </div> <div class="drop"> <div class="close"> <i class="icon-close"></i> </div> <div class="main"> <div class="title solexp">Solutions</div> <ul class="lst"> <li><a href="/solutions/share-events" title="Share events"><i class="icon-share-event"></i>Share events</a></li> <li><a href="/solutions/collect-rsvp-events" title="Collect RSVPs"><i class="icon-RSVP"></i>Collect RSVPs</a></li> <li><a href="/solutions/subscription-calendars" title="Subscription calendars"><i class="icon-subscription"></i>Subscription calendar</a></li> <li><a href="/solutions/embeddable-calendar" title="Embeddable calendar"><i class="icon-embedable_new"></i>Embeddable calendar</a></li> <li><a href="/solutions/automated-events" title="Automated events"><i class="icon-automation_new"></i>Automated events</a></li> </ul> <ul class="lst"> <li><a href="/solutions/analytics" title="Analytics"><i class="icon-analytics"></i>Analytics</a></li> <li><a href="/integrations" title="Integrations"><i class="icon-Updates"></i>Integrations</a></li> <li><a href="https://help.addevent.com/changelog" title="Updates" target="_blank"><i class="icon-infinite-1"></i>Updates</a></li> <li><a href="/c/documentation" title="Documentation"><i class="icon-document-2-2"></i>Documentation</a></li> </ul> <ul class="lst lst-rest"> <li><a href="/c/plans-and-pricing" title="Pricing">Pricing</a></li> <li><a href="/blog" title="Blog">Blog</a></li> <li class="blk"><a href="/c/documentation" title="Documentation for developers">FOR DEVS</a></li> </ul> </div> <div class="ft"> <a href="/signin" title="Go to app" class="btn btn-br">Go to app</a> </div> </div> </div> </div> </div> </div> </div> <div class="sp-blog"> <div class="sp-blog-cnt"> <img id="blog-single-left" src="https://cdn.addevent.com/web/images/decorators/blog/single-left.svg" alt="" loading="lazy" width="837" height="838" /> <img id="blog-single-right" src="https://cdn.addevent.com/web/images/decorators/blog/single-right.svg" alt="" width="744" height="737" /> <img id="blog-single-top-t2" src="https://cdn.addevent.com/web/images/decorators/blog/single-top.svg" alt="" width="182" height="182" /> <!-- Content --> <div class="cont-t1"> <div class="blgi-t1"> <div class="art"> <div class="hex"> <h1>How to Use RSVP Buttons with ActiveCampaign Emails <span class="p0 p2" data-slug="rsvp button">rsvp button</span></h1> <div class="dex"> <p> Updated <strong>Nov 13th, 2024</strong> by <strong>Camella Bridges</strong> </p> </div> </div> </div> <div class="manc"> <div class="aut"> <div class="fx lazyelm" style="background-image:url(https://ateblog.phpphp.dk/wp-content/uploads/2024/07/Active-Campaign-AddEvent-1024x576.png);"> <img loading="lazy" src="https://ateblog.phpphp.dk/wp-content/uploads/2024/07/Active-Campaign-AddEvent-1024x576.png" alt="" loading="lazy" width="900" height="350" /> </div> </div> </div> <div class="art"> <div class="tr"> <p>AddEvent’s tools enable you to easily insert an RSVP button into your ActiveCampaign marketing automation email campaigns or on your ActiveCampaign landing pages. It’s as simple as creating an RSVP event in AddEvent, inserting a new HTML content block in your ActiveCampaign email, and then inserting your custom RSVP button’s code. And voila! </p> <p>Adding an event RSVP button to your ActiveCampaign emails lets you take advantage of some great features, including:</p> <ul> <li>Keeping track of who’s coming to your event</li> <li>Collecting the attendee’s name, email address, and any other custom fields. This can be any additional information that you may need such as upcoming event interest, questions for the hosts, or any other fields you would like to capture to update contact fields in your CRM. You can do all of this with an RSVP form!</li> <li>Supplying each event with a unique RSVP event page</li> <li>Sending attendees confirmation emails as well as event reminders prior to the event taking place – improving attendance rates</li> </ul> <p>This article will show you how to add an event <a href="https://www.addevent.com/solutions/collect-rsvp-events">RSVP link</a> or an RSVP button to your ActiveCampaign email in just a few easy steps.</p> <h1 class="wp-block-heading"><strong>How to add an RSVP button to your ActiveCampaign email</strong></h1> <h2 class="wp-block-heading">First, create or log in to your AddEvent account</h2> <ul> <li><a href="https://www.addevent.com/signup">Sign up</a> for an AddEvent account if you don’t already have one. Choose from our free Hobby plan or one of our paid plans, which come with lots of additional features. Learn more about our plans on our <a href="https://www.addevent.com/plans-and-pricing">plans and pricing</a> page.<br></li> </ul> <h2 class="wp-block-heading">Now, it’s time to create your event in AddEvent and enable RSVPs</h2> <ul> <li>Navigate to the <a href="https://www.addevent.com/calendars">dashboard </a>in your AddEvent account.</li> <li>Then, click the “Create” button, and select “Event”. </li> </ul> <ol> <li></li> </ol> <div class="wp-block-image"> <figure class="aligncenter"><img loading="lazy" decoding="async" src="https://ateblog.phpphp.dk/wp-content/uploads/2024/07/AD_4nXfeZ0bozH_drsn9DP9wdOqK6F33wLfT1iiHTRKss82MkQvvnJDuwvSOFDjJlMFjAi83i2kvMNfhxVgwB62jYt3tR9VVmcuuHguy8gbIdt3rkHMLxlfJURHasawlKrr8XjpOX2-5wfAC1qKPYgCAwvqUfvuOkeyAOXwDPe-04oI6hNCfy1itw.png" alt=""/></figure></div> <ul> <li>Enter your event details, including the event name, time, date, location, description, etc. Then click the “Create” button to publish the event landing page.<em><br></em></li> <li>Make sure you select the checkbox next to “RSVP” to enable RSVP collection for this event.</li> <li>If you want to collect additional information using custom fields, you can select your previously saved RSVP form using the drop-down next to “Standard RSVP.” </li> </ul> <h2 class="wp-block-heading">To customize a new RSVP form, go to the event details page > RSVP and settings > Click on “Custom RSVP forms”.</h2> <p><br><img loading="lazy" fetchpriority="high" decoding="async" width="624" height="308" src="https://ateblog.phpphp.dk/wp-content/uploads/2024/07/AD_4nXcmylCSw_ZJr0k8R3vDafkJs7ayXhsogzETT-PNJf4UmukuVHa60LGq2uZYH9wuHyMFnAw1V23pZI_VCH4ZwIwGARREnQHqugiBXbnSJFeNf8MbcY56uH9bPeNQQSf4F0-M-6njPWqvs9yfTnCFdIZl3xQkeyAOXwDPe-04oI6hNCfy1itw.png"><br></p> <p>Once on the Custom RSVP forms page, click “+New Form” and create and save your RSVP form with custom fields as desired.</p> <ol> <li></li> </ol> <ol start="3"> <li></li> </ol> <div class="wp-block-image"> <figure class="aligncenter"><img loading="lazy" decoding="async" src="https://ateblog.phpphp.dk/wp-content/uploads/2024/07/AD_4nXc86Px3g0ZuPorlcvv8gGzgrGBgAENHTfeniTIFj0ZIbVOzXMVZZSUSytFsaNS13ViJriwMjmRqK58Pl9NkAIIrNz-SAek8VkAWgN3-A-bvRd3LM5XAeq5CPYvbJdZkOfIpKNaggo8fXJFRoAFeyuphacHrkeyAOXwDPe-04oI6hNCfy1itw.png" alt=""/></figure></div> <p>Once your event has been created and your RSVP form has been applied, it’s time to set things up in ActiveCampaign. </p> <h2 class="wp-block-heading">Sign in to your ActiveCampaign <a href="https://www.activecampaign.com/login">account</a></h2> <ul> <li>Head to the “Campaigns” tab to start a new email campaign, or select an email draft to work in. </li> <li>If you’re working with a draft, click the name of your campaign and then select “Edit design”. </li> </ul> <ol start="4"> <li></li> </ol> <div class="wp-block-image"> <figure class="aligncenter"><img loading="lazy" decoding="async" src="https://ateblog.phpphp.dk/wp-content/uploads/2024/07/AD_4nXdRo9qtPVdrJZSXrDqhL8QACatu1AUzjyjmu6dd9xz9DqoZntFEBvCEtbAP4W_QkIzt4IRy-aVAy-d6ZF2PA1QZfxxIZQP-B6PdcQXPJWawjfChiUeR6XhQ8wuHWDFbkPuMMaebzNvPvUASnYR-ULgnLn4keyAOXwDPe-04oI6hNCfy1itw.png" alt=""/></figure></div> <h2 class="wp-block-heading">Add the RSVP button to your ActiveCampaign email with the following steps</h2> <ul> <li>Under the “Blocks” section on the right side of your screen, you can drag and drop “HTML” to the space in your design where you want the RSVP button to live. </li> </ul> <ol start="5"> <li></li> </ol> <div class="wp-block-image"> <figure class="aligncenter"><img loading="lazy" decoding="async" src="https://ateblog.phpphp.dk/wp-content/uploads/2024/07/AD_4nXdrJXucoqqrkWxKt4i0HxMS4imtLtLneyo2_IgmCB_xJOcM-5-vSIxdFVREtHik-Mq8RpxOzpR11tORvtObs8RB4RIi-cc_qpEXJDYo4NbuCGcMV16bXoWym7Gm0NkyDRnfqBX91FFjfJvFzJrHaK-rxMw2keyAOXwDPe-04oI6hNCfy1itw.png" alt=""/></figure></div> <ul> <li>Then, head back to your event details page in the AddEvent <a href="https://www.addevent.com/calendars">dashboard</a>. </li> <li>Once there, scroll down to the “RSVP button” section. </li> </ul> <div class="wp-block-image"> <figure class="aligncenter"><img loading="lazy" decoding="async" src="https://ateblog.phpphp.dk/wp-content/uploads/2024/07/AD_4nXe5ciMvVa0EdwZRN8q87EQJ5eczP-nPl2onjYfBem7EjEJ823ef-mBVYj2uWI09vjQS9zapupblwdRJqRPLkQjbmqasTsaIJeg3qkgaCZ3Hi6QWSWAo1h2b6i3UbNIXKCE4hDS200qDVhrSAkWsqDNUFS4VkeyAOXwDPe-04oI6hNCfy1itw.png" alt=""/></figure></div> <ul> <li>You can either use one of the pre-formatted buttons or customize your RSVP button to match your company’s branding when you select the “New” button at the bottom of the box. There, you can change the button’s shape, color, size, etc. </li> </ul> <div class="wp-block-image"> <figure class="aligncenter"><img loading="lazy" decoding="async" src="https://ateblog.phpphp.dk/wp-content/uploads/2024/07/AD_4nXcSo9pk4E6tQ8ofzrba_AXDoFWQsqwl41SsZCyHGhTM4tXVppasabd4_QgkuL0ie6uURXNy4Zf8uLzctuBqDy10R8Y9iORxe-zwmTCtla1YTi-GW8IxHE7EvuALf1weBoINLpCxdxL0plrduEYN4sPEzQDMkeyAOXwDPe-04oI6hNCfy1itw.png" alt=""/></figure></div> <ul> <li>Once you’ve saved the configuration you want to use for your RSVP button, you need to copy the HTML code via the “Copy” button at the top of the box or the “<>” button at the bottom. <ol> <li>We recommend using the “<>” button at the bottom to copy the RSVP button HTML code, as some marketing automation tools have issues with the “Copy” button.</li> </ol> </li> </ul> <div class="wp-block-image"> <figure class="aligncenter"><img loading="lazy" decoding="async" src="https://ateblog.phpphp.dk/wp-content/uploads/2024/07/AD_4nXe_LeLolWDlkzKE2bJibT7kwIRDUC33YnymWPCLy1ORKQUc4MH5cCMwGURSDFWg43LoAxopndXNqj4OQgii6Dr8LSz24ciThfc0o0hPrHIgQlNS01CTfEDw98lCd9feDQg78i4ww_DzdSRooxM_GaiJpttUkeyAOXwDPe-04oI6hNCfy1itw.png" alt=""/></figure></div> <ul> <li>Now, it’s time to copy and paste that code into the HTML block in your ActiveCampaign email. A black box will appear at the bottom half of your screen, where you will copy and paste the entire code. </li> </ul> <div class="wp-block-image"> <figure class="aligncenter"><img loading="lazy" decoding="async" src="https://ateblog.phpphp.dk/wp-content/uploads/2024/07/AD_4nXcK8Vcbg9Iiq7q-1P7IhL3uyyXTH1zdtFOAKWOGkkSa2WZ12eqiElYlphSO-0eWcMvicODUOVpbccbd01Tagdka5im-5yUgz6_bfav5ER0LAdCK3sTr-ZVqpmFJTBWxfVStBmBmlHsUo_2ateprf3P3V-zkeyAOXwDPe-04oI6hNCfy1itw.png" alt=""/></figure></div> <ul> <li>The RSVP button for the event will automatically appear in the email preview. You can use the additional settings in the control panel on the left to customize how the RSVP button looks in your ActiveCampaign email.</li> </ul> <p>And that’s it — you’re good to go! The RSVP button for your event has been added to your ActiveCampaign email. Make sure you test the links before sending the campaign to your audience. Looking to get your RSVP data back into ActiveCampaign? Check out our <a href="https://www.addevent.com/integrations/12/activecampaign/zapier">AddEvent and ActiveCampaign integration page</a> to see how to push AddEvent RSVP data into ActiveCampaign to update contacts in real time!</p> </div> </div> <div class="fnt-t9"> <div class="auto"> <div class="act"> <div class="inl"> <!-- <a href="https://www.facebook.com/addeventcom" title="" target="_blank" class="facbo">Facebook</a> <a href="https://www.linkedin.com/company/addevent/" title="" target="_blank" class="lnkin">LinkedIn</a> --> <a href="/signup" title="" class="facbo" style="font-weight:500;letter-spacing:0px;line-height:52px;font-size:17px;padding:0px 25px;background:linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);">Sign up for an account <span>(it's free)</span></a> <div class="arr"> <img loading="lazy" src="/gfx/deco-arrow-t3.svg" alt="" loading="lazy"> </div> </div> </div> <br /><br /> <br /><br /> </div> </div> </div> </div> </div> </div> <div class="nws"> <div class="nws-cnt"> <h4 class="nws-t">Let's create events together <span class="emoji">😍</span></h4> <form class="nws-fr" action="https://app.addevent.com/signup" method="get"> <input type="email" name="email" class="nws-inp" placeholder="Email address" /> <div class="validate-info"> <img alt="" src="https://cdn.addevent.com/web/images/warning.svg" width="16" height="15" loading="lazy" /> Please fill out this field </div> <button type="submit" class="btn btn-blue btn-20-40 btn-fs-bg">Sign up</button> </form> </div> </div> <style> @media all and (max-width:700px){ .blgi-t1 .manc {display:none;} } </style> <!-- Intercom --> <script> window.intercomSettings = { api_base: 'https://api-iam.intercom.io', app_id: 'r436mj2l', }; </script> <script> (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/r436mj2l';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})(); </script> <footer class="footer lazyelm"> <div class="ft-cnt"> <div class="s1"> <div class="k-main"> <a href="/" title="Home"> <img src="https://cdn.addevent.com/web/images/logo2.svg" width="40" height="40" alt="Home" loading="lazy" /> </a> <h5> Carefully crafted by your friends at <br /> © 2024 AddEvent Inc </h5> <!-- <Header Country: > <Server Country: > --> <div class="social"> <ul> <li><a href="https://www.facebook.com/addeventinc/" title="Facebook" class="facebook" target="_blank"><span>Facebook</span></a></li> <li><a href="https://twitter.com/AddEvent_Inc" title="Twitter" class="twitter" target="_blank"><span>Twitter</span></a></li> <li><a href="https://www.linkedin.com/company/25076591" title="LinkedIn" class="linkedin" target="_blank"><span>LinkedIn</span></a></li> <li><a href="https://www.instagram.com/addevent_inc" title="Instagram" class="instagram" target="_blank"><span>Instagram</span></a></li> <li><a href="https://www.youtube.com/channel/UC0qbG6tqVzcOBIxPYl8fo4g" title="YouTube" class="youtube" target="_blank"><span>YouTube</span></a></li> <li><a href="https://github.com/AddEventinc" title="Github" class="github" target="_blank"><span>Github</span></a></li> </ul> </div> </div> <div class="menu"> <div class="k1 k1-m3"> <p>Solutions</p> <ul class="mnu-ft"> <li><a href="/solutions/share-events" title="Share events">Share events</a></li> <li><a href="/solutions/collect-rsvp-events" title="Collect RSVPs">Collect RSVPs</a></li> <li><a href="/solutions/subscription-calendars" title="Subscription calendars">Subscription calendars</a></li> <li><a href="/solutions/embeddable-calendar" title="Embeddable calendars">Embeddable calendar</a></li> <li><a href="/solutions/automated-events" title="Automated events">Automated events</a></li> <li><a href="/solutions/analytics" title="Analytics">Analytics</a></li> </ul> </div> <div class="k1 k1-m2"> <p>Resources</p> <ul class="mnu-ft"> <li><a href="https://help.addevent.com" title="Help Center" target="_blank">Help Center</a></li> <li><a href="/c/documentation" title="Documentation">Documentation</a></li> <li><a href="/blog" title="Blog">Blog</a></li> <li><a href="/integrations" title="Integrations">Integrations</a></li> <li><a href="https://help.addevent.com/changelog" title="Updates" target="_blank">Updates</a></li> <li><a href="/c/contact" title="Contact">Contact</a></li> </ul> </div> <div class="k1 k1-m1"> <p>Company</p> <ul class="mnu-ft"> <li><a href="/c/about" title="About Us">About Us</a></li> <li><a href="https://jobs.addevent.com" title="Jobs" target="_blank">Jobs</a></li> <li><a href="/c/plans-and-pricing" title="Plans and pricing">Pricing</a></li> <li><a href="/c/legal/terms" title="Legal">Legal</a></li> <li><a href="https://pages.addevent.com/affiliate" title="Affiliate">Affiliate</a></li> </ul> </div> </div> </div> </div> </footer> <!-- User information for internal tracking --> <div id="account-guid" data-uid=""></div> </div> <!-- Javascript (changed 06/20/2024) --> <script src="https://cdn.addevent.com/web/js/jquery-3.6.1.min.js"></script> <script src="https://cdn.addevent.com/web/js/jquery-ui-1.13.2.min.js"></script> <script type="text/javascript" src="https://cdn.addevent.com/web/scripts/build/js/script.bundle.1727971720.js"></script> </body> </html>