![]() Looking good! Finally, we can make a similar adjustment for each image, so that there is a thin white border around the photos. ![]() Now there’s white space on either side of our collage. In Column 2, we will bump up the Right padding to 30px as well. By increasing the padding to 30px, we create a nice strip of white space on the left of our collage, similar to the original Cook Smart one. ![]() In Column 1, we’ll want to adjust the padding on the left only. Turn on the “More options” slider under Padding. We can adjust padding on any piece on content in BEE by clicking on it and navigating to the Content menu that appears on the right. To add white space on either side of our collage, we’ll click the content row (the blank space to the right or left of our collage), so we can adjust both sides at once. The photo collage looks great, but we can more closely mirror the layout of Cook Smart’s collage by adjusting the white space between the images and along the outside borders on the right and left. We can continue to add the images on at a time, dropping each one into place, until all four are in place. The content placeholders automatically adjust in size to fit the height of each image, making it super easy to maintain the look and feel of the Cook Smart collage. Now we’ll drag them in one at a time into our placeholders. We took Cook Smarts’ single image collage and saved each portion individually so we have four separate images to work with. Now we have a placeholder for our content.įrom the Content menu, we can drag and drop in four image placeholders, two in each column. From the Structure menu, we’ll drag one in. While so far our email is a single-column layout, we’ll need to add a two-column structure to arrange our photos. What we need to do next is set up the structure of the photo collage. HOT SELFIE COLLAGE PICS HOW TO(For tips on how to make these formatting changes, check out our post on modular design and HTML colors in email). We also formatted our bulletproof CTA button. Starting with a basic single-column layout, we brought in the logo as an image for the header, formatted the email background color to gray and the content background to white, and copy-and-pasted the text into the email. We recreated the basic structure of the Cook Smart email in the BEE editor to get started. Tutorial: How to build a responsive photo collage Here’s our quick video recap of today’s workshop: ![]() If you make a collage that’s a single image, you’ll have to do it in Photoshop or a similar program, but you can make a totally responsive photo collage entirely in our drag-and-drop BEE email editor, without needing to pre-format. It depends on the amount of detail you want to maintain and if losing that detail due to scaling is okay for the purposes of your message. Sometimes, not having a responsive collage is okay-you might want the images in your collage to remain in place, even on a small device. The text doesn’t get any larger (it’s actually a bit hard to read), and the photo collage is all one image, so it scales down significantly to fit the screen’s width. What a great way to get readers to tap “Yes, subscribe me to this list”!īut when we checked out the email on iPhone, we noticed it wasn’t responsive. The photo collage serves as a delicious preview for the meal plans to come. The original, high-quality images made our mouths water. After signing up for their mailing list, we received this confirmation email. One of them came from Cook Smarts, a company that emails cooking lessons and recipes. Many subscription confirmation emails look the same, but recently we took a look at how some brands are breaking the mold by giving subscribers a warm welcome and standing out from the crowd (on that, see Design a standout subscription confirmation email). Inspiration for our photo collage in email Today we’ll show you how to build a beautiful, responsive photo collage in email so you can design a message that looks awesome and converts. HOT SELFIE COLLAGE PICS FREEWith great stock photos now easier to get than ever, even free of charge (we particularly like Pexels), you’re in the driver’s seat. With only a few seconds to capture subscribers’ attention, photography is a great way to make an impact (especially if you’re in the food or fashion industries, where product pictures can make or break a campaign).Ī photo collage in email is the perfect way to display stunning images and tell a compelling visual story while avoiding the pitfalls of a single-image email. Readers increasingly scan emails on mobile devices while they’re on the go. Photo collages (also called photo galleries) are a great way to add visual muscle to your email campaigns. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |