Integrating Mailchimp with Scrivito

There are a myriad of ways to collect email addresses to communicate with your audience. Mailchimp is one of those, and, if you are not familiar with it, you should check them out. Mailchimp is an all-in-one marketing platform that provides quite a lot of features. The most basic feature is capturing emails and adding them to a list or, in their lingo, “audience”. This is what is needed to get started with other Mailchimp services, but is also important from a business perspective. Once you have an audience in Mailchimp, you can send targeted emails and newsletters and manage e-commerce.

mailchimp tweet

We had previously sent some social media posts out explaining how easy it is to integrate Scrivito with third party services. One of those examples was Mailchimp. It is easy – just paste the embed code from the provider into the widget properties of a text widget. This works because the content of the text widget evaluates to HTML. Mailchimp lets you set up a signup form with many options and provides convenient embed code to add to your website. You will be collecting emails on your Scrivito website in less than five clicks. However, this is not the only way to integrate Mailchimp.

As with many things in Scrivito, there are several ways to build your application. Mailchimp integration is no different. Perhaps you prefer to not have the Mailchimp branding, forms, flows, etc. you get when embedding a Mailchimp form. Or you want to customize the input to better match your own website and visitor UX. Whatever the reason, there are other ways to get the functionality you need. Mailchimp provides a robust REST API with which one can connect to all their offerings to customize an integration.

We have put together a package you can use to add a simple signup widget to your Scrivito application. As with our Scrivito Example App, it is an example implementation. It is provided free and open source and can be used “as is”, but it is intended as an example and a starting point for your own customized implementation. As Scrivito applications are client-side single-page applications, we utilize a lambda function to submit to the Mailchimp API. This ensures your API keys are not exposed. In the form of an NPM package, a developer can easily import the widget into a project. The readme explains the steps needed to add it to your project and get started. The Github repo provides a link to the source code to start customizing right away.

Scrivito Mailchimp Widget

A Scrivito widget including a Mailchimp mailing list signup via a lambda function.

Widget properties:

  • Submit button text
  • Success message text

We hope you enjoy the widget and that it helps to make your Scrivito application even better and more successful. We are in the process of providing more widgets as packages, and you can always release your own and share with the community.

More great blog posts from Antony Siegert

  • Expanding Scrivito’s Pricing Options

    Announcing new pricing options for Scrivito As we expand the feature set of Scrivito, we also have to determine the most appropriate pricing model for our customers. We have always considered pricing to be an important factor, but the fact remains that the product needs to grow, and requests from...

  • Example App Updates

    What is new in the Example App? The Example App has been a big part of the Scrivito journey, not only for you – our customers – but also for us as developers. We developed the Example App to showcase some of what could be done when implementing a Scrivito-based app. It is used, every day, to test...

  • Customizable Page Menus

    Scrivito’s top-right menu is customizable! Menus can make editors’ lives much easier, and we have had several requests to add items to the menu to aid in a more efficient content generation. So, our developers worked hard and took our mantra of complete developer flexibility to heart. Beginning...

  • The Scrivito Example App now Uses Bootstrap 4

    With Bootstrap 4 finally being released to the wild and with all the new features, of course, we wanted the Scrivito Example App to have the latest and greatest. After all, the Scrivito Example App is our showcase for implementing the Scrivito CMS. While the change from Bootstrap 3 to Bootstrap 4...

  • A/B Testing with Scrivito and Google Optimize

    Fine tuning a website takes time, and there are many options to consider. But when it really comes down to it, it's important to find out if the visitors are happy with the improvements. To do this, we need to compare their reactions to the present and the improved versions of the pages...

  • How to Create a Blog Post in the Example App

    Creating a blog post is simple with the Example App. A blog post has an author, so we will want to add our author page, too. Every blog post page consists of a title, a subtitle, and a widgetlist. The widgetlist is where you will build up the body of the blog post using the available widgets in...

  • Testing Your Scrivito-Based Rails App 

    The question of how to test Scrivito-based apps comes up less often than you would expect, but none the less it is asked. Remember that Scrivito is just Ruby, but being mainly an API, there are some caveats. It is best kept in mind what Scrivito is, a Content Management System, so your testing...