Turn an Email Moodboard Into an Editable Shopify Email

Written by

Stanley Lin

Published

Turn an Email Moodboard Into an Editable Shopify Email

Quick answer: An email moodboard can guide the look of a campaign, but it cannot supply your product facts, offer, or customer action. Start with one clear campaign brief, choose a visual reference, create a draft in your own brand, then edit and test the finished email before sending it.

A Shopify merchant can have a folder full of beautiful email screenshots and still face a blank editor on campaign day. The inspiration is there. The work of turning it into a usable email is where things slow down.

That gap came up in a recent r/ShopifyeCommerce discussion started by a member of our team. One reply asked an important question: did people want software to turn an image into an editable email, or a collection of templates organized by aesthetic? Another described a desktop full of saved screenshots that never made it into a campaign.

We brought that discussion to our product team and built the Migma email inspiration gallery as a place to move from finding a reference to creating an email for your own brand. Here is how to use that workflow without letting the reference make your marketing decisions for you.

The problem and the solution, at a glance

Picture the moment a merchant finds the perfect email inspiration. They save it. A week later, they open their email editor and face a blank canvas. The screenshot shows the look they want, but they still have to rebuild the layout, add their own products, and make it feel like their brand.

Here is the path from that saved image to a usable email:

  1. See it: Browse a feed of email inspiration and find a design that fits the campaign.
  2. Select it: Choose the reference and identify the layout, spacing, or visual mood worth keeping.
  3. Make it yours: Add your own brand, images, message, and link to create an editable email draft.
  4. Review it: Adjust the draft and test the final version before sending.

The change should be visible at a glance: a saved inspiration card becomes a new email with the merchant’s own branding and content. That is the moment this workflow is built for.

First, decide what your moodboard is telling you

“Make it look like this” is rarely a complete brief. A moodboard might tell you that you like generous white space, close-up product photography, or a quiet editorial layout. It does not tell you which products are in stock or what the email should ask customers to do.

What you savedWhat it can help withWhat you still need to decide
A complete email screenshotLayout, visual hierarchy, spacing, and CTA placementYour own copy, imagery, links, and offer
Product photosThe products and visual moodEmail structure and message
A Pinterest-style moodboardColor, typography, and creative directionWhich elements work in an inbox
An old campaign from your storeFamiliar brand patternsWhat should change for this send

For example, a ceramics shop might save an email with one large photograph and a short founder note. The useful idea is the relationship between the image and the story. The next campaign still needs the shop’s own bowl photography, product details, and destination link.

A five-step workflow from inspiration to email

1. Name the job of the email

Choose one message you actually need to send: a product launch, restock, welcome note, seasonal offer, or customer story. Write down the audience and the one action you want a reader to take.

A useful brief is specific:

Introduce our new batch of hand-thrown bowls to existing subscribers. Explain that the glaze varies from piece to piece. Link to the collection. Do not invent a discount.

That gives the design a purpose. It also gives you a way to judge the finished draft.

2. Find a reference that fits that job

Find a reference that fits that job
Find a reference that fits that job

In the Migma gallery, you can browse email examples by brand and categories such as design, industry, lifecycle stage, and season. You can save inspiration or add your own screenshots and HTML.

Pick a reference for a reason you can describe. An image-led product launch may benefit from a strong hero photograph. A personal thank-you note may work better with a simpler, text-led layout. A ten-product grid is a poor starting point when the email’s job is to introduce one handmade item.

3. Describe what to carry over

Describe what to carry over
Describe what to carry over

Tell Migma which design choices matter. Separate those choices from the original brand’s identity.

For example:

Use the reference’s large opening image, calm spacing, and short text section. Use our own logo, colors, product photographs, and copy. Make the main action “Explore the new bowls.”

Migma’s screenshot-to-email workflow can use an email screenshot as a design reference and produce a draft for your brand. Review the result as an adaptation; do not expect a pixel-for-pixel copy.

4. Edit the draft like an owner, not a spectator

Edit the draft like an owner, not a spectator
Edit the draft like an owner, not a spectator

Check three things before you worry about small visual details:

  • Brand: Does the email look and sound like your shop?
  • Facts: Are the product names, prices, offer terms, and dates correct?
  • Action: Can a reader understand what to do, and does the link go to the right place?

Then inspect the mobile reading order, image descriptions, and text that must remain readable when images are blocked. Keep refining the email until the design supports the message.

5. Test the version you will actually send

A preview in a design tool is an intermediate step. Send a test from your final sending platform and check it on the devices and inboxes your team uses.

If you send through Shopify, you can download the finished HTML and import it into Shopify. Shopify currently documents this under Shopify Messaging → Create campaign → Code your own → Import; imported files must be .html. Check the imported version there before selecting recipients or sending. An HTML import is custom code, so you should not assume it becomes a set of native drag-and-drop Shopify sections. Shopify’s campaign instructions

Try this brief for a small Shopify brand

Create an editable product-launch email for our ceramics shop using our reviewed brand identity. Use the selected gallery email only as a reference for its single hero image, generous spacing, and short story section. Feature our own photos of the new hand-thrown bowls. Use only these approved facts: [product facts]. The audience is existing subscribers. The main link is [collection URL]. Keep one clear CTA: “Explore the new bowls.” Show me a draft for review. Do not invent a discount, deadline, testimonial, or product detail. Do not send.

The details in brackets come from your business. The reference supplies a design direction; your brief supplies the campaign.

Browse email inspiration and create a draft for your brand.

Frequently Asked Questions

Can I use another brand's email as design inspiration?

Yes. You can study structural choices such as visual hierarchy, spacing, and image placement, then build your draft using your own imagery, copy, brand identity, and offer. The original campaigns belong to their respective brands, so references should guide design adaptation rather than direct copying.

Will an email created from an inspiration reference be editable?

Migma lets you generate a branded draft from an email screenshot and edit the layout and content in its visual editor. If you export the finished HTML to an outside email service provider, editing options will depend on how that platform handles custom code.

How do you import a finished HTML email into Shopify?

Download your email as an .html file and navigate to Shopify Messaging → Create campaign → Code your own → Import. Because imported HTML is custom code rather than native drag-and-drop sections, always preview and send a test within Shopify before scheduling your live send.

What should you check before sending an email created from visual inspiration?

Before sending, review three core areas:

  • Brand: Ensure the email reflects your shop's visual identity and voice.
  • Facts: Verify that product names, prices, inventory, and offer dates are accurate.
  • Action: Confirm that the call to action is clear and links to the correct destination.

Can I turn an email moodboard directly into a campaign?

A moodboard provides visual direction, but it cannot supply your product facts, offer, or customer action. To turn visual inspiration into an email, pair your reference with a clear campaign brief, approved product details, your own brand assets, and a distinct call to action.

The author

Stanley Lin
Stanley Lin

Growth and marketing associate

Growth and marketing associate @Migma

From idea to inbox in seconds

Create professional, personalized emails with AI.

Start for free