Skip to content
  • There are no suggestions because the search field is empty.

How to send a flipbook email campaign through Mailchimp

Copy the email code from Flipsnack and paste it into a Mailchimp Code block

Overview

To send a flipbook through Mailchimp, copy the flipbook's email code in Flipsnack, then paste it into a Code block in your Mailchimp email. Your contacts see the flipbook cover, a title, a short text and a button. When they click the cover or the button, the flipbook opens in a new browser tab.

Note: The email code is not the same as the flipbook embed code. The embed code shows the flipbook inside a web page. The email code shows a preview card, because email apps do not play flipbooks inside the message.

Requirements

  • A published flipbook (Public or Unlisted).
  • A Mailchimp account with at least one contact in your audience.

Copy the email code in Flipsnack

  1. In Flipsnack, go to Content > Flipbooks and click the title of the flipbook. The flipbook Overview page opens.
  2. Click Send via email. The Send email page opens in a new tab.
Flipbook Overview page in Flipsnack with Send via email boxed
  1. Optional: change the Title, Description, Label (the button text) and the colors. The preview on the right shows your changes.
  2. Under Send it using your email client, click Copy.
Send email page in Flipsnack with the Copy button boxed under Send it using your email client

Add your contacts in Mailchimp

If your audience already has contacts, go to the next section.

  1. In Mailchimp, click Audience in the sidebar.
  2. Click Upload a file to import a CSV, TXT or XLSX file, or click Copy and paste to paste contacts from a spreadsheet.
  3. Follow the import steps on the screen.
Mailchimp Contacts page with Upload a file boxed

Paste the code into a Mailchimp email

  1. On the Mailchimp Home page, click Create email.
Mailchimp Home page with Create email boxed
  1. In How do you want to design your email?, click Basic layout.
Mailchimp design choice dialog with Basic layout boxed
  1. Move the pointer over a layout and click Apply.
Mailchimp template list with Apply boxed on the Sell products layout
  1. In Content blocks, drag the Code block into the email, where you want the flipbook.
Mailchimp email builder with the Code block boxed in Content blocks
  1. In the code editor on the left, delete the sample text, then paste the code that you copied in Flipsnack. The flipbook card shows in the email.
Mailchimp Code block editor with the Flipsnack email code pasted and the flipbook card in the email
  1. Click Preview to see the email as your contacts see it.
Mailchimp Preview of the email with the Flipsnack flipbook card

Important: Before you can send, replace or delete the placeholder text and images of the layout. If you keep them, Mailchimp shows a list of errors when you click Save and exit, and the campaign cannot go out.

Send the campaign

  1. Click Save and exit. The campaign page opens.
  2. Complete To, From, Subject and Send time.
  3. Click Send. All contacts that you selected in To get the email with your flipbook.
Mailchimp campaign page with the Send button boxed

You can also send your flipbook by email directly from Flipsnack, or use other email tools, such as Mailjet and Constant Contact.

Next steps

Need expert support?

Our team is here to help. Connect with our team experts or message us via the live chat for personalized assistance.