Wunderkind Studio X Movable Ink Integration Guide

Wunderkind Studio X Movable Ink Integration Guide

Automatically pull image assets and clickthrough URLs from your Movable Ink account directly into your email creatives in Wunderkind Studio – no manual copying and pasting embed codes required! See below for details on how to get started.

Note: Currently this feature only supports single-column Movable Ink content. In other words, if your design requires two Movable Ink images sitting side-by-side, you cannot use this feature. Get in touch with your Wunderkind rep to explore the best way to implement your design. 

Prerequisites

• Your emails must be either live on Studio, or actively migrating/onboarding to Studio.
  • Connect with your Wunderkind rep If you do not have Studio access yet.
• You must connect your Movable Ink account to Platform Integrations Hub.

Connect Wunderkind Studio X Movable Ink

While you are logged in to both Wunderkind (platform.wunderkind.co) and Movable Ink (auth.movableink.com/login) in your browser, you can connect the accounts in just 5 clicks: 

1. In the bottom left corner of the Wunderkind Platform, click Apps and Integrations.
2. In the left tab, click Your integrations.
3. Click Movable Ink.
4. Click Connect.
5. Click Authorize.

Add Movable Ink Content into Wunderkind Studio

Now that you have connected your Movable Ink account to the Wunderkind Platform Integrations Hub, you can begin implementing your Movable Ink content into Studio. 

1. Open any email layout in Studio.
2. In the left sidebar, click the plus (+) button at the top.
3. In the ‘Add a block’ modal that opens, at the bottom of the left sidebar, click the Movable Ink category.

4. All of the campaigns in the your Movable Ink account will list in alphabetical order in the left sidebar of the modal. Click into a specific campaign to reveal its available blocks, which you can then click to add to the Studio layout.

5. Once you select a specific block, you can then treat it similarly to other Studio email blocks:
   • Drag it into position in the left sidebar.
   • Style the image in the Design drawer in the right sidebar.
   • Adjust src, href & alt attributes (including UTM parameters) by clicking Edit in the Content drawer in the right sidebar.

Automatic Parameter Handling

When adding a Movable Ink block to layout, if Studio detects any of the below parameter names, it will overwrite the value with the value shown:

mi_u

{{ if $.ToEmail }}{{ $.ToEmail | sha256 }}{{ end }}

mi_ign

{{ formatTime "2006-01-02_15-04-05" }}

mi_zip_preferred

{{ if $.ZipCode }}{{ $.ZipCode }}{{ end }}

Excluding the parameters in the table above, if Studio detects any parameter values that are in the format of an ESP variable, it will strip the parameter entirely.

• If your ESP is Salesforce (ex: %%subscriberid%%) or Responsys (ex: ${CONTACTS_LIST.CUSTOMER_ID_}), you can add those parameters back on by:
  • Clicking Edit in the Content drawer in the right sidebar
  • Adjusting the HTML in the modal
• If your ESP is not Salesforce or Responsys, and your creatives rely on ESP merge tags that cannot be substituted for static values, please reach out to your Customer Success Manager.

Studio will preserve any parameters on your Movable Ink blocks that have hardcoded or empty values.

Adding the Movable Ink 'Campaign Code' Tracking Pixel

Movable Ink creatives require a Campaign Code, which is a hidden tracking pixel, to be placed at the top of the Studio layout to support Movable Ink tracking.

1. Find the Campaign Code by navigating to the Code tab in your Movable Ink campaign, and scrolling down to the Campaign Code section. Copy the .gif path (example highlighted below) to the clipboard.
2. Back in the Studio layout, in the left sidebar, click the plus (+) button at the top.
3. In the ‘Add a block’ modal that opens on the left sidebar, click Messaging Secondary.
4. Select the Image(Table) block and drag it to the top of the blocks in the left sidebar.
5. In the right sidebar Content drawer, paste the .gif tracking pixel from your clipboard into the Src input field -- do this while the Image is selected!
6. Scroll down to the Design drawer in the right sidebar and set the following settings:
   • Width: 1
   • Height: 1px
   • Display: none
7. Scroll down to the Design drawer in the right sidebar and toggle "Table" off

8. 

If Wunderkind Implements

If you would like Wunderkind to implement your Movable Ink content on your behalf, you must provide us with the Public Link(s) for the Movable Ink campaigns to be used.

1. In the left tab of the Movable Ink Platform, click Content > Campaigns.
2. Click into the Campaign(s) with images you plan to use in your Wunderkind emails.
3. In each campaign, go to the Code tab, scroll to the bottom, and copy the Public Link.
4. Send all Public Links to your CSM.