How to set up an email signup form on your Start Page

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>How to set up an email signup form on your Start Page - Buffer Help Center</title> <meta name="viewport" content="width=device-width, maximum-scale=1"/> <meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="format-detection" content="telephone=no"> <meta name="description" content="Start Page has become even more powerful with its newest capabilities. Our Mailchimp integration can now help you to build an email list for your marketing init"/> <meta name="author" content="Buffer"/> <link rel="canonical" href="https://support.buffer.com/article/663-how-to-set-up-an-email-signup-form-on-your-start-page"/> <meta name="twitter:card" content="summary"/> <meta name="twitter:title" content="How to set up an email signup form on your Start Page" /> <meta name="twitter:description" content="Start Page has become even more powerful with its newest capabilities. Our Mailchimp integration can now help you to build an email list for your marketing init"/> <link rel="stylesheet" href="//d3eto7onm69fcz.cloudfront.net/assets/stylesheets/launch-1732006941823.css"> <style> body { background: #ffffff; } .navbar .navbar-inner { background: #ffffff; } .navbar .nav li a, .navbar .icon-private-w { color: #e0e0e0; } .navbar .brand, .navbar .nav li a:hover, .navbar .nav li a:focus, .navbar .nav .active a, .navbar .nav .active a:hover, .navbar .nav .active a:focus { color: #ffffff; } .navbar a:hover .icon-private-w, .navbar a:focus .icon-private-w, .navbar .active a .icon-private-w, .navbar .active a:hover .icon-private-w, .navbar .active a:focus .icon-private-w { color: #ffffff; } #serp-dd .result a:hover, #serp-dd .result > li.active, #fullArticle strong a, #fullArticle a strong, .collection a, .contentWrapper a, .most-pop-articles .popArticles a, .most-pop-articles .popArticles a:hover span, .category-list .category .article-count, .category-list .category:hover .article-count { color: #2c4bff; } #fullArticle, #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table { color:#636363; } </style> <link rel="stylesheet" href="//s3.amazonaws.com/helpscout.net/docs/assets/64cb6cf86d4a3e191f237e66/attachments/653a53f28ccb974344751706/stylesheet.css"> <link rel="apple-touch-icon-precomposed" href="//d33v4339jhl8k0.cloudfront.net/docs/assets/64cb6cf86d4a3e191f237e66/images/653147e325f8430475024abe/hq-logo-icon.png"> <link rel="shortcut icon" type="image/png" href="//d33v4339jhl8k0.cloudfront.net/docs/assets/64cb6cf86d4a3e191f237e66/images/64cb83d43379714240cff117/hq-logo-icon.png">  <script type="application/ld+json"> {"@context":"https://schema.org","@type":"WebSite","url":"https://support.buffer.com","potentialAction":{"@type":"SearchAction","target":"https://support.buffer.com/search?query={query}","query-input":"required name=query"}} </script> <script type="application/ld+json"> {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Buffer Help Center","item":"https://support.buffer.com"},{"@type":"ListItem","position":2,"name":"Buffer","item":"https://support.buffer.com/collection/1-buffer"},{"@type":"ListItem","position":3,"name":"How to set up an email signup form on your Start Page","item":"https://support.buffer.com/article/663-how-to-set-up-an-email-signup-form-on-your-start-page"}]} </script>   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script type="text/javascript">!function(e,t,n){function a(){var e=t.getElementsByTagName("script")[0],n=t.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://beacon-v2.helpscout.net",e.parentNode.insertBefore(n,e)}if(e.Beacon=n=function(t,n,a){e.Beacon.readyQueue.push({method:t,options:n,data:a})},n.readyQueue=[],"complete"===t.readyState)return a();e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1)}(window,document,window.Beacon||function(){});</script> <script type="text/javascript">window.Beacon('init', 'e253ab18-540b-4504-aa78-74b8bd860845')</script>  <script> !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware"];analytics.factory=function(e){return function(){if(window.analytics.initialized)return window.analytics[e].apply(window.analytics,arguments);var i=Array.prototype.slice.call(arguments);i.unshift(e);analytics.push(i);return analytics}};for(var i=0;i<analytics.methods.length;i++){var key=analytics.methods[i];analytics[key]=analytics.factory(key)}analytics.load=function(key,i){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=i};analytics._writeKey="XsTSud3G1oNlrQ48sMWERh11O6n1kCNK";;analytics.SNIPPET_VERSION="4.16.1"; analytics.load("XsTSud3G1oNlrQ48sMWERh11O6n1kCNK"); }}(); </script>   <script> (function (h, o, t, j, a, r) { h.hj = h.hj || function () { (h.hj.q = h.hj.q || []).push(arguments) }; h._hjSettings = { hjid: 232078, hjsv: 6 }; a = o.getElementsByTagName('head')[0]; r = o.createElement('script'); r.async = 1; r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv; a.appendChild(r); })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv='); </script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-XW2P4GR7DW"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XW2P4GR7DW'); </script>  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@700&family=Roboto:ital@0;1&display=swap" rel="stylesheet">  <script type="text/javascript"> setTimeout(function() { const queryString = window.location.search; function hasQueryParam(paramName) { const pattern = new RegExp('[?&]' + paramName + '=([^&]+)'); const match = queryString.match(pattern); return match !== null; } const paramExists = hasQueryParam('openContact'); if (paramExists) { window.Beacon('open'); window.Beacon('navigate', '/ask/message'); } }, 500); // Adjust the delay in milliseconds (e.g., 2000 for 2 seconds) </script>   <script> function articleVoteDownPressed() { if ( $("button.rateAction--negative").length > -1 && !$("button.rateAction--negative").hasClass("selected") ) { var clickCount = 0; $("button.rateAction--negative").on("click", function (e) { clickCount++; if (clickCount % 2 === 1) { hj("trigger", "articleVoteDown"); } }); } } $(document).ready(function () { articleVoteDownPressed(); // Remove existing Footer $("footer").remove(); // Remove Existing Footer // Append Footer from Marketing Site var $footer = $("<section class='footer'>"); $footer.load("https://buffer.com/docs-footer"); $("body").append($footer); }); window.addEventListener('load', async function() { try { // Fetch Account information from API Gateway const account = await fetch('https://graph.buffer.com', { method: 'POST', headers: { 'Content-Type': 'application/json', 'x-buffer-client-id': 'internal-helpscout-ui' }, credentials: 'include', body: JSON.stringify({ query: '{ account { id email isImpersonation currentOrganization{ id commonTrackingProperties { atEventBillingState atEventBillingPlan atEventBillingCycle atEventBillingGateway atEventIsNewBuffer atEventChannelQty}}}}' }), }).then(res => res.json()).then(res => res.data?.account) // If logged out visitor or impersonation, do nothing if (!account || !!account.isImpersonation) return if (analytics) { await analytics.identify(account.id) } if(window.Beacon) { window.Beacon('identify', { email: account.email, }) } const trackingProperties = { organizationId: account?.currentOrganization?.id, ...account?.currentOrganization?.commonTrackingProperties } if (window.location.pathname.startsWith("/article")) { analytics.track('Help Center Article Viewed', { userId: account.id, ...trackingProperties, articleTitle: window.document.title.replace(' - Buffer Help Center','') }) } if(window.Beacon && analytics) { window.Beacon('on', 'open', () => { analytics.track('Help Scout Beacon Opened', { userId: account.id, ...trackingProperties }) }) window.Beacon('on', 'close', () => { analytics.track('Help Scout Beacon Closed', { userId: account.id, ...trackingProperties }) }) window.Beacon('on', 'email-sent', () => { analytics.track('Help Scout Beacon Email Sent', { userId: account.id, ...trackingProperties }) }) } } catch(e){} }) </script>  </head> <body> <header id="mainNav" class="navbar"> <div class="navbar-inner"> <div class="container-fluid"> <a class="brand" href="/"> <span>Buffer Help Center</span> </a> <div class="nav-collapse collapse"> <nav role="navigation"> <ul class="nav"> </ul> </nav> </div> </div> </div> </header> <section id="contentArea" class="container-fluid"> <div class="row-fluid"> <section id="main-content" class="span9"> <div class="contentWrapper"> <article id="fullArticle"> <h1 class="title">How to set up an email signup form on your Start Page</h1> <a href="javascript:window.print()" class="printArticle" title="Print this article" aria-label="Print this Article"><i class="icon-print"></i></a> <p><a href="http://buffer.helpscoutdocs.com/article/664-using-start-page-with-buffer" target="_self">Start Page</a> has become even more powerful with its newest capabilities. Our Mailchimp integration can now help you to build an email list for your marketing initiatives, such as newsletters and promotions. Email marketing is a relatively inexpensive way to directly connect with your audience and reach people who are already interested in hearing from you!</p> <p>In this article:</p> <ol> <li><a href="#h_01H5ASRYMVMH66VEMP2CXGEPG6" target="_self">Setting up your Mailchimp account and creating a signup form</a></li> <li><a href="#h_01H5ASS4WAJECHC0TZ0H25WGV9" target="_self">Creating a form</a></li> <li><a href="#h_01H5ASSK3KZK6T4MTMKEWKDV2Q" target="_self">Setting things up in Start Page</a></li> </ol> <h2 id="h_01H5ASRYMVMH66VEMP2CXGEPG6">Setting up your Mailchimp account and creating a signup form</h2> <ol> <li>If you don’t have a Mailchimp account, create one <a href="https://login.mailchimp.com/signup/" target="_self">here</a>. You can select the <em><strong>Free</strong></em> plan!</li> <li>After you’ve verified your email, add your personal details.</li> <li>Select <em><strong>“Grow my list of email subscribers,”</strong></em> then select <em><strong>“Signup forms: Gather new subscribers with pop-up or embedded forms.”</strong></em></li> </ol> <p><img alt="What's your top goal with Mailchimp? prompt - Grow my list of email subscribers" src="//d33v4339jhl8k0.cloudfront.net/docs/assets/64cb6cf86d4a3e191f237e66/images/651f049405231a0b51d23514/file-xBs5kbJcTj.png" style="width: 563.993px; max-width: 100%; "></p> <p><img alt="Start Page email signup form process in Mailchimp" src="//d33v4339jhl8k0.cloudfront.net/docs/assets/64cb6cf86d4a3e191f237e66/images/651f049ded8c6d2f1cffe080/file-Nkd37C2F3j.png" style="width: 507.986px; max-width: 100%; "></p> <ol start="4"> <li>Choose the number of email contacts you have (and don’t worry if it’s zero!). If you have an existing list, you can import it later on.</li> <li>Choose the option that suits you best at <em><strong>“</strong></em>How do you sell to your customers?<em><strong>”</strong></em></li> </ol> <p><img alt="Mailchimp prompt - How do you sell to your customers? options" src="//d33v4339jhl8k0.cloudfront.net/docs/assets/64cb6cf86d4a3e191f237e66/images/651f04b5dfdf44337125d896/file-sfpgrqWlnD.png" style="width: 500.99px; max-width: 100%; "></p> <ol start="6"> <li>Next, enter your website (or feel free to skip this).</li> <li>Confirm the Free option.</li> </ol> <h2 id="h_01H5ASS4WAJECHC0TZ0H25WGV9">Creating a form</h2> <ol> <li>Within your Mailchimp Account, navigate to <em><strong>Audience > Signup forms > Embedded forms</strong></em>.</li> <li>Select the options in the Embedded Form Builder, and click <em><strong>Continue</strong></em>. Your form is ready! 🎉</li> <li>Copy the HTML code. You’ll need this for the next step, back over in Buffer!</li> </ol> <h2 id="h_01H5ASSK3KZK6T4MTMKEWKDV2Q">Setting things up in Start Page</h2> <ol> <li>Add the new <em><strong>Email Signup Form</strong></em> block to your Start Page.</li> <li>Log into MailChimp in a new tab.</li> <li>Visit the <em><strong>Audience > Signup forms > Embedded forms</strong></em> page and copy the HTML code. <em>Make sure you’re set up for GDPR!</em></li> <li>Back in Start Page, paste the HTML code into the Audience block field.</li> <li>Click <em><strong>Publish</strong></em>.</li> </ol> <div class="callout-blue"> <h4 id="h_01H93B6YC8BJ5TGT5PPSGE7PCR">📝 Good-to-Knows</h4> <ul> <li>Start Page is not available on mobile, this is an update to the web app only.</li> <li>This feature is available on Free, Essentials, Team, and Agency plans.</li> </ul> </div> </article> <div class="articleRatings" data-article-url="https://support.buffer.com/article/663-how-to-set-up-an-email-signup-form-on-your-start-page"> <span class="articleRatings-question">Did this answer your question?</span> <span class="articleRatings-feedback"> <span class="articleRatings-feedback-tick"> <svg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"> <path d="m8 14a.997.997 0 0 1 -.707-.293l-2-2a.999.999 0 1 1 1.414-1.414l1.293 1.293 4.293-4.293a.999.999 0 1 1 1.414 1.414l-5 5a.997.997 0 0 1 -.707.293" fill="#2CC683" fill-rule="evenodd"/> </svg> </span> <span class="articleRatings-feedback-message">Thanks for the feedback</span> </span> <span class="articleRatings-failure">There was a problem submitting your feedback. Please try again later.</span> <div class="articleRatings-actions"> <button class="rateAction rateAction--positive" data-rating="positive"> <span class="sr-only">Yes</span> <span class="rating-face"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"> <path fill-rule="evenodd" d="M5.538 14.026A19.392 19.392 0 0 1 12 12.923c2.26 0 4.432.388 6.462 1.103-1.087 2.61-3.571 4.436-6.462 4.436-2.891 0-5.375-1.825-6.462-4.436zm1.847-3.872a1.846 1.846 0 1 1 0-3.692 1.846 1.846 0 0 1 0 3.692zm9.23 0a1.846 1.846 0 1 1 0-3.692 1.846 1.846 0 0 1 0 3.692z"/> </svg> </span> </button> <button class="rateAction rateAction--negative" data-rating="negative"> <span class="sr-only">No</span> <span class="rating-face"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"> <path fill-rule="evenodd" d="M7.385 13.846a1.846 1.846 0 1 1 0-3.692 1.846 1.846 0 0 1 0 3.692zm9.23 0a1.846 1.846 0 1 1 0-3.692 1.846 1.846 0 0 1 0 3.692zm-.967 4.95a.992.992 0 0 1-.615-.212c-1.701-1.349-4.364-1.349-6.065 0a.998.998 0 0 1-1.36-.123.895.895 0 0 1 .127-1.3A6.897 6.897 0 0 1 12 15.692c1.555 0 3.069.521 4.266 1.467.41.326.467.909.127 1.3a.982.982 0 0 1-.745.335z"/> </svg> </span> </button> </div> </div> <section class="articleFoot"> <time class="lu" datetime=2024-02-02 >Last updated on February 2, 2024</time> </section> </div> </section> <aside id="sidebar" class="span3"> <form action="/search" method="GET" id="searchBar" class="sm" autocomplete="off"> <input type="hidden" name="collectionId" value="64cb6d9c0a5b99723c9358af"/> <input type="text" name="query" title="search-query" class="search-query" placeholder="Search articles" value="" aria-label="Search articles" /> <button type="submit"> <span class="sr-only">Toggle Search</span> <i class="icon-search"></i> </button> <div id="serp-dd" style="display: none;" class="sb"> <ul class="result"> </ul> </div> </form> <h3>Categories</h3> <ul class="nav nav-list"> <li ><a href="/category/4-getting-started">Getting Started <i class="icon-arrow"></i></a></li> <li ><a href="/category/500-buffer-social-network-guides">Buffer Social Network Guides <i class="icon-arrow"></i></a></li> <li ><a href="/category/12-channel-management">Channel Management <i class="icon-arrow"></i></a></li> <li ><a href="/category/495-creating-posts">Creating Posts <i class="icon-arrow"></i></a></li> <li ><a href="/category/496-managing-media">Managing Media <i class="icon-arrow"></i></a></li> <li ><a href="/category/13-scheduling-and-publishing">Scheduling Posts <i class="icon-arrow"></i></a></li> <li ><a href="/category/499-team-collaboration">Team Collaboration <i class="icon-arrow"></i></a></li> <li ><a href="/category/6-analytics">Analyzing Your Data <i class="icon-arrow"></i></a></li> <li ><a href="/category/501-engaging-with-comments">Engaging with Comments <i class="icon-arrow"></i></a></li> <li ><a href="/category/11-account-and-billing">Account Settings <i class="icon-arrow"></i></a></li> <li ><a href="/category/15-engagement">Billing <i class="icon-arrow"></i></a></li> <li class="active" ><a href="/category/14-start-page">Start Page Landing Page <i class="icon-arrow"></i></a></li> <li ><a href="/category/16-mobile-app">Mobile App <i class="icon-arrow"></i></a></li> <li ><a href="/category/497-integrations">Integrations <i class="icon-arrow"></i></a></li> <li ><a href="/category/498-buffer-best-practices">Buffer Best Practices <i class="icon-arrow"></i></a></li> </ul> </aside> </div> <div id="noResults" style="display:none;">No results found</div> <footer> <p>© <a href="https://buffer.com/">Buffer</a> 2024. <span>Powered by <a rel="nofollow noopener noreferrer" href="https://www.helpscout.com/docs-refer/?co=Buffer&utm_source=docs&utm_medium=footerlink&utm_campaign=Docs+Branding" target="_blank">Help Scout</a></span> </p> </footer> </section> <script src="//d3eto7onm69fcz.cloudfront.net/assets/javascripts/app3.min.js"></script> <script> // keep iOS links from opening safari if(("standalone" in window.navigator) && window.navigator.standalone){ // If you want to prevent remote links in standalone web apps opening Mobile Safari, change 'remotes' to true var noddy, remotes = false; document.addEventListener('click', function(event) { noddy = event.target; while(noddy.nodeName !== "A" && noddy.nodeName !== "HTML") { noddy = noddy.parentNode; } if('href' in noddy && noddy.href.indexOf('http') !== -1 && (noddy.href.indexOf(document.location.host) !== -1 || remotes)){ event.preventDefault(); document.location.href = noddy.href; } },false); } </script> </body> </html>

CINXE.COM

How to set up an email signup form on your Start Page - Buffer Help Center