Flowbox is a SaaS platform allowing brands to manage, moderate, and distribute user-generated content like customer photos, videos, social posts and reviews across digital and e-com touchpoints. Here is how to work with Flowbox in the Design Studio.
Add a custom data source
First you'll need to add a new custom data source in the Configure Engage area of your Engage UI.
Name: Write "Flowbox" here. This is the name that will be displayed in the dropdown in Design Studio, allowing this data source to be selected and the data from it to be used.
ID: Here write "flowboxdynamic". It is vital to use this ID so that the data source works with starter modules.
Now activate Parameters to reveal the Input JSON schema field. Insert the code block below:
{
"$schema": "https://json-schema.org/draft/2020-12/schema",
"type": "object",
"title": "Parameters",
"properties": {
"flowboxId": {
"title": "Email asset ID",
"type": "string"
},
"flowboxEndpoint": {
"title": "URL endpoint",
"type": "string"
}
},
"required": [
"flowboxEndpoint",
"flowboxId"
]
}Now press Save.
The Design Studio module
In the Design Studio editor, do the following:
- Open an email template
- Go to the module Starter library
- Under the "Partner" category, the Flowbox module should be visible
- Drag this module onto your email canvas
Now find the module's data source settings.
To make this work you'll need a Email asset ID from Flowbox. Use an existing one or create an Email asset in Flowbox by following this Guide. Make sure to create an asset of type "Dynamic Asset".
In the Embed tab in FLowbox you should be able to see this kind of URL:
https://wuhg3bmvk0.execute-api.eu-west-1.amazonaws.com/Prod/email_asset/6afr4c6e-2ba9-4bea-8969-8f642673de6f/image/0
You'll need to copy the long ID in the middle. In the example above, that means the 6afr4c6e-2ba9-4bea-8969-8f642673de6f part. This is the Email asset ID you will then enter in Design Studio (see image above for where that goes). This ID will be the link between the selected Flowbox Email asset and your email.
After adding this, the images should appear when when you use Preview with data in Design Studio. Now the module can be styled as any other module and saved in your team library for use in sendouts.
Sendout from Design Studio
When creating a sendout, use your Flowbox module from the team library. If necessary, change the Email Asset ID parameter to the value you need.
Article last reviewed
Comments
0 comments
Please sign in to leave a comment.